:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f1f5fb;--color-layer:#eaf0f9;--color-surface:#fff;--color-hover:#f5f8fe;--color-text:#18263b;--color-muted:#576781;--color-border:#d2dceb;--color-control-border:#74839a;--color-accent:#4f63d9;--color-accent-hover:#4052bb;--color-on-accent:#fff;--color-accent-soft:#f2f4ff;--color-success:#087f6c;--color-warning:#a25b16;--color-danger:#b33349;--color-danger-soft:#fff2f4;--color-skeleton:#d2dceb;--shadow-card:0 4px 18px #18263b06;--font-body:Arial, Helvetica, sans-serif;--font-xs:.75rem;--font-sm:.875rem;--font-md:1rem;--font-lg:1.25rem;--font-xl:1.75rem;--line-body:1.6;--line-heading:1.2;--weight-medium:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--control-height:44px;--motion-fast:.14s;--motion-normal:.2s;--ease-quiet:cubic-bezier(.2, 0, 0, 1)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#111827;--color-layer:#182234;--color-surface:#202d42;--color-hover:#293951;--color-text:#f2f6fd;--color-muted:#acbcd2;--color-border:#40516b;--color-control-border:#8394af;--color-accent:#9aa9ff;--color-accent-hover:#b2bdff;--color-on-accent:#18263b;--color-accent-soft:#2c3a60;--color-success:#56d1b0;--color-warning:#f2bb73;--color-danger:#ff8597;--color-danger-soft:#3d293b;--color-skeleton:#40516b;--shadow-card:0 4px 18px #070d180f}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-normal:0s}}
.text-link{color:var(--color-accent);text-underline-offset:4px;text-decoration:underline}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-md);line-height:var(--line-body);margin:0}button,input,select{font:inherit}button,select,summary{cursor:pointer}button,input,select{min-height:var(--control-height)}button,input,select,summary,a,[tabindex="0"]{outline-offset:4px}:focus-visible{outline:2px solid var(--color-accent)}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:var(--line-heading)}h1{letter-spacing:-.035em;font-size:clamp(2rem,4.5vw,3.25rem)}h2{font-size:var(--font-lg);letter-spacing:-.015em}h3{font-size:var(--font-md)}p{color:var(--color-muted)}.shell{max-width:1200px;padding:var(--space-6);margin:auto}.skip-link{clip-path:inset(50%);z-index:10;background:var(--color-surface);color:var(--color-text);padding:var(--space-3);border:2px solid var(--color-accent);position:fixed;top:-100px;left:16px}.skip-link:focus{clip-path:none;top:12px}.site-header{justify-content:space-between;align-items:center;gap:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.brand{align-items:center;gap:var(--space-3);display:flex}.brand strong{font-size:var(--font-lg)}.brand small{font-size:var(--font-xs);color:var(--color-muted);display:block}.mark{border-radius:var(--radius-md);background:var(--color-accent);width:44px;height:44px;color:var(--color-on-accent);font-weight:var(--weight-bold);place-items:center;display:grid}.theme-control{align-items:center;gap:var(--space-3);font-size:var(--font-sm);color:var(--color-muted);display:flex}select,.ui-input{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-control-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.intro{margin:var(--space-8) 0 var(--space-7);gap:var(--space-5);max-width:740px;display:grid}.intro>p:last-child{max-width:640px}.eyebrow{color:var(--color-muted);letter-spacing:.1em;font-size:var(--font-xs);font-weight:var(--weight-bold)}.workspace-grid{gap:var(--space-5);grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:start;display:grid}.ui-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:0;padding:var(--space-6);box-shadow:var(--shadow-card)}.stack{gap:var(--space-5);display:grid}.stack-sm{gap:var(--space-3);display:grid}.section-heading{justify-content:space-between;align-items:start;gap:var(--space-3);flex-wrap:wrap;display:flex}.section-heading h2{margin-top:var(--space-2)}.ui-badge{align-items:center;gap:var(--space-1);width:fit-content;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-muted);font-size:var(--font-xs);font-weight:var(--weight-medium);display:inline-flex}.ui-badge--accent{background:var(--color-accent-soft);color:var(--color-accent);border-color:#0000}.ui-badge--success{color:var(--color-success)}.ui-badge--warning{color:var(--color-warning)}.actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.ui-button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);padding:10px var(--space-4);font-weight:var(--weight-medium);transition:background-color var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast);border:1px solid #0000;line-height:1.4;display:inline-flex}.ui-button--primary{background:var(--color-accent);color:var(--color-on-accent)}.ui-button--primary:hover:not(:disabled){background:var(--color-accent-hover)}.ui-button--secondary{background:var(--color-surface);color:var(--color-accent);border-color:var(--color-accent)}.ui-button--secondary:hover:not(:disabled),.ui-button--ghost:hover:not(:disabled){background:var(--color-accent-soft)}.ui-button--ghost{color:var(--color-accent);background:0 0}.ui-button:disabled{cursor:not-allowed;background:var(--color-layer);color:var(--color-muted);border-color:var(--color-border)}.result-area{border-top:1px solid var(--color-border);min-height:220px;padding-top:var(--space-5)}.ui-empty{justify-items:start;gap:var(--space-3);display:grid}.empty-symbol{width:36px;height:36px;color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-sm);place-items:center;display:grid}.metric{font-size:var(--font-xl);color:var(--color-text);font-weight:var(--weight-bold)}.ui-alert{padding:var(--space-4);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-hover);gap:var(--space-2);display:grid}.ui-alert>div{font-size:var(--font-sm);color:var(--color-muted)}.ui-alert--error{border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger)}.ui-alert--error>div{color:var(--color-danger)}.ui-skeleton{background:var(--color-skeleton);border-radius:var(--radius-sm);width:100%;height:16px}.skeleton-title{width:60%;height:24px}.skeleton-short{width:35%}.ui-field{gap:var(--space-2);display:grid}.ui-field label{font-size:var(--font-sm);font-weight:var(--weight-medium)}.ui-input{width:100%;min-width:0;transition:border-color var(--motion-fast)}.ui-input::placeholder{color:var(--color-muted);opacity:1}.ui-input:hover{border-color:var(--color-accent)}.ui-input[aria-invalid=true]{border-color:var(--color-danger)}.field-hint,.field-error{color:var(--color-muted);font-size:var(--font-sm)}.field-error{color:var(--color-danger)}.ui-tablist{gap:var(--space-2);border-bottom:1px solid var(--color-border);display:flex}.ui-tablist button{color:var(--color-muted);padding:var(--space-3);font-weight:var(--weight-medium);transition:background-color var(--motion-fast), color var(--motion-fast);background:0 0;border:0;border-bottom:2px solid #0000}.ui-tablist button:hover{background:var(--color-hover);color:var(--color-text)}.ui-tablist button[aria-selected=true]{color:var(--color-accent);border-bottom-color:var(--color-accent)}.ui-tabpanel{padding-top:var(--space-5)}.ui-tabpanel:not([hidden]),.reveal{animation:soft-layer var(--motion-normal) var(--ease-quiet)}.component-preview{margin-top:var(--space-5)}.preview-body{max-width:640px}.status-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.principle{border-top:1px solid var(--color-border);padding-top:var(--space-4)}.principle p{margin-top:var(--space-2);font-size:var(--font-sm)}details summary{min-height:var(--control-height);padding:var(--space-3) 0;font-size:var(--font-sm);color:var(--color-accent)}details[open]>div{animation:soft-layer var(--motion-normal) var(--ease-quiet)}footer{color:var(--color-muted);font-size:var(--font-xs);margin-top:var(--space-6);max-width:740px}:root[data-theme-motion=on] body,:root[data-theme-motion=on] .ui-card,:root[data-theme-motion=on] select,:root[data-theme-motion=on] .ui-input{transition:background-color var(--motion-normal), color var(--motion-normal), border-color var(--motion-normal)}@keyframes soft-layer{0%{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.workspace-grid{grid-template-columns:minmax(0,1fr)}.shell{padding:var(--space-5) var(--space-4)}.ui-card{padding:var(--space-5)}.intro{margin-top:var(--space-7)}}@media (max-width:480px){.ui-tablist button{min-width:0;padding:var(--space-2);font-size:var(--font-sm);flex:1}.site-header{align-items:start;gap:var(--space-4);flex-direction:column}.theme-control{justify-content:space-between;width:100%}.theme-control select{flex:1;max-width:200px}.actions>.ui-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}