.ui{background:var(--ui-bg);color:var(--ui-fg);font:13px / 1.4 var(--ui-body)}.ui :focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.ui-btn{border-radius:var(--ui-r-2);background:var(--ui-fg);color:var(--ui-bg);font:500 12px var(--ui-mono);cursor:pointer;transition:transform .2s var(--ui-ease-spring);border:0;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.ui-btn:hover{transform:scale(1.05)}.ui-btn:active{transform:scale(.96)}.ui-btn:disabled{opacity:.4;cursor:default;transform:none}.ui-btn.quiet{color:var(--ui-fg);box-shadow:inset 0 0 0 1px var(--ui-line);background:0 0}.ui-btn.danger{color:var(--ui-mark);border-radius:var(--ui-r-1);background:0 0;border:1px solid;padding:6px 12px;font-weight:400}.ui-btn.danger:hover{background:color-mix(in srgb, var(--ui-mark) 10%, transparent);transform:none}.ui-bar{border-radius:var(--ui-r-2);background:var(--ui-ink);color:var(--ui-paper);font:500 12px var(--ui-mono);gap:2px;padding:3px;display:inline-flex}.ui-bar button,.ui-bar a{border-radius:var(--ui-r-1);min-width:34px;height:30px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0 10px;text-decoration:none;display:flex}.ui-bar [aria-pressed=true]{background:var(--ui-paper);color:var(--ui-ink)}.ui-bar button:hover:not([aria-pressed=true]),.ui-bar a:hover{background:#f4f0e624}.ui-bar .ui-bar-read{font-variant-numeric:tabular-nums;align-items:center;padding:0 8px;display:flex}.ui-panel{background:var(--ui-bg);color:var(--ui-fg);padding:16px;font-size:13px}.ui-section+.ui-section{border-top:1px solid var(--ui-fg);margin-top:20px;padding-top:8px}.ui-label{font:500 11px var(--ui-mono);letter-spacing:.02em;text-transform:lowercase;margin:0 0 8px}.ui-heading{border-top:1px solid var(--ui-fg);margin:20px 0 8px;padding-top:8px}.ui-heading:first-child{border-top:0;margin-top:0;padding-top:0}.ui-hint{opacity:.7;margin:6px 0;line-height:1.4}.ui-dial{gap:2px;margin:0 0 10px;display:grid}.ui-dial-top{justify-content:space-between;gap:8px;display:flex}.ui-dial-top span{font-weight:600}.ui-dial-top output{font:500 12px var(--ui-mono);color:var(--ui-muted);font-variant-numeric:tabular-nums}.ui-dial input[type=range]{width:100%;accent-color:var(--ui-dial-accent,var(--ui-fg));margin:2px 0}.ui-dial-ends{font-variant-numeric:tabular-nums;opacity:.6;justify-content:space-between;font-size:11px;display:flex}.ui-dial p{opacity:.7;margin:0;font-size:11.5px}.ui-chip{border:1px solid var(--ui-line);border-radius:var(--ui-r-2);color:var(--ui-fg);font:500 12px var(--ui-mono);cursor:pointer;background:0 0;padding:4px 12px}.ui-chip[aria-pressed=true]{background:var(--ui-fg);color:var(--ui-bg);border-color:var(--ui-fg)}.ui-toggles{margin:0;padding:0;list-style:none}.ui-toggle{border:0;border-bottom:1px dashed var(--ui-line);width:100%;color:inherit;font:13px var(--ui-mono);text-align:left;opacity:.5;cursor:pointer;background:0 0;padding:4px 0;display:flex}.ui-toggle[aria-pressed=true]{opacity:1}.ui-toggle[aria-pressed=true]:before{content:"● ";color:var(--ui-mark)}.ui-check{cursor:pointer;align-items:center;gap:10px;display:flex}.ui-check input{accent-color:var(--ui-fg)}.ui-field{gap:4px;display:grid}.ui-field>span{font:500 12px / 1.6 var(--ui-mono);color:var(--ui-muted)}.ui-input{box-sizing:border-box;border:1px solid var(--ui-line);border-radius:var(--ui-r-2);background:var(--ui-surface-2);width:100%;color:var(--ui-fg);font:inherit;padding:8px 12px}textarea.ui-input{resize:vertical;line-height:1.5}.ui-selected{outline:1.5px solid var(--ui-accent);outline-offset:0;border-radius:var(--ui-r-1)}.ui-code{border-radius:var(--ui-r-3);background:var(--ui-ink);color:var(--ui-paper);font:13px / 1.7 var(--ui-mono);white-space:pre;margin:0;padding:22px;overflow-x:auto}@media (max-width:480px){.ui-code{padding:16px;font-size:12px}}