:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12131a;--surface:#181a24;--surface-raised:#1f2230;--surface-hover:#252938;--border:#303446;--border-strong:#454b64;--text:#d6daf0;--muted:#929bbd;--dim:#626b8c;--primary:#7aa2f7;--secondary:#bb9af7;--success:#9ece6a;--warning:#e0af68;--danger:#f7768e;--radius:10px;--content:1120px;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}code,pre,.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}::selection{color:var(--bg);background:var(--primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input,select,textarea{width:100%;min-width:0;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:7px;outline:none;padding:10px 11px}input:focus,select:focus,textarea:focus{border-color:var(--primary)}textarea{resize:vertical}.hidden{display:none!important}.site-shell{width:min(var(--content), calc(100% - 40px));flex-direction:column;min-height:100vh;margin:0 auto;display:flex}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;min-height:68px;display:flex}.brand{letter-spacing:.14em;align-items:center;gap:10px;font-size:12px;font-weight:750;display:inline-flex}.brand-mark{width:28px;height:28px;color:var(--primary);background:var(--surface-raised);border:1px solid var(--border-strong);letter-spacing:0;border-radius:6px;place-items:center;display:grid}.nav{align-items:center;gap:2px;display:flex}.nav a{color:var(--muted);border-radius:6px;padding:7px 9px;font-size:12px}.nav a:hover{color:var(--text);background:var(--surface)}.nav a.active{color:var(--text);background:var(--surface-raised)}.main{flex:1;padding:64px 0 76px}.page-head{max-width:760px;margin:0 0 34px}.eyebrow{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font:700 10px/1.2 SFMono-Regular,Consolas,monospace}.page-head h1{letter-spacing:-.04em;margin:0;font-size:clamp(32px,5vw,52px);line-height:1.04}.page-description{max-width:680px;color:var(--muted);margin:14px 0 0;font-size:15px;line-height:1.65}.footer{min-height:70px;color:var(--dim);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;font-size:11px;display:flex}.two-column,.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:0 14px;display:flex}.panel-head h2,.panel-head h3{margin:0;font-size:12px;font-weight:700}.panel-head>span{min-width:0;color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font:10px SFMono-Regular,Consolas,monospace;overflow:hidden}.button,.text-button,.icon-button{appearance:none;cursor:pointer}.button{color:var(--text);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:7px;padding:9px 13px;font-size:12px;font-weight:700}.button:hover{background:var(--surface-hover)}.button.primary{color:var(--bg);background:var(--primary);border-color:var(--primary)}.button.primary:hover{filter:brightness(1.08)}.button:disabled{cursor:wait;opacity:.55}.button[data-state=success]{color:var(--bg);background:var(--success);border-color:var(--success)}.full-width{width:100%}.text-button{color:var(--primary);background:0 0;border:0;padding:4px;font-size:11px}.text-button:hover{color:var(--text)}.icon-button{min-width:34px;color:var(--dim);border:1px solid var(--border);background:0 0;border-radius:7px;place-items:center;display:grid}.icon-button:hover{color:var(--danger);border-color:var(--danger)}.field{color:var(--muted);gap:7px;font-size:11px;display:grid}.field small,.hint{color:var(--dim);font-size:11px;line-height:1.5}.check{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.check input{width:14px;height:14px;accent-color:var(--primary);margin:0;padding:0}.segmented{background:var(--bg);border:1px solid var(--border);border-radius:7px;padding:3px;display:inline-flex}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:6px 8px;font-size:10px}.segmented button.active{color:var(--text);background:var(--surface-raised)}.toolbar{align-items:center;gap:10px;margin-bottom:14px;padding:10px;display:flex}.toolbar-spacer{flex:1}.input-action{gap:8px;display:flex}.metric-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.status-success{color:var(--success)!important}.status-danger{color:var(--danger)!important}.inline-message{color:var(--muted);padding:16px}.inline-message.error{color:var(--danger)}.empty-state{align-content:center;place-items:center;gap:18px;min-height:320px;display:grid}.empty-state strong{color:var(--border-strong);font-size:72px}.empty-state a{color:var(--primary)}.loading{color:var(--dim);padding:16px}.tool-list{border-top:1px solid var(--border);display:grid}.tool-row{border-bottom:1px solid var(--border);grid-template-columns:48px 38px 1fr 24px;align-items:center;gap:18px;min-height:92px;display:grid}.tool-row:hover .tool-copy strong,.tool-row:hover .tool-arrow{color:var(--primary)}.tool-number{color:var(--dim);font:10px SFMono-Regular,Consolas,monospace}.tool-icon{width:38px;height:38px;color:var(--primary);background:var(--surface);border:1px solid var(--border);border-radius:8px;place-items:center;display:grid}.icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:19px;height:19px}.tool-copy{gap:5px;display:grid}.tool-copy strong{font-size:15px;transition:color .15s}.tool-copy small{color:var(--muted);font-size:12px}.tool-arrow{color:var(--dim);transition:color .15s;display:grid}.speed-shell{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);display:grid;overflow:hidden}.speed-primary{border-right:1px solid var(--border);flex-direction:column;justify-content:center;align-items:flex-start;min-height:430px;padding:clamp(28px,6vw,64px);display:flex}.speed-reading{align-items:baseline;gap:12px;margin:14px 0 20px;display:flex}.speed-reading strong{letter-spacing:-.07em;font-size:clamp(68px,11vw,118px);line-height:.9}.speed-reading span{color:var(--muted);font-size:13px}.speed-track{background:var(--surface-raised);width:100%;height:3px;margin-bottom:28px;overflow:hidden}.speed-track i{background:var(--primary);width:0;height:100%;transition:width .2s;display:block}.speed-primary .hint{max-width:470px;margin:14px 0 0}.speed-results{display:grid}.speed-results article,.speed-results .field{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:baseline;gap:7px;padding:22px;display:grid}.speed-results article span,.speed-results .field>span{color:var(--muted);font-size:11px}.speed-results article strong{font-size:25px}.speed-results article small{color:var(--dim);font-size:10px}.speed-results .field{border-bottom:0;grid-template-columns:1fr;align-content:center}.definition-list{padding:8px 18px 18px}.definition-list>div{border-bottom:1px solid var(--border);grid-template-columns:130px 1fr;gap:18px;padding:12px 0;display:grid}.definition-list>div:last-child{border-bottom:0}.definition-list dt{color:var(--muted);font-size:11px}.definition-list dd{overflow-wrap:anywhere;color:var(--text);margin:0;font:11px/1.5 SFMono-Regular,Consolas,monospace}.ip-hero{justify-content:space-between;align-items:flex-end;gap:28px;min-height:168px;margin-bottom:14px;padding:24px 26px;display:flex}.ip-hero>div:first-child{min-width:0}.ip-hero>div:first-child>span{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:700}.ip-hero strong{overflow-wrap:anywhere;color:var(--primary);letter-spacing:-.05em;margin-top:13px;font:700 clamp(30px,5vw,50px)/1.05 SFMono-Regular,Consolas,monospace;display:block}.ip-hero p{color:var(--dim);margin:12px 0 0;font:10px/1.5 SFMono-Regular,Consolas,monospace}.ip-hero-actions{flex:none;align-items:center;gap:9px;display:flex}.ip-family{color:var(--primary);background:var(--bg);border:1px solid var(--border);border-radius:7px;padding:8px 10px;font:10px SFMono-Regular,Consolas,monospace}.ip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.ip-grid .panel{min-height:344px}.ip-note{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;margin-top:14px;padding:22px 26px;display:grid}.ip-note strong{font-size:12px}.ip-note p{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.65}.password-output{justify-content:space-between;align-items:center;gap:22px;margin-bottom:14px;padding:22px;display:flex}.password-output>div{min-width:0}.password-output code{overflow-wrap:anywhere;color:var(--primary);margin-top:8px;font-size:17px;display:block}.form-stack{flex-direction:column;gap:18px;padding:20px;display:flex}.range-row{grid-template-columns:1fr 78px;gap:8px;display:grid}.range-row input[type=range]{accent-color:var(--primary);padding:0}.check-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.candidate-list{padding:6px 12px 12px;display:grid}.candidate{color:var(--text);border:0;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;gap:12px;padding:12px 8px;display:flex;overflow:hidden}.candidate:last-child{border-bottom:0}.candidate:hover,.candidate.selected{background:var(--surface-raised)}.candidate code{overflow-wrap:anywhere;min-width:0}.candidate span{color:var(--dim);font-size:10px}.editor{overflow:hidden}.editor textarea{resize:none;background:var(--bg);border:0;border-radius:0;height:520px;padding:18px;font:12px/1.65 SFMono-Regular,Consolas,monospace}.time-input,.media-search{padding:20px}.time-input .hint,.media-search .hint{margin:10px 0 0}.ambiguity{background:var(--surface-raised);border-left:3px solid var(--warning);border-radius:6px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:14px;display:flex}.ambiguity>div:first-child{gap:4px;display:grid}.ambiguity strong{font-size:12px}.ambiguity span{color:var(--muted);font-size:11px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.result-card{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;gap:8px;padding:17px;display:grid}.result-card:hover{border-color:var(--border-strong)}.result-card span,.result-card small{color:var(--dim);font-size:10px}.result-card span{letter-spacing:.07em;text-transform:uppercase;font-weight:700}.result-card code{overflow-wrap:anywhere;color:var(--primary)}.request-layout{grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);align-items:start;gap:14px;display:grid}.request-main,.request-side{gap:14px;display:grid}.request-side{position:sticky;top:14px}.request-block,.output-panel,.import-panel{overflow:hidden}.request-form,.request-options{gap:12px;padding:14px;display:grid}.request-line{grid-template-columns:104px 1fr;gap:8px;display:grid}.request-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.subpanel{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px}.subpanel header{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.subpanel h3{margin:0;font-size:10px}.pair-list{gap:7px;display:grid}.pair-row{grid-template-columns:1fr 1fr 34px;gap:7px;display:grid}.compact-select{width:auto;min-width:140px;padding:6px 9px;font-size:10px}.empty-area{color:var(--dim);font-size:11px}.request-options{grid-template-columns:repeat(2,1fr)}.compact-field{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center}.compact-field>div{grid-template-columns:72px auto;align-items:center;gap:7px;display:grid}.request-summary{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:10px 14px;display:flex}.request-summary span{color:var(--muted);font:9px SFMono-Regular,Consolas,monospace}.request-summary span:first-child{color:var(--primary)}.output-panel pre{min-height:320px;max-height:600px;color:var(--success);background:var(--bg);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:18px;font-size:11px;line-height:1.7;overflow:auto}.import-panel textarea{background:var(--bg);border:0;border-radius:0;min-height:128px;padding:14px;font:11px/1.6 SFMono-Regular,Consolas,monospace}.import-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.media-card{grid-template-columns:300px 1fr;margin-top:14px;display:grid;overflow:hidden}.media-card img,.media-placeholder{object-fit:cover;background:var(--surface-raised);width:100%;height:100%;min-height:260px}.media-meta{padding:24px}.media-meta h2{margin:8px 0;font-size:24px}.media-meta>p{color:var(--muted)}.media-options{grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;display:grid}.color-layout{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:14px;display:grid}.color-controls{overflow:hidden}.color-fields,.contrast-checks{border-bottom:1px solid var(--border);padding:12px;display:grid}.color-field{min-height:44px;color:var(--muted);grid-template-columns:1fr 130px;align-items:center;gap:10px;font-size:10px;display:grid}.color-control{grid-template-columns:36px 1fr;gap:6px;display:grid}.color-control input[type=color]{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:6px;width:36px;height:36px;padding:0;overflow:hidden}.color-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-control input[type=color]::-webkit-color-swatch{border:1px solid var(--border-strong);border-radius:6px}.color-control input[type=color]::-moz-color-swatch{border:1px solid var(--border-strong);border-radius:6px}.color-control input[data-hex]{padding:8px;font:10px SFMono-Regular,Consolas,monospace}.contrast-checks{gap:7px}.contrast-row{color:var(--muted);grid-template-columns:1fr auto 28px;align-items:center;gap:7px;font-size:9px;display:grid}.contrast-row strong{color:var(--text);font:9px SFMono-Regular,Consolas,monospace}.contrast-row small{text-transform:uppercase;font-size:8px}.contrast-row.pass small{color:var(--success)}.contrast-row.fail small{color:var(--danger)}.color-controls>.button{width:calc(100% - 24px);margin:12px}.palette-preview{--p-background:#16161e;--p-surface:#1a1b26;--p-raised:#24283b;--p-text:#c0caf5;--p-muted:#9aa5ce;--p-primary:#7aa2f7;--p-secondary:#bb9af7;--p-success:#9ece6a;--p-warning:#e0af68;--p-danger:#f7768e;--p-border:#3b4261;color:var(--p-text);background:var(--p-background);border:1px solid var(--p-border);border-radius:var(--radius);position:sticky;top:14px}.preview-app{grid-template-columns:150px minmax(0,1fr);min-height:710px;display:grid}.preview-sidebar{background:var(--p-surface);border-right:1px solid var(--p-border);flex-direction:column;padding:20px 12px;display:flex}.preview-sidebar>strong{color:var(--p-primary);font-size:13px}.preview-version{color:var(--p-muted);margin-top:3px;font-size:8px}.preview-sidebar nav{gap:4px;margin-top:30px;display:grid}.preview-sidebar nav span{color:var(--p-muted);border-left:2px solid #0000;padding:8px;font-size:9px}.preview-sidebar nav span.active{color:var(--p-text);background:var(--p-raised);border-left-color:var(--p-primary)}.preview-user{align-items:center;gap:7px;margin-top:auto;display:flex}.preview-user i{width:26px;height:26px;color:var(--p-background);background:var(--p-secondary);border-radius:50%;place-items:center;font-size:8px;font-style:normal;font-weight:800;display:grid}.preview-user span{min-width:0;display:grid}.preview-user b,.preview-user small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-user b{font-size:8px}.preview-user small{color:var(--p-muted);font-size:7px}.preview-main{min-width:0;padding:24px}.preview-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.preview-header span,.preview-content header span,.preview-metrics span{color:var(--p-muted);font-size:8px}.preview-header h2{margin:4px 0 0;font-size:22px}.preview-header button,.preview-form button{color:var(--p-background);background:var(--p-primary);border:1px solid var(--p-primary);border-radius:5px;padding:8px 10px;font-size:8px;font-weight:800}.preview-alert{background:var(--p-raised);border-left:3px solid var(--p-warning);border-radius:4px;gap:3px;margin-top:18px;padding:10px 12px;display:grid}.preview-alert strong{color:var(--p-warning);font-size:9px}.preview-alert span{color:var(--p-muted);font-size:8px}.preview-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.preview-metrics article,.preview-chart-card,.preview-activity,.preview-form{background:var(--p-surface);border:1px solid var(--p-border);border-radius:6px}.preview-metrics article{gap:5px;padding:11px;display:grid}.preview-metrics strong{font-size:17px}.preview-metrics small{font-size:8px}.preview-metrics small.success{color:var(--p-success)}.preview-metrics small.secondary{color:var(--p-secondary)}.preview-metrics small.danger{color:var(--p-danger)}.preview-content{grid-template-columns:1.4fr .8fr;gap:8px;margin-top:8px;display:grid}.preview-chart-card,.preview-activity{padding:12px}.preview-content header{justify-content:space-between;align-items:center;display:flex}.preview-content h3{margin:0 0 2px;font-size:10px}.preview-badge{background:var(--p-success);border-radius:3px;padding:3px 5px;font-weight:800;color:var(--p-background)!important}.preview-chart-card svg{width:100%;margin-top:10px;overflow:visible}.preview-chart-card path,.preview-chart-card polyline{fill:none;vector-effect:non-scaling-stroke}.preview-chart-card .chart-grid{stroke:var(--p-border);stroke-width:1px}.preview-chart-card .chart-primary{stroke:var(--p-primary);stroke-width:2px}.preview-chart-card .chart-secondary{stroke:var(--p-secondary);stroke-width:2px}.preview-legend{color:var(--p-muted);gap:12px;font-size:8px;display:flex}.preview-legend span{align-items:center;gap:4px;display:inline-flex}.preview-legend i{width:8px;height:2px}.preview-legend i.primary{background:var(--p-primary)}.preview-legend i.secondary{background:var(--p-secondary)}.preview-activity>div{border-bottom:1px solid var(--p-border);grid-template-columns:7px 1fr auto;align-items:center;gap:7px;padding:11px 0;display:grid}.preview-activity>div:last-child{border-bottom:0}.preview-activity i{border-radius:50%;width:6px;height:6px}.preview-activity i.success{background:var(--p-success)}.preview-activity i.warning{background:var(--p-warning)}.preview-activity i.danger{background:var(--p-danger)}.preview-activity span{gap:2px;display:grid}.preview-activity b,.preview-activity small,.preview-activity em{font-size:7px}.preview-activity small{color:var(--p-muted)}.preview-activity em{color:var(--p-muted);font-style:normal}.preview-form{grid-template-columns:1fr 1fr auto auto;align-items:end;gap:7px;margin-top:8px;padding:12px;display:grid}.preview-form label{color:var(--p-muted);gap:4px;font-size:7px;display:grid}.preview-form input,.preview-form select{color:var(--p-text);background:var(--p-background);border-color:var(--p-border);border-radius:4px;padding:6px;font-size:8px}.preview-form .secondary-button{color:var(--p-background);background:var(--p-secondary);border-color:var(--p-secondary)}.preview-form .danger-button{color:var(--p-background);background:var(--p-danger);border-color:var(--p-danger)}@media (max-width:920px){.nav{max-width:68vw;overflow-x:auto}.speed-shell,.request-layout,.color-layout{grid-template-columns:1fr}.speed-primary{border-right:0;border-bottom:1px solid var(--border);min-height:360px}.request-side,.palette-preview{position:static}.preview-app{min-height:620px}}@media (max-width:680px){.site-shell{width:min(100% - 24px, var(--content))}.topbar{gap:10px;min-height:auto;padding:14px 0 10px;display:grid}.nav{width:100%;max-width:none;padding-bottom:2px}.nav a{white-space:nowrap}.main{padding:44px 0 56px}.page-head{margin-bottom:26px}.page-head h1{font-size:36px}.two-column,.ip-grid,.ip-note,.editor-grid,.request-columns,.request-options,.result-grid,.media-card,.media-options{grid-template-columns:1fr}.ip-hero{flex-direction:column;align-items:stretch}.ip-hero-actions{justify-content:space-between}.tool-row{grid-template-columns:28px 34px 1fr;gap:10px}.tool-arrow{display:none}.tool-copy small{line-height:1.45}.speed-primary{padding:34px 22px}.speed-reading strong{font-size:72px}.password-output,.toolbar,.ambiguity,.import-actions,.footer{flex-direction:column;align-items:stretch}.toolbar{flex-wrap:wrap}.toolbar-spacer{display:none}.editor textarea{height:360px}.request-line{grid-template-columns:90px 1fr}.request-options .compact-field{grid-column:auto}.preview-app{grid-template-columns:1fr}.preview-sidebar{display:none}.preview-main{padding:16px}.preview-content,.preview-form{grid-template-columns:1fr}.color-field{grid-template-columns:1fr 124px}}