/* ==== Shared tool styles for CodersBro ==== */
.tool-wrap{max-width:980px;margin:48px auto;background:#fff;border-radius:10px;box-shadow:0 4px 16px rgba(44,62,80,0.08);padding:28px;}
.tool-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
.tool-title{margin:0;font-size:1.6rem;color:#2a4d7c;letter-spacing:.3px;}
.back-link{text-decoration:none;color:#2a4d7c;border:1px solid #e0e6ed;background:#f3f6fa;padding:8px 14px;border-radius:6px;font-weight:500;}
.back-link:hover,.back-link:focus{background:#e0e6ed;}
.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 16px;}
select.tool-select{padding:8px 10px;border-radius:6px;border:1px solid #e0e6ed;background:#f9fbfd;color:#222;}
label.tool-checkbox{display:inline-flex;align-items:center;gap:8px;color:#444;}
.btn{border:1px solid #e0e6ed;background:#f3f6fa;color:#2a4d7c;padding:10px 14px;border-radius:6px;font-weight:600;cursor:pointer;transition:background .18s,box-shadow .18s,transform .06s;}
.btn:hover,.btn:focus{background:#e0e6ed;box-shadow:0 4px 12px rgba(44,62,80,0.10);}
.btn.primary{background:#2a4d7c;color:#fff;border-color:#21406a;}
.btn.primary:hover,.btn.primary:focus{background:#1f3c68;}
.columns{display:grid;grid-template-columns:1fr;gap:16px;}
@media (min-width: 900px){.columns{grid-template-columns:1fr 1fr;}}
.panel{border:1px solid #e0e6ed;background:#fff;border-radius:10px;padding:14px;box-shadow:0 2px 6px rgba(44,62,80,0.04);}
.panel label{display:block;font-weight:700;color:#2a4d7c;margin-bottom:8px;}
textarea.tool-textarea,input.tool-input,.mono{width:100%;padding:12px;border:1px solid #e0e6ed;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;background:#f9fbfd;color:#222;}
textarea.tool-textarea{min-height:340px;resize:vertical;}
@media (min-width: 900px){textarea.tool-textarea{min-height:420px;}}
.helper{color:#555;font-size:.95rem;margin-top:8px;}
.status{color:#174080;font-size:.95rem;margin:10px 0 0;}
.row{display:flex;gap:10px;flex-wrap:wrap;}
.row>*{flex:1 1 auto;}
.mono{white-space:pre-wrap;}