.ui-btn{background:var(--accent);color:var(--accent-ink);font-family:var(--font-head);cursor:pointer;transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4em;padding:.45em 1em;font-size:.9rem;font-weight:900;line-height:1.4;display:inline-flex;box-shadow:0 3px #0000001f}.ui-btn:hover{transform:translateY(-1px)}.ui-btn:active{box-shadow:none;transform:translateY(1px)}.ui-btn--ghost{color:var(--ink);border-color:var(--line-strong);box-shadow:none;background:0 0}.ui-btn--danger{background:var(--danger);color:#fff}.ui-btn--sm{padding:.3em .8em;font-size:.82rem}.ui-btn--icon{width:2.2rem;height:2.2rem;padding:0;font-size:1rem}.ui-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.ui-field{gap:.3rem;font-size:.9rem;display:grid}.ui-field__label{color:var(--ink-2);justify-content:space-between;font-weight:700;display:flex}.ui-field__value{font-family:var(--font-display);color:var(--accent)}.ui-slider{-webkit-appearance:none;appearance:none;background:var(--line);border-radius:999px;outline:none;width:100%;height:.6rem}.ui-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent);border:3px solid var(--bg-2);width:1.4rem;height:1.4rem;box-shadow:0 0 0 2px var(--accent);cursor:grab;border-radius:50%}.ui-slider::-moz-range-thumb{background:var(--accent);border:3px solid var(--bg-2);width:1.4rem;height:1.4rem;box-shadow:0 0 0 2px var(--accent);cursor:grab;border-radius:50%}.ui-slider:focus-visible{box-shadow:0 0 0 3px var(--focus)}.ui-toggle{cursor:pointer;color:var(--ink);background:0 0;border:0;align-items:center;gap:.6rem;padding:0;font-size:.9rem;font-weight:700;display:inline-flex}.ui-toggle__track{background:var(--line-strong);width:2.6rem;height:1.5rem;transition:background var(--dur) var(--ease);border-radius:999px;position:relative}.ui-toggle[aria-checked=true] .ui-toggle__track{background:var(--accent)}.ui-toggle__knob{width:1.1rem;height:1.1rem;transition:transform var(--dur) var(--ease);background:#fff;border-radius:50%;position:absolute;top:.2rem;left:.2rem}.ui-toggle[aria-checked=true] .ui-toggle__knob{transform:translate(1.1rem)}.ui-player{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ui-player__step{color:var(--ink-2);flex:10rem;font-size:.9rem}.ui-player__step strong{color:var(--accent);font-family:var(--font-display);margin-right:.4em}.island{border-radius:var(--radius);background:var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow);margin:1.5rem 0;padding:1rem}.island__bar{flex-wrap:wrap;align-items:end;gap:.75rem 1rem;margin-bottom:.75rem;display:flex}.island__stage{border-radius:var(--radius-sm);background:var(--dg-bg);border:1px solid var(--line);padding:.75rem}.island__note{color:var(--muted);margin:.6rem 0 0;font-size:.85rem}