html,body{background:#8aa0a8;height:100%;margin:0;overflow:hidden}:root{--paper:#f3ecd8f5;--paper-solid:#f3ecd8;--field:#fbf7ec;--btn:#e6dcc2;--btn-hover:#e2d5b0;--btn-on:#cdbb8c;--ink:#2b241d;--ink-2:#5a4a36;--ink-3:#7a6a55;--line:#3a322a;--line-soft:#b9a987;--line-field:#8a7a60;--line-faint:#3a322a33;--accent:#5a4632;--accent-ink:#f5ecd6;--gold:#b45309;--danger:#8b2e2e;--warn:#9a3412;--ok:#3f6212;--radius:6px;--radius-sm:4px;--shadow:0 1px 4px #00000040;--shadow-lg:0 4px 16px #0000004d;--font:Georgia, "Times New Roman", serif;--mono:ui-monospace, Consolas, monospace;--tap:28px;--z-ring:5;--z-hud:10;--z-card:12;--z-dock:15;--z-bar:16;--z-chip:17;--z-search:20;--z-toast:25;--z-menu:30;--z-overlay:40;--z-progress:45}@media (pointer:coarse){:root{--tap:44px}}.ws-panel{box-sizing:border-box;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink);font:13px/1.45 var(--font)}.ws-btn{box-sizing:border-box;min-height:var(--tap);font:inherit;color:var(--ink);background:var(--btn);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.ws-btn:hover:not(:disabled){background:var(--btn-hover)}.ws-btn.primary{background:var(--accent);border-color:var(--line);color:var(--accent-ink);font-weight:700}.ws-btn.primary:hover:not(:disabled){background:#4a3826}.ws-btn.danger{background:var(--danger);color:#fff;border-color:#6b1f1f}.ws-btn.danger:hover:not(:disabled){background:#7a2525}.ws-btn.quiet{background:0 0;border-color:#0000}.ws-btn.quiet:hover:not(:disabled){background:var(--btn-hover)}.ws-btn.block{width:100%;display:flex}.ws-btn:disabled,.ws-icon-btn:disabled,.ws-seg>button:disabled,.ws-chip:disabled{opacity:.5;cursor:default}.ws-icon-btn{box-sizing:border-box;width:var(--tap);height:var(--tap);font:inherit;color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.ws-icon-btn:hover:not(:disabled){background:var(--btn-hover)}.ws-icon-btn.on,.ws-icon-btn[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.ws-seg{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--btn);display:flex;overflow:hidden}.ws-seg>button{min-width:0;min-height:var(--tap);font:inherit;color:var(--ink);border:none;border-left:1px solid var(--line-soft);cursor:pointer;white-space:nowrap;background:0 0;flex:1;justify-content:center;align-items:center;gap:4px;padding:0 6px;display:inline-flex}.ws-seg>button:first-child{border-left:none}.ws-seg>button:hover:not(:disabled){background:var(--btn-hover)}.ws-seg>button.on,.ws-seg>button[aria-pressed=true],.ws-seg>button[aria-selected=true]{background:var(--accent);color:var(--accent-ink)}.ws-input{box-sizing:border-box;min-width:0;min-height:calc(var(--tap) - 2px);font:inherit;color:var(--ink);background:var(--field);border:1px solid var(--line-field);border-radius:var(--radius-sm);padding:2px 6px}textarea.ws-input{resize:vertical;width:100%;padding:4px 6px}.ws-input::placeholder{color:var(--ink-3);opacity:.8}.ws-field{color:var(--ink-2);flex-direction:column;gap:2px;font-size:12px;display:flex}.ws-field>.ws-input,.ws-field>textarea,.ws-field>select{color:var(--ink);font-size:13px}.ws-row{align-items:center;gap:6px;display:flex}.ws-chip{box-sizing:border-box;min-height:calc(var(--tap) - 6px);font:12px var(--font);color:var(--ink);background:var(--btn);border:1px solid var(--line-soft);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:0 9px;display:inline-flex}.ws-chip:hover:not(:disabled){background:var(--btn-hover)}.ws-chip.on,.ws-chip[aria-pressed=true]{background:var(--accent);border-color:var(--line);color:var(--accent-ink)}input[type=checkbox].ws-switch{appearance:none;border:1px solid var(--line-field);cursor:pointer;background:#c9bb9a;border-radius:999px;flex:none;width:30px;height:17px;margin:0;transition:background .12s;position:relative}input[type=checkbox].ws-switch:after{content:"";background:var(--field);border-radius:50%;width:13px;height:13px;transition:transform .12s;position:absolute;top:1px;left:1px;box-shadow:0 1px 2px #0000004d}input[type=checkbox].ws-switch:checked{background:var(--accent)}input[type=checkbox].ws-switch:checked:after{transform:translate(13px)}.ws-kbd,kbd.ws-kbd{min-width:1.4em;font:10px/1.6 var(--mono);text-align:center;color:var(--ink-2);background:var(--field);border:1px solid var(--line-soft);border-bottom-width:2px;border-radius:3px;padding:0 4px;display:inline-block}@media (pointer:coarse){.ws-kbd{display:none}}.ws-muted{color:var(--ink-3);font-size:12px}.ws-hint{color:var(--ink-2);font-size:12px;font-style:italic}.ws-label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);font-size:11px}details.ws-group{border-top:1px solid var(--line-faint)}details.ws-group>summary{min-height:var(--tap);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-weight:700;list-style:none;display:flex}details.ws-group>summary::-webkit-details-marker{display:none}details.ws-group>summary:before{content:"";border-right:1.5px solid var(--ink-2);border-bottom:1.5px solid var(--ink-2);flex:none;width:6px;height:6px;margin:0 3px 0 2px;transition:transform .12s;transform:rotate(-45deg)}details.ws-group[open]>summary:before{transform:rotate(45deg)}details.ws-group>.ws-group-body{flex-direction:column;gap:6px;padding:2px 0 10px;display:flex}input[type=range],input[type=checkbox]:not(.ws-switch),input[type=radio]{accent-color:var(--accent)}.ws-btn:focus-visible,.ws-icon-btn:focus-visible,.ws-seg>button:focus-visible,.ws-chip:focus-visible,.ws-input:focus-visible,input[type=checkbox].ws-switch:focus-visible{outline:2px solid var(--gold);outline-offset:1px}