:root,:root[data-theme=Light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f7;--surface:#fff;--text:#17181c;--muted:#6b7280;--primary:#4f46e5;--primary-contrast:#fff;--secondary:#e8eaf0;--border:#e3e4e9;--danger:#dc2626;--success:#16a34a;--shadow:0 1px 2px #17181c0f, 0 4px 16px -4px #17181c1a}:root[data-theme=Dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0c0f;--surface:#15171c;--text:#f2f3f5;--muted:#9aa0ae;--primary:#818cf8;--primary-contrast:#101223;--secondary:#23262e;--border:#262a32;--danger:#f87171;--success:#4ade80;--shadow:0 1px 2px #0006, 0 8px 24px -8px #00000080}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .2s,color .2s}::selection{background:var(--primary);color:var(--primary-contrast)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}input{font:inherit;color:inherit}input[type=number]{appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.app{min-height:100vh;display:flex}.content{flex:1;min-width:0;margin-left:240px}.content-wide{margin-left:64px}.page{flex-direction:column;gap:24px;max-width:560px;margin:0 auto;padding:24px 16px 48px;display:flex}.page-wide{max-width:680px}.page-head{flex-direction:row;justify-content:center;align-items:center;gap:8px;display:flex}.page-title{margin:0;font-size:1.5rem;font-weight:400;text-decoration:underline}.section-title{margin:0;font-size:1.25rem;font-weight:500;text-decoration:underline}.section-title-plain{margin:0;font-size:1.25rem;font-weight:500}.hint{color:var(--muted);margin:0;font-size:.875rem}.error-text{color:var(--danger);white-space:pre-line;margin:0}.success-text{color:var(--success);margin:0}.topbar{z-index:20;background:var(--primary);color:var(--primary-contrast);align-items:center;gap:12px;padding:8px 16px;display:none;position:sticky;top:0}.topbar-title{white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:500;overflow:hidden}.sidebar{z-index:30;background:var(--surface);border-right:1px solid var(--border);flex-direction:column;width:240px;transition:width .2s,transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-x:hidden}.sidebar.collapsed{width:64px}.sidebar-head{justify-content:flex-end;padding:8px;display:flex}.nav-list{flex-direction:column;gap:2px;margin:0;padding:8px 4px;list-style:none;display:flex}.nav-link{color:var(--text);text-transform:uppercase;white-space:nowrap;border-radius:6px;align-items:center;gap:12px;padding:10px 12px;font-size:.85rem;font-weight:900;display:flex}.nav-link:hover{background:var(--secondary);color:var(--text);text-decoration:none}.nav-link.active{background:var(--primary);color:var(--primary-contrast)}.nav-icon{flex-shrink:0;display:inline-flex}.sidebar.collapsed .nav-label{display:none}.sidebar-foot{justify-content:center;margin-top:auto;padding:12px 8px;display:flex}.overlay{display:none}.theme-switcher{isolation:isolate;background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:999px;grid-template-columns:1fr 1fr;padding:3px;display:grid;position:relative}.theme-switcher-thumb{background:var(--primary);z-index:0;border-radius:999px;width:calc(50% - 3px);transition:transform .2s;position:absolute;top:3px;bottom:3px;left:3px}.theme-switcher[data-active=Dark] .theme-switcher-thumb{transform:translate(100%)}.theme-btn{z-index:1;color:var(--muted);font:inherit;letter-spacing:.02em;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:600;transition:color .2s;display:inline-flex;position:relative}.theme-btn svg{width:14px;height:14px}.theme-btn.active{color:var(--primary-contrast)}.theme-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.form{flex-direction:column;gap:24px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-flow:wrap;align-items:center;gap:8px;display:flex}.field{grid-template-columns:1fr 1fr;align-items:center;gap:8px;display:grid}.field-label{text-align:right}.field-control{flex-direction:row;align-items:center;gap:5px;display:flex}.adornment{text-align:center;min-width:1em;color:var(--muted)}.text-input{text-align:center;background:var(--bg);border:1px solid var(--border);border-radius:4px;width:9rem;padding:6px 8px}.text-input:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.btn{font:inherit;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;border:1px solid #0000;border-radius:4px;padding:8px 22px}.btn-primary{background:var(--primary);color:var(--primary-contrast)}.btn-primary:hover{filter:brightness(.92)}.btn-outline{border-color:var(--primary);color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:var(--primary-contrast)}.btn:disabled{opacity:.5;cursor:default}.btn:disabled:hover{filter:none;background:var(--primary)}.btn-outline:disabled:hover{color:var(--primary);background:0 0}.icon-btn{border:1px solid var(--muted);width:28px;height:28px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{border-color:var(--primary);color:var(--primary)}.icon-btn svg{width:15px;height:15px}.topbar .icon-btn{border-color:currentColor}.topbar .icon-btn:hover{color:inherit;opacity:.8}.info-dialog{border:1px solid var(--border);background:var(--surface);color:var(--text);max-width:500px;box-shadow:var(--shadow);border-radius:12px;padding:24px}.info-dialog::backdrop{background:#00000080}.info-dialog-body{white-space:pre-line;flex-direction:column;gap:16px;margin-bottom:16px;display:flex}.info-dialog-actions{justify-content:flex-end;display:flex}.link-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.boxed{border:1px solid var(--muted);flex-direction:column;gap:8px;padding:16px;display:flex}.example-grid{grid-template-columns:repeat(2,1fr);display:grid}.strong{font-weight:700}@media (width<=899px){.topbar{height:48px;display:flex;position:fixed;top:0;left:0;right:0}.content,.content-wide{margin-left:0;padding-top:48px}.sidebar{width:240px;transform:translate(-100%)}.sidebar.mobile-open{transform:none}.sidebar.collapsed .nav-label{display:inline}.sidebar-head{display:none}.overlay.show{z-index:25;background:#00000080;display:block;position:fixed;inset:0}}