:root{--bg:#fff;--bg-subtle:#f6f7f9;--surface:#fff;--surface-hover:#f6f7f9;--border:#e4e7eb;--border-strong:#cbd1d9;--border-input:#7e8794;--fg:#0b0f19;--fg-muted:#59606d;--fg-faint:#686f7d;--accent:#2544ce;--accent-hover:#1d37ab;--accent-fg:#fff;--accent-soft:#eef1fd;--pass:#0f7038;--pass-soft:#e6f5ec;--warn:#8a5300;--warn-soft:#fcf2de;--fail:#c0261c;--fail-soft:#fdecea;--neutral:#59606d;--neutral-soft:#f0f2f4;--shadow:0 1px 2px #0b0f190a, 0 8px 24px -12px #0b0f1924;--font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", "Courier New", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:clamp(2.25rem, 1.7rem + 2.2vw, 2.75rem);--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;--radius-sm:6px;--radius:10px;--radius-lg:14px;--container:68rem;--measure:68ch;--header-h:3.75rem;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-out-cubic:cubic-bezier(.33, 1, .68, 1);--dur-fast:.12s;--dur:.16s;--dur-slow:.22s;--dur-gauge:.9s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;scroll-padding-top:calc(var(--header-h) + var(--sp-4))}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]):not([data-theme=gray]){--bg:#0b0e14;--bg-subtle:#10141c;--surface:#141922;--surface-hover:#1a2029;--border:#252c38;--border-strong:#333b49;--border-input:#68727f;--fg:#e8ecf2;--fg-muted:#9ba5b4;--fg-faint:#7d8797;--accent:#8fa3ff;--accent-hover:#a6b6ff;--accent-fg:#0b0e14;--accent-soft:#131a2e;--pass:#4ade80;--pass-soft:#0f2318;--warn:#f3c063;--warn-soft:#241b08;--fail:#ff8a80;--fail-soft:#2a1210;--neutral:#9ba5b4;--neutral-soft:#1a2029;--shadow:0 1px 2px #0006, 0 8px 24px -12px #0009}}:root[data-theme=dark]{--bg:#0b0e14;--bg-subtle:#10141c;--surface:#141922;--surface-hover:#1a2029;--border:#252c38;--border-strong:#333b49;--border-input:#68727f;--fg:#e8ecf2;--fg-muted:#9ba5b4;--fg-faint:#7d8797;--accent:#8fa3ff;--accent-hover:#a6b6ff;--accent-fg:#0b0e14;--accent-soft:#131a2e;--pass:#4ade80;--pass-soft:#0f2318;--warn:#f3c063;--warn-soft:#241b08;--fail:#ff8a80;--fail-soft:#2a1210;--neutral:#9ba5b4;--neutral-soft:#1a2029;--shadow:0 1px 2px #0006, 0 8px 24px -12px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=gray]{--bg:#e7e9ec;--bg-subtle:#dfe2e6;--surface:#eff1f3;--surface-hover:#e7e9ec;--border:#c9cdd3;--border-strong:#aab0b9;--border-input:#6b7380;--fg:#14181f;--fg-muted:#454c57;--fg-faint:#545b66;--accent:#1e3cbe;--accent-hover:#16309c;--accent-fg:#fff;--accent-soft:#dde3f7;--pass:#0d6332;--pass-soft:#d8ecdf;--warn:#7d4b00;--warn-soft:#efe5d0;--fail:#b02218;--fail-soft:#f2dedc;--neutral:#454c57;--neutral-soft:#dfe2e6;--shadow:0 1px 2px #14181f08, 0 8px 24px -12px #14181f1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}[hidden]{display:none!important}body{background:var(--bg);min-height:100dvh;color:var(--fg);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;margin:0;line-height:1.6;display:flex}h1,h2,h3,p,figure,ul,ol{margin:0}ul,ol{padding:0;list-style:none}h1,h2,h3{color:var(--fg);font-weight:600}h1{font-size:var(--text-3xl);letter-spacing:-.024em;line-height:1.12}h2{font-size:var(--text-xl);letter-spacing:-.012em;line-height:1.35}h3{font-size:var(--text-md);letter-spacing:-.006em;line-height:1.45}a{color:var(--accent);text-underline-offset:3px;transition:color var(--dur) var(--ease-out);text-decoration:none}button{font:inherit;color:inherit}svg{display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}@media (hover:hover) and (pointer:fine){a:hover{color:var(--accent-hover);text-decoration:underline}}.container{width:100%;max-width:var(--container);padding-inline:var(--sp-6);margin-inline:auto}.section{padding-block:var(--sp-20)}.prose{max-width:var(--measure);color:var(--fg-muted);font-size:var(--text-md);line-height:1.65}.prose>*+*{margin-top:var(--sp-4)}.lede{max-width:var(--measure);color:var(--fg-muted);font-size:var(--text-lg);letter-spacing:-.006em;line-height:1.55}.eyebrow{margin-bottom:var(--sp-4);color:var(--fg-faint);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:500}.mono{font-family:var(--font-mono);font-variant-ligatures:none;font-variant-numeric:tabular-nums;font-size:.95em;font-weight:500}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--sp-4);top:var(--sp-2);z-index:20;padding:var(--sp-2) var(--sp-4);background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius);font-size:var(--text-sm);font-weight:500;position:absolute;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:2.75rem;padding:var(--sp-2) var(--sp-5);border-radius:var(--radius);font-size:var(--text-base);letter-spacing:-.005em;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out), opacity var(--dur) var(--ease-out);background:0 0;border:1px solid #0000;font-weight:500;display:inline-flex}.btn:active{transform:scale(.97)}.btn[disabled]{opacity:.6;cursor:progress}.btn[disabled]:active{transform:none}.btn--primary{background:var(--accent);color:var(--accent-fg)}.btn--secondary{border-color:var(--border-input);color:var(--fg)}.btn--ghost{color:var(--fg-muted)}.btn--sm{min-height:2.25rem;padding:var(--sp-1) var(--sp-3);font-size:var(--text-sm)}@media (pointer:coarse){.btn--sm{min-height:2.75rem;padding-inline:var(--sp-4)}}@media (hover:hover) and (pointer:fine){.btn--primary:hover:not([disabled]){background:var(--accent-hover)}.btn--secondary:hover:not([disabled]),.btn--ghost:hover:not([disabled]){background:var(--surface-hover);color:var(--fg)}}.site-header{z-index:10;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--sp-6);min-height:var(--header-h);flex-wrap:wrap;display:flex}.brand{align-items:center;gap:var(--sp-2);color:var(--fg);font-size:var(--text-md);letter-spacing:-.021em;font-weight:600;display:inline-flex}@media (hover:hover) and (pointer:fine){.brand:hover{color:var(--fg);text-decoration:none}}.brand__mark{color:var(--fg)}.site-nav{align-items:center;gap:var(--sp-1);flex-wrap:wrap;display:flex}.site-nav a{min-height:2.25rem;padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-sm);color:var(--fg-muted);font-size:var(--text-sm);transition:color var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out);align-items:center;font-weight:500;display:inline-flex}.site-nav a[aria-current=page]{color:var(--fg);background:var(--surface-hover)}@media (hover:hover) and (pointer:fine){.site-nav a:hover{color:var(--fg);background:var(--surface-hover);text-decoration:none}}.site-header__controls{align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.theme-toggle{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:2px;padding:2px;display:inline-flex}.theme-toggle__btn{min-height:1.75rem;padding-inline:var(--sp-2);color:var(--fg-muted);font-size:var(--text-xs);letter-spacing:.01em;cursor:pointer;transition:background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.theme-toggle__btn[aria-pressed=true]{background:var(--surface);color:var(--fg)}@media (hover:hover) and (pointer:fine){.theme-toggle__btn:hover{color:var(--fg)}}@media (pointer:coarse){.theme-toggle{gap:var(--sp-1);padding:var(--sp-1)}.theme-toggle__btn{min-height:2.75rem;padding-inline:var(--sp-3)}}main{flex:1 0 auto}.hero{padding-block:var(--sp-24) var(--sp-12)}@media (width<=46rem){.hero{padding-block:var(--sp-12) var(--sp-8)}.section{padding-block:var(--sp-12)}}.hero h1{max-width:20ch}.hero .lede{margin-top:var(--sp-5)}.hero__actions-group{margin-top:var(--sp-8)}.hero__actions{align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.hero__note{color:var(--fg-faint);font-size:var(--text-sm)}.turnstile-box{margin-bottom:var(--sp-4)}.turnstile-box[hidden]{display:none}.card{padding:var(--sp-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.grid{gap:var(--sp-6);margin-top:var(--sp-8);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.step__num{width:1.5rem;height:1.5rem;margin-bottom:var(--sp-3);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);font-size:var(--text-xs);justify-content:center;align-items:center;font-weight:500;display:inline-flex}.step p{margin-top:var(--sp-2);color:var(--fg-muted);font-size:var(--text-base)}.session{margin-top:var(--sp-8);opacity:1;max-width:44rem;transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out)}.session[hidden]{display:none}@starting-style{.session{opacity:0;transform:translateY(8px)}}.session__label{margin-bottom:var(--sp-3);color:var(--fg);font-size:var(--text-base);font-weight:500;display:block}.copybox{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4);background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex}.copybox__value{min-width:0;font-family:var(--font-mono);font-size:var(--text-md);font-variant-ligatures:none;overflow-wrap:anywhere;flex:auto;font-weight:500}.copybox__btn{flex:none}.status{align-items:center;gap:var(--sp-3);margin-top:var(--sp-4);color:var(--fg-muted);font-size:var(--text-base);display:flex}.status__dot{background:var(--accent);width:.5rem;height:.5rem;animation:pulse 2s var(--ease-in-out) infinite;border-radius:50%;flex:none}.status[data-state=idle] .status__dot{background:var(--neutral);animation:none}.status[data-state=done] .status__dot{background:var(--pass);animation:none}.status[data-state=error] .status__dot{background:var(--fail);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hint{margin-top:var(--sp-3);color:var(--fg-faint);font-size:var(--text-sm);max-width:var(--measure)}.error{margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--fail-soft);border:1px solid var(--fail);border-radius:var(--radius);color:var(--fail);font-size:var(--text-base)}.error:empty{display:none}.badge{align-items:center;gap:var(--sp-1);padding:.125rem var(--sp-2);border-radius:var(--radius-sm);background:var(--neutral-soft);color:var(--neutral);font-size:var(--text-xs);letter-spacing:.01em;font-weight:500;display:inline-flex}.badge--pass{background:var(--pass-soft);color:var(--pass)}.badge--warn{background:var(--warn-soft);color:var(--warn)}.badge--fail{background:var(--fail-soft);color:var(--fail)}.badge--neutral{background:var(--neutral-soft);color:var(--neutral)}.report-header{padding-block:var(--sp-16) var(--sp-8)}.report-header h1{margin-top:var(--sp-3);overflow-wrap:anywhere;text-wrap:pretty;max-width:32ch}.report-header .lede{margin-top:var(--sp-3);overflow-wrap:anywhere}.report-summary{margin-bottom:var(--sp-8)}.summary-grid{gap:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.summary-item{gap:var(--sp-2);flex-direction:column;display:flex}.summary-item__label{color:var(--fg-muted);font-size:var(--text-sm);font-weight:500}.report-section{margin-bottom:var(--sp-8)}.report-section h2{margin-bottom:var(--sp-5)}.score-hero{margin-bottom:var(--sp-4)}.score-hero__grid{gap:var(--sp-6) var(--sp-8);grid-template-columns:minmax(13rem,17rem) minmax(0,1fr);align-items:center;display:grid}@media (width<=40rem){.score-hero__grid{grid-template-columns:minmax(0,1fr)}}.score-gauge{justify-self:center;width:100%;max-width:17rem;position:relative}.score-gauge__svg{width:100%;height:auto;display:block}.score-gauge__track{stroke:var(--border)}.score-gauge__value{stroke:var(--neutral);transition:stroke-dashoffset var(--dur-gauge) var(--ease-out-cubic)}.score-hero[data-band=excellent] .score-gauge__value{stroke:var(--pass)}.score-hero[data-band=good] .score-gauge__value{stroke:var(--accent)}.score-hero[data-band=fair] .score-gauge__value{stroke:var(--warn)}.score-hero[data-band=poor] .score-gauge__value{stroke:var(--fail)}.score-gauge__readout{inset-inline:0;justify-content:center;align-items:baseline;gap:var(--sp-2);display:flex;position:absolute;bottom:10.7%}.score-gauge__number{font-size:var(--text-3xl);letter-spacing:-.024em;color:var(--fg);font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.score-gauge__max{color:var(--fg-faint);font-size:var(--text-md);font-weight:500}.score-gauge__band{margin-top:var(--sp-2);text-align:center;font-size:var(--text-sm);letter-spacing:.01em;color:var(--fg-muted);font-weight:500}.score-deductions__list{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.score-deductions__row{gap:var(--sp-2);font-size:var(--text-base);grid-template-columns:3rem auto minmax(0,1fr);align-items:baseline;display:grid}.score-deductions__points{text-align:right;color:var(--fg);font-variant-numeric:tabular-nums;font-weight:500}.score-deductions__sep,.score-deductions__label{color:var(--fg-muted)}.report-section h3,.check__body h3{margin-top:var(--sp-5);margin-bottom:var(--sp-2);font-size:var(--text-sm);color:var(--fg-muted);font-weight:500}.score-deductions h3{margin-top:0}.score-class{margin-bottom:var(--sp-5)}.score-class__group{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-subtle);padding:2px;display:inline-flex}.score-class__btn{padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-sm);color:var(--fg-muted);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0}.score-class__btn:hover{color:var(--fg)}.score-class__btn[data-active=true]{background:var(--surface);color:var(--fg);box-shadow:var(--shadow);font-weight:500}.score-class__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.score-class .check__note{margin-top:var(--sp-2)}.report-table tr[data-not-applicable=true] td:first-child{color:var(--fg-muted)}.kv{gap:var(--sp-3) var(--sp-4);grid-template-columns:minmax(9rem,15rem) 1fr;display:grid}.kv dt{color:var(--fg-muted);font-size:var(--text-sm)}.kv dd{color:var(--fg);overflow-wrap:anywhere;margin:0}@media (width<=36rem){.kv{gap:var(--sp-1) var(--sp-4);grid-template-columns:1fr}.kv dd{margin-bottom:var(--sp-2)}}.report-pre{margin-top:var(--sp-2);padding:var(--sp-4);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-sm);line-height:1.6;overflow-x:auto}.report-checks h2{margin-bottom:var(--sp-5)}.check-list{gap:var(--sp-3);display:grid}.check{padding:0;overflow:hidden}.check__summary{align-items:center;gap:var(--sp-1) var(--sp-3);padding:var(--sp-4) var(--sp-6);cursor:pointer;min-height:2.75rem;transition:background-color var(--dur) var(--ease-out);flex-wrap:wrap;list-style:none;display:flex}.check__summary::-webkit-details-marker{display:none}.check__summary:focus-visible{outline-offset:-2px}@media (hover:hover) and (pointer:fine){.check__summary:hover{background:var(--surface-hover)}}.check__title{color:var(--fg);flex:none;font-weight:500}.check__sentence{min-width:0;color:var(--fg-muted);font-size:var(--text-sm);overflow-wrap:anywhere;flex:16rem}.check__chevron{color:var(--fg-faint);transition:transform var(--dur) var(--ease-out);flex:none;margin-left:auto}.check[open] .check__chevron{transform:rotate(180deg)}.check__body{padding:0 var(--sp-6) var(--sp-6);border-top:1px solid var(--border);padding-top:var(--sp-5)}.check__note{color:var(--fg-muted);font-size:var(--text-sm);overflow-wrap:anywhere}.check__error{margin-top:var(--sp-1);color:var(--fail);font-size:var(--text-xs)}.check__list{gap:var(--sp-1);display:grid}.check__list li{padding-left:var(--sp-4);color:var(--fg-muted);font-size:var(--text-sm);overflow-wrap:anywhere;line-height:1.55;position:relative}.check__list li:before{content:"";background:var(--border-strong);width:5px;height:1px;position:absolute;top:.6em;left:0}.check__trace{gap:var(--sp-1);padding-left:var(--sp-5);color:var(--fg-muted);font-size:var(--text-sm);list-style:decimal;display:grid}.check__trace li,.check__error{overflow-wrap:anywhere}.table-scroll{overflow-x:auto}.report-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.report-table th,.report-table td{padding:var(--sp-2) var(--sp-3);text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}.report-table th{color:var(--fg-muted);white-space:nowrap;font-weight:500}.report-table td{color:var(--fg);overflow-wrap:anywhere}.mime-tree{gap:var(--sp-1);font-size:var(--text-sm);display:grid}.mime-row{align-items:baseline;gap:var(--sp-3);padding-block:var(--sp-1);flex-wrap:wrap;display:flex}.mime-row__type{min-width:0;color:var(--fg);overflow-wrap:anywhere;font-weight:500}.mime-row__meta{min-width:0;color:var(--fg-faint);font-size:var(--text-xs);overflow-wrap:anywhere}.chip-list{gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);border:1px solid var(--border);background:var(--bg-subtle);font-size:var(--text-xs);border-radius:999px;max-width:100%;display:inline-flex}.chip__host{color:var(--fg);overflow-wrap:anywhere}.chip__host.mono{white-space:nowrap}#mx-table{min-width:40rem}#mx-table td .mono{white-space:nowrap}.chip__count{color:var(--fg-muted);font-variant-numeric:tabular-nums}.content-excerpt{margin-top:var(--sp-4)}.content-excerpt summary{cursor:pointer;font-size:var(--text-sm);color:var(--fg-muted);font-weight:500}.content-excerpt .report-pre{margin-top:var(--sp-2);max-height:24rem;overflow-y:auto}.segctl{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:2px;padding:2px;display:inline-flex}.segctl__btn{min-height:1.75rem;padding-inline:var(--sp-2);color:var(--fg-muted);font-size:var(--text-xs);letter-spacing:.01em;cursor:pointer;transition:background-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.segctl__btn[aria-pressed=true]{background:var(--surface);color:var(--fg)}@media (hover:hover) and (pointer:fine){.segctl__btn:hover{color:var(--fg)}}@media (pointer:coarse){.segctl{gap:var(--sp-1);padding:var(--sp-1)}.segctl__btn{min-height:2.75rem;padding-inline:var(--sp-3)}}.segctl-group{gap:var(--sp-2);flex-direction:column;display:flex}.segctl-group__label{color:var(--fg-muted);font-size:var(--text-xs);font-weight:500}.preview-section .hint,.preview-section .notice{margin-top:var(--sp-2)}.preview-section .notice{margin-bottom:var(--sp-2)}.preview-controls{align-items:flex-start;gap:var(--sp-6);margin-top:var(--sp-4);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.preview-controls .field__hint{max-width:20rem}.preview-frame-wrap{resize:vertical;border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:100%;height:37.5rem;min-height:14rem;transition:width var(--dur) var(--ease-out);background:#fff;overflow:hidden}.preview-frame-wrap[data-viewport=mobile]{width:375px}.preview-frame-wrap[data-viewport=tablet]{width:768px}.preview-frame-wrap[data-viewport=desktop]{width:100%}.preview-frame{border:0;width:100%;height:100%;display:block}.placeholder{margin-top:var(--sp-8);padding:var(--sp-10) var(--sp-6);background:var(--bg-subtle);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center}.placeholder p{margin-top:var(--sp-3);max-width:46ch;color:var(--fg-muted);margin-inline:auto}.placeholder .btn{margin-top:var(--sp-6)}.tool-layout{gap:var(--sp-8);padding-block:var(--sp-4) var(--sp-20);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=60rem){.tool-layout{grid-template-columns:minmax(0,1fr)}}.tool-form{gap:var(--sp-5);display:grid}.tool-output{gap:var(--sp-6);display:grid}.field{gap:var(--sp-2);display:grid}.field label{color:var(--fg);font-size:var(--text-sm);font-weight:500}.field__hint{color:var(--fg-faint);font-size:var(--text-xs)}.field-row{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));display:grid}.input,.select,.textarea{width:100%;min-height:2.75rem;padding:var(--sp-2) var(--sp-3);background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius);color:var(--fg);font:inherit;font-size:var(--text-base);transition:border-color var(--dur) var(--ease-out)}.textarea{resize:vertical;min-height:5rem;font-family:var(--font-mono);font-size:var(--text-sm)}.select{cursor:pointer}@media (hover:hover) and (pointer:fine){.input:hover,.select:hover,.textarea:hover{border-color:var(--fg-muted)}}.field--checkbox{align-items:center;min-height:2.75rem;display:flex}.field--checkbox label{align-items:center;gap:var(--sp-3);cursor:pointer;font-weight:400;display:inline-flex}.checkbox{width:1.25rem;height:1.25rem;accent-color:var(--accent);flex:none}.tool-form__actions{align-items:center;gap:var(--sp-3);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.codeblock{margin-top:var(--sp-4)}.codeblock:first-child{margin-top:0}.codeblock__head{justify-content:space-between;align-items:center;gap:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-2);flex-wrap:wrap;display:flex}.codeblock__name{min-width:0;color:var(--fg-muted);font-size:var(--text-sm);overflow-wrap:anywhere;font-weight:500}.codeblock pre{padding:var(--sp-4);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg);margin:0;line-height:1.6;overflow-x:auto}.notice-list{margin-top:var(--sp-4);gap:var(--sp-2);display:grid}.notice{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);border:1px solid var(--border);background:var(--neutral-soft);color:var(--fg-muted);font-size:var(--text-sm);overflow-wrap:anywhere;line-height:1.55}.notice--warn{border-color:var(--warn);background:var(--warn-soft);color:var(--warn)}.notice .check__list{margin-top:var(--sp-2)}.compare-row{padding-block:var(--sp-4);border-bottom:1px solid var(--border)}.compare-row:last-child{border-bottom:none}.compare-row__head{justify-content:space-between;align-items:center;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;display:flex}.compare-row__label{min-width:0;color:var(--fg-muted);font-size:var(--text-sm);overflow-wrap:anywhere;font-weight:500}.compare-row__value{margin-top:var(--sp-2)}.site-footer{margin-top:var(--sp-20);padding-block:var(--sp-16) var(--sp-12);background:var(--bg-subtle);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--fg-muted)}.site-footer h2{font-size:var(--text-md)}.footer__grid{gap:var(--sp-10);grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);display:grid}@media (width<=46rem){.footer__grid{grid-template-columns:minmax(0,1fr)}}.footer__limits{margin-top:var(--sp-4);gap:var(--sp-2);max-width:var(--measure);display:grid}.footer__limits li{padding-left:var(--sp-4);line-height:1.55;position:relative}.footer__limits li:before{content:"";background:var(--border-strong);width:5px;height:1px;position:absolute;top:.6em;left:0}.link-list{margin-top:var(--sp-4);gap:var(--sp-2);display:grid}.link-list a{color:var(--fg-muted)}@media (hover:hover) and (pointer:fine){.link-list a:hover{color:var(--accent-hover)}}.footer__meta{margin-top:var(--sp-10);padding-top:var(--sp-6);border-top:1px solid var(--border);color:var(--fg-faint);font-size:var(--text-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.btn:active{transform:none}.status__dot{opacity:1;animation:none}}