.demo-dock{position:fixed;z-index:9;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));font-family:var(--font);font-size:13px;line-height:1.35;color:var(--ink)}.demo-dock:has(.demo-dock__panel){z-index:60}.demo-dock__pill{display:inline-flex;align-items:center;min-height:26px;padding:0 11px;border:1px solid var(--line);border-radius:var(--r-chip);background:color-mix(in srgb,var(--panel) 82%,transparent);color:var(--ink-3);font:inherit;font-size:12px;font-weight:560;letter-spacing:.01em;cursor:pointer;opacity:.7;backdrop-filter:blur(6px);transition:opacity .15s ease,color .15s ease,border-color .15s ease}.demo-dock__pill:focus-visible,.demo-dock__pill:hover,.demo-dock__pill[aria-expanded=true]{opacity:1;color:var(--ink);border-color:var(--line-strong)}.demo-dock__panel{position:absolute;left:0;bottom:calc(100% + 8px);width:264px;max-height:calc(100vh - 64px);overflow-y:auto;padding:12px;border:1px solid var(--line);border-radius:var(--r-panel);background:var(--panel);box-shadow:var(--shadow-float)}.demo-dock__panel p{margin:0}.demo-dock__k{font-size:11.5px;font-weight:600;color:var(--ink-3);margin-bottom:4px!important}.demo-dock__who{font-weight:620;margin-bottom:12px!important}.demo-dock__who span{font-weight:450;color:var(--ink-2)}.demo-dock__list{display:grid;gap:1px;margin:0 -6px 12px}.demo-dock__opt{display:flex;align-items:baseline;justify-content:space-between;gap:8px;width:100%;padding:5px 8px;border:0;border-radius:8px;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.demo-dock__opt:hover{background:var(--panel-2)}.demo-dock__opt[aria-checked=true]{background:var(--green-tint)}.demo-dock__opt-n{font-weight:580}.demo-dock__opt-h{font-size:12px;color:var(--ink-3)}.demo-dock__acts{display:grid;gap:6px;padding-top:12px;border-top:1px solid var(--line)}.demo-dock__exit,.demo-dock__reset{min-height:32px;padding:0 12px;border-radius:var(--r-input);font:inherit;font-weight:600;cursor:pointer}.demo-dock__reset{border:1px solid var(--line-strong);background:var(--panel);color:var(--ink)}.demo-dock__reset:disabled{color:var(--ink-3);cursor:progress}.demo-dock__exit{border:0;background:none;color:var(--ink-2);font-weight:520}.demo-dock__exit:hover{color:var(--ink);text-decoration:underline}.demo-dock__toast{position:fixed;z-index:61;left:50%;bottom:24px;transform:translateX(-50%);max-width:min(92vw,520px);margin:0;padding:12px 18px;border-radius:var(--r-panel);background:var(--ink);color:var(--panel);font-size:15px;box-shadow:var(--shadow-card)}.desk:has(>.demo-dock) .side{padding-bottom:46px}@media print{.demo-dock{display:none!important}}