.performance-guide{position:absolute;z-index:8;top:42px;right:12px;width:min(260px,calc(100% - 24px));padding:10px 12px;color:var(--fg);background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 24px #00000008;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.performance-guide[hidden]{display:none}
.performance-guide-heading{display:flex;align-items:center;gap:8px;font:11px/1.3 var(--mono,monospace);letter-spacing:.03em}
.performance-guide-heading [data-guide-title]{font-weight:600}
.performance-guide-heading [data-guide-count]{margin-left:auto;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}
.performance-guide button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;color:var(--fg);background:transparent;border:0;border-radius:6px;touch-action:manipulation}
.performance-guide button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
.performance-guide button:active{background:var(--line)}
.performance-guide svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.performance-guide [data-guide-skip]{margin:-12px -12px -8px 0;color:var(--muted)}
.performance-guide [data-guide-hint]{margin:9px 0 0;max-width:27ch;font-size:13px;line-height:1.45;font-weight:450;min-height:2.9em}
.performance-guide-actions{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0 -6px -7px}
.performance-guide [data-guide-open]{gap:6px;padding:0 6px;font-size:11px;color:var(--accent-text)}
.performance-guide[data-target="instrument"] [data-guide-open]{background:color-mix(in srgb,var(--accent) 10%,transparent)}
.performance-guide [data-guide-open][hidden]{display:none}
.performance-guide [data-guide-next]{margin-left:auto;color:var(--muted)}
.stage-panel[data-view="deck"] .performance-guide{top:60px}
.stage-panel[data-guide-target="loop"] #live-loop-toggle,.stage-panel[data-guide-target="jam"] #beat-toggle,.stage-panel[data-guide-target="ink-trigger"] #burst-button,.stage-panel[data-guide-target="sound"] .sound-details>summary,.stage-panel[data-guide-target="layers"] .layer-strip{box-shadow:inset 0 0 0 1px var(--accent-text)}
.stage-panel[data-guide-target="stage"] .stage-wrap,.stage-panel[data-guide-target="fx"] .deck-platter{border-color:var(--accent-text)}
@media(max-width:430px){.performance-guide{top:40px;right:8px;width:min(224px,calc(100% - 16px));padding:8px 11px}.performance-guide [data-guide-hint]{font-size:12px;min-height:2.9em}}
body[data-immersive="true"] .performance-guide{top:calc(max(8px,env(safe-area-inset-top)) + 94px);right:max(8px,env(safe-area-inset-right))}
@media(max-height:500px) and (orientation:landscape){.performance-guide{top:40px;right:8px;width:224px;padding:7px 11px}.performance-guide [data-guide-hint]{min-height:0;margin-top:4px}.performance-guide-heading [data-guide-count]{font-size:9px}.performance-guide-actions{margin-top:0}}
