.tool-page{gap:1.1rem;max-width:1240px;margin:0 auto;padding-bottom:2.25rem;display:grid}.tool-page__header-center{text-align:left;border-bottom:1px solid var(--border-soft);flex-direction:column;align-items:flex-start;gap:.35rem;max-width:none;margin:0;padding-bottom:.85rem;display:flex}.tool-page__breadcrumb{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.15rem;font-size:.78rem;display:flex}.tool-page__breadcrumb a{color:var(--text-muted);font-weight:500;transition:color .12s}.tool-page__breadcrumb a:hover{color:var(--accent)}.tool-page__breadcrumb-sep{color:var(--text-soft);opacity:.6}.tool-page__breadcrumb-tag{background:var(--accent-ghost);color:var(--accent);border-radius:999px;align-items:center;padding:.1rem .48rem;font-size:.7rem;font-weight:600;display:inline-flex}.tool-page h1,.tool-page h2,.tool-page h3,.tool-page h4{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:650;line-height:1.2}.tool-page h1,.tool-page__header-center h1{max-width:none;font-size:clamp(1.35rem,2.2vw,1.7rem);font-weight:700}.tool-page__lede,.tool-page__header-center .tool-page__lede,.tool-page__hero-side p,.tool-page__panel p,.tool-page__field-hint,.tool-page__notice p{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.55}.tool-page__hero{grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr);align-items:stretch;gap:1rem;display:grid}.tool-page__surface{border:1px solid var(--border-soft);background:var(--surface-1);box-shadow:var(--shadow-soft);border-radius:.85rem;transition:border-color .16s;position:relative;overflow:hidden}.tool-page__hero-copy,.tool-page__hero-side,.tool-page__panel{padding:1.15rem}.tool-page__hero-simple .tool-page__hero-copy{background:var(--surface-1);justify-content:space-between;align-items:center;gap:.75rem;min-height:auto;padding:.75rem 1rem;display:flex}.tool-page__hero-simple .tool-page__chip-row{display:none}.tool-page__eyebrow{border:1px solid var(--border-soft);background:var(--surface-2);width:fit-content;color:var(--accent);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .65rem;font-size:.72rem;font-weight:600;display:inline-flex}.tool-page__hero-actions{flex-wrap:wrap;gap:.5rem;display:flex}.tool-page__chip-row,.tool-page__quick-links{flex-wrap:wrap;gap:.45rem;display:flex}.tool-page__chip,.tool-page__mini-chip{border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text-muted);border-radius:999px;align-items:center;padding:.3rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.tool-page__mini-chip{background:var(--accent-ghost);color:var(--accent);border-color:#0000}.tool-page__hero-side{align-content:start;gap:.75rem;display:grid}.tool-page__hero-side h2{font-size:1.25rem}.tool-page__stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.65rem;display:grid}.tool-page__stat{border:1px solid var(--border-soft);background:var(--surface-2);border-radius:.6rem;padding:.75rem}.tool-page__stat strong{letter-spacing:-.02em;font-size:1.15rem;display:block}.tool-page__stat span{color:var(--text-soft);margin-top:.2rem;font-size:.8rem;line-height:1.4;display:block}.tool-page__workspace,.tool-page__other-tools{gap:.85rem;display:grid}.tool-page__other-tools{border-top:1px solid var(--border-soft);margin-top:1.25rem;padding-top:1.25rem}.tool-page__grid,.tool-page__grid--equal,.tool-page__grid--sidebar{gap:.85rem;display:grid}.tool-page__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.tool-page__grid--equal{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-page__grid--sidebar{grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr)}.tool-page__panel{align-content:start;gap:.85rem;display:grid}.tool-page__panel-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.tool-page__panel-title h2,.tool-page__panel-title h3{font-size:1.05rem;font-weight:650}.tool-page__panel-kicker{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .2rem;font-size:.68rem;font-weight:700}.tool-page__field{gap:.4rem;display:grid}.tool-page__field-row,.tool-page__button-row,.tool-page__toggle-row{flex-wrap:wrap;gap:.5rem;display:flex}.tool-page__field label,.tool-page__label{color:var(--text-strong);font-size:.82rem;font-weight:600}.tool-page__input,.tool-page__select,.tool-page__textarea{border:1px solid var(--border-soft);background:var(--surface-2);width:100%;color:var(--text-strong);font:inherit;border-radius:.55rem;font-size:.9rem;transition:border-color .12s,box-shadow .12s}.tool-page__input:focus,.tool-page__select:focus,.tool-page__textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ghost);outline:none}.tool-page__input,.tool-page__select{min-height:2.5rem;padding:.55rem .8rem}.tool-page__textarea{resize:vertical;min-height:13rem;padding:.75rem .85rem;line-height:1.55}.tool-page__textarea--compact{min-height:9rem}.tool-page__select{appearance:none}.tool-page__toggle{border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text-muted);cursor:pointer;border-radius:.5rem;align-items:center;gap:.45rem;padding:.45rem .75rem;font-size:.82rem;font-weight:500;display:inline-flex}.tool-page__toggle input{accent-color:var(--accent);margin:0}.tool-page__button{cursor:pointer;min-height:2.35rem;font:inherit;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;padding:.45rem .9rem;font-size:.84rem;font-weight:600;transition:border-color .12s,background-color .12s,color .12s;display:inline-flex}.tool-page__button--primary{background:var(--accent);color:#08111b}html[data-theme=light] .tool-page__button--primary{color:#fff}.tool-page__button--primary:hover{filter:brightness(1.06)}.tool-page__button--secondary{border-color:var(--border-strong);background:var(--surface-2);color:var(--text-strong)}.tool-page__button--secondary:hover{border-color:var(--accent);background:var(--surface-3)}.tool-page__button--ghost{border-color:var(--border-soft);color:var(--text-muted);background:0 0}.tool-page__button--ghost:hover{border-color:var(--border-strong);color:var(--text-strong);background:var(--surface-2)}.tool-page__notice{border:1px solid var(--border-soft);background:var(--surface-2);border-radius:.6rem;padding:.8rem .95rem}.tool-page__notice--error{background:#ff848414;border-color:#ff848459}.tool-page__notice--success{background:#59cd9014;border-color:#59cd9059}.tool-page__notice--accent{background:var(--accent-ghost);border-color:#7de2d14d}.tool-page__notice strong{font-size:.88rem;display:block}.tool-page__notice p{margin:.3rem 0 0;font-size:.84rem}.tool-page__code,.tool-page__output,.tool-page__pre{border:1px solid var(--border-soft);background:var(--surface-2);color:var(--text-strong);font-family:var(--font-mono);border-radius:.6rem}.tool-page__output,.tool-page__pre{white-space:pre-wrap;word-break:break-word;padding:.85rem;font-size:.86rem;line-height:1.55;overflow:auto}.tool-page__code{padding:.18rem .42rem;font-size:.82rem}.tool-page__metric-row{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:.6rem;display:grid}.tool-page__metric{border:1px solid var(--border-soft);background:var(--surface-2);border-radius:.6rem;padding:.75rem}.tool-page__metric strong{font-size:1.05rem;display:block}.tool-page__metric span{color:var(--text-soft);margin-top:.2rem;font-size:.78rem;display:block}.tool-page__tool-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem;display:grid}.tool-page__tool-link{border:1px solid var(--border-soft);background:var(--surface-1);border-radius:.75rem;flex-direction:column;gap:.35rem;padding:.95rem 1.05rem;transition:border-color .15s cubic-bezier(.16,1,.3,1),background-color .15s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);display:flex}.tool-page__tool-link:hover{border-color:var(--accent);background:var(--surface-2);transform:translateY(-2px);box-shadow:0 6px 18px #040a1224}.tool-page__tool-link h3{font-size:.92rem;font-weight:600}.tool-page__tool-link p{color:var(--text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.45;display:-webkit-box;overflow:hidden}.tool-page__tool-link code{display:none}.tool-page__all-link{color:var(--accent);font-size:.82rem;font-weight:600}.tool-page__all-link:hover{text-decoration:underline}@media (width<=1080px){.tool-page__hero,.tool-page__grid,.tool-page__grid--equal,.tool-page__grid--sidebar{grid-template-columns:1fr}.tool-page__tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.tool-page__stat-grid,.tool-page__metric-row,.tool-page__tool-grid{grid-template-columns:1fr}.tool-page__hero-simple .tool-page__hero-copy{flex-direction:column;align-items:stretch}}