:root{color-scheme:dark;--bg: #17191d;--surface: #1e2228;--surface-strong: #242931;--surface-muted: #1b1f25;--surface-hover: #2a3038;--text: #edf1f5;--text-strong: #f8fafc;--muted: #9aa4b2;--border: #343b44;--border-strong: #46505d;--accent: #9fb7ff;--accent-surface: rgba(159, 183, 255, .12);--focus: rgba(159, 183, 255, .28);--success: #6ee7a8;--warning: #f3c26a;--error: #f38b82;--shadow: none;--radius-lg: 6px;--radius-md: 4px;--radius-sm: 3px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--max: 1280px;font-family:IBM Plex Sans,Segoe UI,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.45}body,button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,input,textarea,select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--text)}button{cursor:pointer}textarea,input,select{width:100%;padding:.75rem;min-height:42px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}textarea{resize:vertical}.code-editor-shell{min-height:220px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);overflow:hidden}pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.app-shell{min-height:100vh}.app-crash-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.app-crash-card{width:min(100%,720px);padding:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.app-crash-card pre{margin:0 0 1rem;padding:.75rem;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm)}.topbar{position:sticky;top:0;z-index:10;background:#17191df5;border-bottom:1px solid var(--border)}.topbar__inner,.page{width:min(calc(100% - 32px),var(--max));margin:0 auto}.consent-banner{width:min(calc(100% - 32px),var(--max));margin:.75rem auto 0;padding:.9rem 1rem;border:1px solid var(--border-strong);background:var(--surface-strong);display:flex;align-items:center;justify-content:space-between;gap:1rem}.consent-banner__copy{min-width:0}.consent-banner__copy strong{display:block;margin-bottom:.2rem}.consent-banner__copy p{margin-bottom:0}.consent-banner__actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:60px}.brand{display:inline-flex;align-items:center;gap:.9rem}.brand__mark{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:4px;background:var(--surface-strong);color:var(--text-strong);font-size:.84rem;letter-spacing:.08em;border:1px solid var(--border)}.brand small{display:block;color:var(--muted);margin-top:.15rem}.topnav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.topnav__link{padding:.45rem .7rem;border-radius:4px;color:var(--muted)}.topnav__link--active,.topnav__link:hover{background:var(--surface-hover);color:var(--text)}.page{padding:1.25rem 0 2rem}.stack{display:grid;gap:var(--space-4)}.stack-sm{display:grid;gap:var(--space-3)}.helper-note{margin:0;color:var(--muted);font-size:.88rem}.range-field{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:var(--space-3);align-items:center}.range-field__number{text-align:right}.range-field__bounds{display:flex;justify-content:space-between;margin-top:var(--space-1);color:var(--muted);font-size:.76rem}.countdown-timer{padding:var(--space-3);border:1px solid var(--border);background:var(--surface-muted)}.countdown-timer--active{border-color:var(--border-strong);background:var(--surface)}.countdown-timer__label{margin-bottom:var(--space-2);color:var(--muted);font-size:.82rem}.countdown-timer__digits{display:flex;align-items:stretch;gap:var(--space-2)}.countdown-timer__unit{flex:1;min-width:0;padding:var(--space-2);border:1px solid var(--border);background:var(--surface-strong);text-align:center}.countdown-timer__unit strong{display:block;font-size:1.35rem;line-height:1;letter-spacing:.04em;color:var(--text-strong);font-variant-numeric:tabular-nums}.countdown-timer__unit span{display:block;margin-top:var(--space-1);color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.countdown-timer__separator{align-self:center;color:var(--muted);font-size:1.1rem;font-variant-numeric:tabular-nums}.countdown-timer__note{margin:var(--space-2) 0 0;color:var(--muted);font-size:.82rem}.hero,.toolbar,.section-card,.tool-card,.category-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.hero{padding:var(--space-4);display:grid;grid-template-columns:1.6fr 1fr;gap:var(--space-4)}.hero--compact{align-items:start}.eyebrow{display:inline-block;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.1;letter-spacing:-.02em;margin-bottom:.5rem}h2{font-size:1rem;margin-bottom:.25rem}h3{font-size:.98rem;margin-bottom:.35rem}p{color:var(--muted);font-size:.95rem}.hero__stats,.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.hero__stats div,.stats-grid div{padding:var(--space-3);background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-md)}.hero__stats strong,.stats-grid strong{display:block;font-size:1rem;margin-bottom:.2rem}.toolbar{padding:var(--space-3);display:grid;grid-template-columns:1fr;gap:var(--space-3)}.toolbar--note p{margin:0}.field,.search-field{display:grid;gap:var(--space-2)}.field__label{font-size:.84rem;font-weight:600}.field__hint{color:var(--muted);font-size:.88rem}.section-heading,.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4)}.page-heading{align-items:flex-start}.section-card{padding:var(--space-4);overflow:hidden}.section-card__header{display:flex;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.tool-grid,.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.tool-card,.category-card{padding:var(--space-4);transition:border-color .12s ease,background .12s ease}.tool-card:hover,.category-card:hover{border-color:var(--border-strong);background:var(--surface-hover)}.tool-card__meta,.tool-card__tags,.tool-meta,.toggle-row,.action-row,.split-fields{display:flex;flex-wrap:wrap;gap:var(--space-3)}.split-fields--timer{align-items:flex-end}.chip{display:inline-flex;align-items:center;min-height:24px;padding:0 var(--space-2);border-radius:3px;background:var(--surface-strong);color:var(--muted);font-size:.76rem;border:1px solid var(--border)}.chip--soft{background:var(--surface-muted);color:var(--muted)}.button{min-height:36px;padding:0 var(--space-3);border:1px solid var(--border-strong);background:var(--surface-strong);color:var(--text-strong);border-radius:4px}.button--secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.button:hover,.button--secondary:hover,.search-trigger:hover{background:var(--surface-hover);border-color:var(--border-strong)}.tool-layout{display:grid;gap:var(--space-4)}.tool-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-4);align-items:start}.tool-columns>*{min-width:0}.result-panel{min-height:0;max-width:100%;padding:var(--space-3);background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);overflow:auto}.result-panel .result-panel{padding:0;border:0;background:transparent}.result-panel__label,.breadcrumb{display:inline-block;margin-bottom:.5rem;color:var(--muted);font-size:.82rem}.inline-message{padding:.7rem .8rem;border-radius:var(--radius-sm);margin-bottom:var(--space-3);border:1px solid currentColor}.inline-message--success{background:#0f8b5814;color:var(--success)}.inline-message--warning{background:#9a670014;color:var(--warning)}.inline-message--error{background:#b4231814;color:var(--error)}.tool-trust-note{margin:0 0 var(--space-3);color:var(--muted);font-size:.78rem;font-style:italic;line-height:1.45}.checkbox-row{display:flex;align-items:center;gap:var(--space-2)}.checkbox-row input{width:auto;min-height:auto}.result-card{padding:var(--space-3);border:1px solid var(--border);background:var(--surface-2)}.content-list{margin:0;padding-left:1.1rem;color:var(--text)}.content-list li+li{margin-top:.45rem}.faq-block{padding-bottom:.7rem;border-bottom:1px solid var(--border)}.faq-block strong{display:block;margin-bottom:.3rem}.faq-block p{margin:0}.ad-slot{border:1px dashed var(--border);background:var(--surface-muted);display:grid;place-items:center;padding:var(--space-3)}.ad-slot__placeholder{color:var(--muted);font-size:.82rem}.sample-block{margin-bottom:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--muted);border:1px dashed var(--border)}.diff-panel{display:grid;gap:var(--space-2)}.diff-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);min-width:0}.search-trigger{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text)}.search-trigger svg,.search-modal__icon svg{width:16px;height:16px}.search-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:start center;padding:72px 16px 16px;background:#080a0c9e}.search-modal__panel{width:min(760px,100%);border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-lg);overflow:hidden}.search-modal__input{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-3);border-bottom:1px solid var(--border)}.search-modal__icon{color:var(--muted)}.search-modal__input input{min-height:42px;border:0;background:transparent;padding:0}.search-modal__results{max-height:min(70vh,640px);overflow:auto}.search-result{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.search-result:hover{background:var(--surface-hover)}.search-result p{margin-bottom:0}.search-empty{padding:1rem;color:var(--muted)}.diff-row--changed{border-color:#b4231833;background:#b423180a}.kv-list{margin:0;display:grid;gap:.5rem}.kv-list__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-4);padding-bottom:.45rem;border-bottom:1px solid var(--border)}.kv-list__row dt,.kv-list__row dd{margin:0}.kv-list__row dd{text-align:right;font-weight:600;min-width:0}.tool-grid .tool-card,.category-grid .category-card,.result-panel pre,.section-card,.page-heading,.tool-layout,.tool-layout__main{min-width:0}.tool-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--border);border-left:1px solid var(--border)}.tool-list--dense{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-list--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-list__item{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);min-width:0;padding:.7rem .8rem;border-right:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text)}.tool-list__item--category{align-items:center}.tool-list__item:hover{background:var(--surface-hover)}.tool-list__item span,.tool-list__item small,.tool-list__item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-list__item small{color:var(--muted)}.static-copy{display:grid;gap:var(--space-3)}.sitemap-section{display:grid;gap:var(--space-2)}.sitemap-section+.sitemap-section{padding-top:var(--space-2);border-top:1px solid var(--border)}.sitemap-section__header h2{margin-bottom:.15rem}.sitemap-section__header p{margin-bottom:0}.swatch{display:inline-block;width:48px;height:20px;border:1px solid var(--border);border-radius:var(--radius-sm)}.preview-box{height:120px;border:1px solid var(--border);border-radius:var(--radius-md)}.audio-player{width:100%}.audio-visualizer{display:grid;gap:var(--space-3)}.audio-canvas{width:100%;height:auto;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted)}.waveform-bars{display:grid;align-items:end;grid-template-columns:repeat(96,minmax(0,1fr));gap:1px;height:160px;padding:var(--space-2);border:1px solid var(--border);background:var(--surface-muted)}.waveform-bars__bar{display:block;min-height:6px;background:var(--accent);opacity:.85}.site-footer{border-top:1px solid var(--border);margin-top:var(--space-5)}.site-footer__inner{width:min(calc(100% - 32px),var(--max));margin:0 auto;padding:var(--space-4) 0 var(--space-5);display:grid;gap:var(--space-3)}.site-footer__links,.site-footer__categories{display:flex;flex-wrap:wrap;gap:var(--space-3);color:var(--muted)}.site-footer__copyright{margin:0;color:var(--muted);font-size:.88rem}@media (max-width: 960px){.consent-banner{flex-direction:column;align-items:stretch}.consent-banner__actions{justify-content:stretch}.hero,.toolbar,.tool-columns,.tool-grid,.category-grid,.tool-list,.tool-list--dense,.tool-list--compact{grid-template-columns:1fr}.topbar__inner,.page-heading,.section-heading{align-items:flex-start;flex-direction:column}.topnav{justify-content:flex-start}.range-field{grid-template-columns:1fr}}