.dev-panel{--ink:#d9e6e3;--muted:#8fb1ab;--accent:#e8344e;max-width:460px;max-height:calc(100vh - 24px);color:var(--ink);z-index:10;background:#0c1716db;border:1px solid #8fb1ab40;border-radius:6px;gap:8px;padding:10px 12px;font:12px/1.45 ui-monospace,Menlo,monospace;display:grid;position:fixed;top:12px;overflow:auto}.dev-panel[hidden]{display:none}.dev-panel.left{left:12px}.dev-panel.right{right:12px}.dev-title{letter-spacing:1px;font-weight:700}.dev-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dev-group-name{color:var(--muted);width:100%;font-size:11px}.dev-panel button{font:inherit;color:var(--muted);border:1px solid #8fb1ab59;border-left:3px solid var(--c,#8fb1ab59);cursor:pointer;background:0 0;border-radius:4px;padding:2px 8px}.dev-panel button.on{color:var(--ink);border-color:var(--c,var(--accent));background:color-mix(in srgb, var(--c,var(--accent)) 18%, transparent)}.dev-panel kbd{font:inherit;opacity:.6;margin-left:6px}.dev-note{color:var(--muted)}.dev-readout table{border-collapse:collapse}.dev-readout th,.dev-readout td{text-align:left;white-space:nowrap;padding:1px 8px 1px 0}.dev-readout th{color:var(--muted);font-weight:400}.dev-hints{text-align:center;color:#a39c84;text-shadow:0 1px 2px #000;pointer-events:none;width:max-content;max-width:90vw;font:12px/1.3 ui-monospace,Menlo,monospace;position:fixed;bottom:6px;left:50%;transform:translate(-50%)}.dev-toast{color:#d9e6e3;letter-spacing:2px;opacity:0;pointer-events:none;font:22px/1 ui-monospace,Menlo,monospace;position:fixed;top:18%;left:50%;transform:translate(-50%)}.dev-toast.show{animation:1.4s ease-out dev-toast}@keyframes dev-toast{0%,70%{opacity:1}to{opacity:0}}