:root{color:var(--app-text, #e5f7ff);background:#030712;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--app-text: #e5f7ff;--app-bg: linear-gradient(180deg, #07111f 0%, #030712 55%, #02040a 100%);--panel-bg: rgba(8, 13, 31, .76);--panel-bg-strong: rgba(8, 13, 31, .86);--panel-bg-soft: rgba(2, 6, 23, .48);--panel-border: rgba(103, 232, 249, .22);--panel-border-strong: rgba(103, 232, 249, .36);--panel-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);--surface-shadow: 0 12px 38px rgba(0, 0, 0, .24);--title: #ffffff;--title-shadow: 0 0 22px rgba(34, 211, 238, .52), 0 0 46px rgba(244, 114, 182, .24);--eyebrow: #67e8f9;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-dim: #64748b;--control-label: #94a3b8;--accent: #22d3ee;--accent-2: #f472b6;--accent-3: #facc15;--button-text: #f8fafc;--button-radius: 8px;--button-text-transform: none;--button-letter-spacing: .01em;--button-bg: linear-gradient(135deg, rgba(34, 211, 238, .28), rgba(167, 139, 250, .2)), #0f172a;--button-border: rgba(255, 255, 255, .08);--button-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08), 0 8px 22px rgba(0, 0, 0, .24);--button-special-bg: linear-gradient(135deg, rgba(244, 114, 182, .34), rgba(34, 211, 238, .22)), #111827;--button-fx-bg: linear-gradient(135deg, rgba(250, 204, 21, .2), rgba(34, 211, 238, .18)), #111827;--button-ready-text: #022c22;--button-ready-bg: linear-gradient(135deg, rgba(52, 211, 153, .95), rgba(34, 211, 238, .85)), #34d399;--button-active-text: #111827;--button-active-bg: linear-gradient(135deg, rgba(250, 204, 21, .95), rgba(45, 212, 191, .82)), #facc15;--button-active-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28), 0 0 24px rgba(250, 204, 21, .26);--button-hero-bg: linear-gradient(135deg, rgba(34, 211, 238, .22), rgba(244, 114, 182, .16)), rgba(15, 23, 42, .86);--button-hero-text: #e0f2fe;--button-hero-shadow: 0 0 22px rgba(34, 211, 238, .12);--playfield-bg: #030712;--playfield-border: rgba(103, 232, 249, .24);--playfield-shadow: 0 20px 64px rgba(0, 0, 0, .45), inset 0 0 0 1px rgba(255, 255, 255, .04), 0 0 42px rgba(34, 211, 238, .12);--scanline-opacity: .12;--scanline-blend: screen;--beat-bg: rgba(2, 6, 23, .34);--beat-radius: 999px;--beat-step-radius: 999px;--beat-step-height: 6px;--beat-border: rgba(103, 232, 249, .12);--beat-step: rgba(148, 163, 184, .26);--beat-downbeat: rgba(248, 250, 252, .42);--beat-active: #67e8f9;--beat-active-shadow: 0 0 14px rgba(34, 211, 238, .72);--readout-bg: rgba(2, 6, 23, .72);--readout-border: rgba(248, 250, 252, .22);--readout-text: #f8fafc;--readout-shadow: 0 0 28px rgba(34, 211, 238, .22), inset 0 1px 0 rgba(255, 255, 255, .08);--readout-text-shadow: 0 0 18px rgba(34, 211, 238, .75);--textarea-bg: rgba(2, 6, 23, .78);--textarea-text: #e5f7ff;--textarea-focus: rgba(103, 232, 249, .56);--feedback-idle-bg: rgba(15, 23, 42, .72);--feedback-success-bg: rgba(20, 83, 45, .34);--feedback-success-text: #bbf7d0;--feedback-error-bg: rgba(127, 29, 29, .34);--feedback-error-text: #fecaca;--warning-text: #fde68a;--theme-selector-bg: rgba(2, 6, 23, .6);--theme-selector-border: rgba(103, 232, 249, .22)}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{min-height:100%;margin:0}body{overflow-x:hidden;overscroll-behavior:none;background:var(--app-bg);color:var(--app-text)}button{border:0;border-radius:var(--button-radius);color:var(--button-text);font:inherit;font-weight:800;letter-spacing:var(--button-letter-spacing);text-transform:var(--button-text-transform);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform 90ms ease,filter .16s ease,box-shadow .16s ease,background .16s ease}button:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.shell{width:min(100%,720px);min-height:100dvh;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));display:grid;grid-template-rows:auto auto minmax(300px,1fr) auto auto auto;gap:10px;isolation:isolate}.shell.is-performance{width:100%;max-width:none;height:100dvh;min-height:100dvh;padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-right));grid-template-rows:auto auto minmax(280px,1fr) auto auto;gap:6px;overflow:hidden}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-end;gap:16px;padding:6px 2px 0}.hero>div:first-child{min-width:0}.eyebrow{margin:0 0 6px;color:var(--eyebrow);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1{margin:0;color:var(--title);font-size:clamp(2.15rem,10vw,4.8rem);line-height:.9;text-shadow:var(--title-shadow)}.subtitle{margin:6px 0 0;color:var(--text-secondary);font-size:clamp(.95rem,3.4vw,1.35rem);font-weight:700}.pulse-badge{flex:0 0 auto;min-width:76px;display:grid;place-items:center;gap:1px;padding:8px 11px;border:1px solid var(--panel-border-strong);border-radius:8px;background:var(--panel-bg-strong);color:var(--readout-text);text-align:center;box-shadow:var(--readout-shadow)}.pulse-badge small{color:var(--control-label);font-size:.55rem;font-weight:900;letter-spacing:.12em;line-height:1;text-transform:uppercase}.pulse-badge strong{color:var(--readout-text);font-size:.86rem;font-weight:950;line-height:1;text-shadow:var(--readout-text-shadow)}.hero-actions{flex:0 0 auto;display:grid;gap:8px;align-content:end;justify-items:end}.hero-actions button{max-width:118px;min-height:38px;padding:8px 10px;border:1px solid var(--panel-border);background:var(--button-hero-bg);color:var(--button-hero-text);font-size:.74rem;line-height:1.08;overflow-wrap:anywhere;box-shadow:var(--button-hero-shadow)}.hero-actions button:active,.tempo-card button:active,.lab-actions button:active,.mini-prompt button:active{transform:translateY(1px)}.theme-picker{display:grid;grid-template-columns:auto minmax(112px,1fr);align-items:center;gap:6px;max-width:176px;padding:5px 6px;border:1px solid var(--theme-selector-border);border-radius:8px;background:var(--theme-selector-bg);box-shadow:var(--panel-shadow)}.theme-picker span{color:var(--text-muted);font-size:.56rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.theme-picker select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;border:0;border-radius:5px;padding:6px 7px;background:var(--button-bg);color:var(--button-text);font:inherit;font-size:.72rem;font-weight:850;outline:none}.theme-picker select:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.shell.is-performance .hero{align-items:center;gap:8px;padding-top:0}.shell.is-performance .eyebrow,.shell.is-performance .subtitle{display:none}.shell.is-performance h1{font-size:clamp(1.6rem,8vw,2.6rem);line-height:1}.shell.is-performance .hero-actions{grid-auto-flow:column;align-items:center;justify-items:end}.shell.is-performance .hero-actions button{max-width:104px;min-height:34px;padding:7px 9px;font-size:.68rem}.shell.is-performance .theme-picker{grid-template-columns:1fr;gap:3px;width:108px;padding:4px}.shell.is-performance .theme-picker span{display:none}.shell.is-performance .theme-picker select{padding:6px 5px;font-size:.66rem}.shell.is-performance .pulse-badge{min-width:64px;padding:8px;font-size:.68rem}.pattern-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.pattern-card,.tempo-card{position:relative;min-width:0;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg);box-shadow:var(--panel-shadow);overflow:hidden}.pattern-card{padding:9px 11px}.pattern-card small,.tempo-card small{display:block;color:var(--text-muted);font-size:.61rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.pattern-card strong{display:block;overflow:hidden;margin-top:3px;color:var(--text-primary);font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.tempo-card{display:grid;grid-template-columns:38px minmax(56px,1fr) 38px;align-items:stretch;overflow:hidden}.tempo-card button{min-height:42px;border-radius:0;background:var(--button-bg);color:var(--button-text);font-size:1.25rem;box-shadow:inset 0 0 0 1px var(--button-border)}.tempo-card span{display:grid;place-items:center;padding:5px 7px}.tempo-card strong{color:var(--text-primary);font-size:1rem;line-height:1}.shell.is-performance .pattern-strip{grid-template-columns:minmax(0,1fr) 118px;gap:6px}.shell.is-performance .pattern-card,.shell.is-performance .tempo-card{border-color:var(--panel-border)}.shell.is-performance .pattern-card{padding:7px 9px}.shell.is-performance .pattern-card strong{margin-top:2px;font-size:.86rem}.shell.is-performance .tempo-card{grid-template-columns:32px minmax(48px,1fr) 32px}.shell.is-performance .tempo-card button{min-height:36px}.playfield-wrap{position:relative;min-height:clamp(300px,46dvh,520px);border:1px solid var(--playfield-border);border-radius:8px;overflow:hidden;background:var(--playfield-bg);box-shadow:var(--playfield-shadow)}.playfield-wrap:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;z-index:1;border:1px solid rgba(255,255,255,.06);border-radius:5px;pointer-events:none}.playfield-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;box-shadow:inset 0 0 32px #ef4c2f24,inset 0 0 72px #c68a3a14;opacity:0;pointer-events:none;transition:opacity .18s ease}.shell.is-high-motion .playfield-wrap:after{opacity:.62}.shell.is-performance .playfield-wrap,.shell.is-performance .playfield{height:100%;min-height:0}.playfield{display:block;width:100%;height:100%;min-height:clamp(300px,46dvh,520px);touch-action:none}.playfield.is-dragging-pad{cursor:grabbing}.scanline{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(rgba(255,255,255,.04) 50%,transparent 50%);background-size:100% 6px;opacity:var(--scanline-opacity);mix-blend-mode:var(--scanline-blend)}.beat-grid{position:absolute;inset:auto 12px 12px;z-index:3;display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:4px;padding:6px;border:1px solid var(--beat-border);border-radius:var(--beat-radius);background:var(--beat-bg);box-shadow:var(--panel-shadow);pointer-events:none}.beat-grid span{height:var(--beat-step-height);border-radius:var(--beat-step-radius);background:var(--beat-step);box-shadow:0 0 0 transparent;transition:background .12s ease,box-shadow .12s ease,transform .12s ease}.beat-grid span.is-downbeat{background:var(--beat-downbeat)}.beat-grid span.is-active{background:var(--beat-active);box-shadow:var(--beat-active-shadow);transform:scaleY(1.65)}.effect-readout{position:absolute;top:12px;left:50%;z-index:4;transform:translate(-50%);min-width:154px;padding:9px 12px;border:1px solid var(--readout-border);border-radius:8px;background:var(--readout-bg);color:var(--readout-text);font-size:.82rem;font-weight:900;text-align:center;text-shadow:var(--readout-text-shadow);box-shadow:var(--readout-shadow);pointer-events:none}.side-performance-control{display:none;position:absolute;top:50%;z-index:6;width:40px;height:min(216px,44%);max-height:calc(100% - 84px);transform:translateY(-50%);align-items:center;justify-items:center;gap:5px;padding:7px 5px;border:1px solid var(--panel-border-strong);border-radius:8px;background:color-mix(in srgb,var(--panel-bg-strong) 92%,transparent);box-shadow:var(--readout-shadow);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.shell.is-performance .side-performance-control{display:grid}.side-performance-control-left{left:max(8px,env(safe-area-inset-left))}.side-performance-control-right{right:max(8px,env(safe-area-inset-right))}.side-performance-control small,.side-performance-control strong{display:block;line-height:1;text-align:center}.side-performance-control small{color:var(--control-label);font-size:.5rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}.side-performance-control strong{min-width:27px;padding:4px 3px;border-radius:5px;background:var(--readout-bg);color:var(--readout-text);font-size:.66rem;font-weight:950;text-shadow:var(--readout-text-shadow)}.side-rail{position:relative;width:9px;min-height:92px;height:100%;border-radius:999px;background:linear-gradient(180deg,var(--accent),transparent 50%,var(--accent-2)),#00000047;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 8px 12px #00000047}.side-rail-center{position:absolute;left:-7px;right:-7px;top:50%;height:2px;transform:translateY(-50%);border-radius:999px;background:var(--readout-text);opacity:.62}.side-rail-thumb{position:absolute;left:50%;bottom:50%;width:24px;height:14px;transform:translate(-50%,50%);border:1px solid var(--button-border);border-radius:4px;background:var(--button-active-bg);box-shadow:inset 0 1px #ffffff6b,0 4px 10px #00000047}.toast{position:absolute;left:12px;right:12px;bottom:28px;z-index:5;padding:10px 12px;border:1px solid var(--panel-border-strong);border-radius:8px;background:var(--readout-bg);color:var(--readout-text);font-size:.82rem;font-weight:800;text-align:center;box-shadow:var(--readout-shadow);opacity:0;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease;pointer-events:none}.toast.is-visible{opacity:1;transform:translateY(0)}.status-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.status-panel span{min-width:0;min-height:48px;padding:8px 6px;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg);box-shadow:var(--panel-shadow)}.status-panel strong,.status-panel small{display:block;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.performance-switches{display:none}.shell.is-performance .performance-switches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:7px;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg);box-shadow:var(--panel-shadow)}.mini-switch{min-width:0;min-height:31px;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:5px;padding:5px 6px;border:1px solid var(--button-border);background:var(--button-bg);box-shadow:var(--button-shadow)}.mini-switch span{position:relative;width:24px;height:13px;border-radius:999px;background:#00000057;box-shadow:inset 0 0 0 1px #ffffff1f}.mini-switch span:after{content:"";position:absolute;top:2px;left:2px;width:9px;height:9px;border-radius:50%;background:var(--text-muted);transition:transform .14s ease,background .14s ease}.mini-switch strong{overflow:hidden;color:var(--button-text);font-size:.58rem;font-weight:950;letter-spacing:.05em;text-align:left;text-overflow:ellipsis;white-space:nowrap}.mini-switch.is-on{background:var(--button-active-bg);color:var(--button-active-text)}.mini-switch.is-on span:after{transform:translate(11px);background:var(--button-active-text)}.mini-switch.is-on strong{color:var(--button-active-text)}.shell.is-performance .status-panel{gap:5px}.shell.is-performance .status-panel span{padding:6px 5px}.shell.is-performance .status-panel strong{font-size:.72rem}.shell.is-performance .status-panel small{margin-top:2px;font-size:.54rem}.status-panel strong{color:var(--text-primary);font-size:.78rem}.status-panel small{margin-top:3px;color:var(--text-muted);font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.midi-lab{min-width:0}.shell.is-performance .midi-lab{display:none}.lab-panel{border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg);box-shadow:var(--panel-shadow),var(--surface-shadow);overflow:hidden}.lab-panel summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:12px;cursor:pointer;list-style:none;touch-action:manipulation}.lab-panel summary::-webkit-details-marker{display:none}.lab-panel summary span{color:var(--text-primary);font-size:.92rem;font-weight:900}.lab-panel summary small{overflow:hidden;color:var(--text-muted);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.lab-body{display:grid;gap:10px;padding:0 12px 12px}.lab-hint{margin:0;color:var(--text-secondary);font-size:.84rem;line-height:1.35}.lab-body textarea{width:100%;min-height:146px;max-height:34dvh;resize:vertical;border:1px solid var(--panel-border);border-radius:8px;padding:11px;background:var(--textarea-bg);color:var(--textarea-text);font:.78rem/1.45 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;outline:none;box-shadow:inset 0 0 22px #00000047}.lab-body textarea:focus{border-color:var(--textarea-focus);box-shadow:inset 0 0 22px #00000047,0 0 18px var(--textarea-focus)}.lab-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lab-actions button,.mini-prompt button{min-height:42px;padding:9px 8px;background:var(--button-bg);font-size:.78rem;box-shadow:inset 0 0 0 1px var(--button-border)}.lab-actions button:disabled{cursor:not-allowed;opacity:.45}.lab-feedback{min-height:36px;border-radius:8px;padding:9px 10px;color:var(--text-secondary);font-size:.8rem;line-height:1.3}.lab-feedback.is-idle{background:var(--feedback-idle-bg)}.lab-feedback.is-success{background:var(--feedback-success-bg);color:var(--feedback-success-text)}.lab-feedback.is-error{background:var(--feedback-error-bg);color:var(--feedback-error-text)}.lab-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.lab-summary span,.mini-prompt{min-width:0;border:1px solid var(--panel-border);border-radius:8px;padding:8px;background:var(--panel-bg-soft)}.lab-summary small,.mini-prompt small{display:block;color:var(--text-muted);font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.lab-summary strong{display:block;overflow:hidden;margin-top:4px;color:var(--text-primary);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.lab-summary p{grid-column:1 / -1;margin:0;color:var(--warning-text);font-size:.74rem;line-height:1.35}.mini-prompt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.mini-prompt small{grid-column:1 / -1}.mini-prompt code{overflow-wrap:anywhere;color:var(--accent);font-size:.74rem;line-height:1.35}.mini-prompt button{white-space:nowrap}.lab-footer{margin:0;color:var(--text-dim);font-size:.72rem;font-weight:700;text-align:center}.controls{position:sticky;bottom:max(8px,env(safe-area-inset-bottom));z-index:5;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:10px;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg-strong);box-shadow:0 -10px 44px #0000004d,var(--panel-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);isolation:isolate}.control-group{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-content:start}.control-group small{grid-column:1 / -1;color:var(--control-label);font-size:.56rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.control-group-fx,.control-group-pattern{grid-template-columns:repeat(3,minmax(0,1fr))}.control-group-snapshot{grid-template-columns:minmax(54px,1.15fr) repeat(4,minmax(34px,.85fr));gap:6px}.control-group button{min-width:0;min-height:46px;display:grid;place-items:center;padding:10px 8px;background:var(--button-bg);font-size:clamp(.68rem,2vw,.78rem);line-height:1.12;text-align:center;overflow-wrap:normal;white-space:nowrap;word-break:keep-all;box-shadow:var(--button-shadow)}.control-group-snapshot button{min-height:42px;padding:8px 5px;font-size:.68rem;letter-spacing:.06em}.control-group-snapshot .snapshot-button{font-size:.86rem;font-family:Arial Narrow,Roboto Condensed,Arial,sans-serif}.control-group-snapshot .snapshot-save{background:var(--button-special-bg);font-size:.62rem}.control-group-snapshot .snapshot-save.is-save-armed,.control-group-snapshot .snapshot-button.is-snapshot-active{color:var(--button-active-text);background:var(--button-active-bg);box-shadow:var(--button-active-shadow)}.control-group button:hover,.hero-actions button:hover,.lab-actions button:hover,.mini-prompt button:hover,.tempo-card button:hover{filter:brightness(1.04)}.control-group button[data-action=pattern],.control-group button[data-action=capture],.control-group button[data-action=rain]{background:var(--button-special-bg)}.control-group button[data-action=effect]{background:var(--button-fx-bg)}.control-group button:active{transform:translateY(1px) scale(.99)}.control-group button.is-ready{color:var(--button-ready-text);background:var(--button-ready-bg)}.control-group button.is-effect-active,.control-group button.is-flash{color:var(--button-active-text);background:var(--button-active-bg);box-shadow:var(--button-active-shadow)}.shell.is-performance .controls{position:static;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:9px;border-radius:8px;max-height:34dvh;overflow-y:auto;overscroll-behavior:contain}.shell.is-performance .control-group{gap:6px}.shell.is-performance .control-group-snapshot{grid-template-columns:minmax(46px,1fr) repeat(4,minmax(30px,.8fr));gap:5px}.shell.is-performance .control-group small{font-size:.52rem}.shell.is-performance .control-group button{min-height:45px;padding:8px 6px;font-size:clamp(.6rem,2.3vw,.72rem);line-height:1.05;overflow-wrap:normal}.shell.is-performance .control-group-snapshot button{min-height:39px;padding-inline:4px}:root[data-theme="808-heritage"] .eyebrow,:root[data-theme="808-heritage"] .pattern-card small,:root[data-theme="808-heritage"] .tempo-card small,:root[data-theme="808-heritage"] .status-panel small,:root[data-theme="808-heritage"] .lab-panel summary small,:root[data-theme="808-heritage"] .control-group small,:root[data-theme="808-heritage"] .theme-picker span,:root[data-theme="808-heritage"] .pulse-badge small,:root[data-theme="808-heritage"] .lab-summary small,:root[data-theme="808-heritage"] .mini-prompt small{letter-spacing:.14em}:root[data-theme="808-heritage"] .shell{width:min(100%,760px)}:root[data-theme="808-heritage"] .hero{align-items:center;padding:12px;border:1px solid rgba(48,43,36,.34);border-radius:8px;background:linear-gradient(90deg,#fff9e861,#d2c2a31f),#eee5d1b8;box-shadow:inset 0 1px #fffaecd1,inset 0 -1px #332d241f,0 12px 28px #2a231a1f}:root[data-theme="808-heritage"] h1{font-size:clamp(2rem,7.4vw,4.1rem);letter-spacing:.02em}:root[data-theme="808-heritage"] .subtitle{max-width:28rem;font-size:clamp(.84rem,2.8vw,1.05rem)}:root[data-theme="808-heritage"] .hero-actions{gap:6px}:root[data-theme="808-heritage"] .pattern-card,:root[data-theme="808-heritage"] .tempo-card,:root[data-theme="808-heritage"] .status-panel span,:root[data-theme="808-heritage"] .lab-panel,:root[data-theme="808-heritage"] .controls,:root[data-theme="808-heritage"] .theme-picker,:root[data-theme="808-heritage"] .effect-readout,:root[data-theme="808-heritage"] .toast{border-radius:6px}:root[data-theme="808-heritage"] .pattern-card:before,:root[data-theme="808-heritage"] .status-panel span:before,:root[data-theme="808-heritage"] .lab-panel summary:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--accent-2),var(--accent),var(--accent-3));opacity:.72}:root[data-theme="808-heritage"] .status-panel span,:root[data-theme="808-heritage"] .lab-panel summary{position:relative}:root[data-theme="808-heritage"] .theme-picker select{box-shadow:inset 0 1px #fff4dd29,inset 0 -2px #00000061}:root[data-theme="808-heritage"] .pulse-badge{border-color:#eed5a342;background:linear-gradient(180deg,#26231ef5,#161512f5)}:root[data-theme="808-heritage"] .pulse-badge strong{font-family:Arial Narrow,Roboto Condensed,Arial,sans-serif;font-size:.92rem}:root[data-theme="808-heritage"] .playfield-wrap{border-radius:6px}:root[data-theme="808-heritage"] .side-performance-control{border-radius:6px;border-color:#3f352a85;background:linear-gradient(180deg,#fff6e02e,#221e191f),#1f1c18e6;box-shadow:inset 0 1px #fff5dd3d,inset 0 -2px #00000047,0 10px 24px #0000003d}:root[data-theme="808-heritage"] .side-performance-control strong{border:1px solid rgba(238,213,163,.18);background:linear-gradient(180deg,#12110ff5,#080807f5);font-family:Arial Narrow,Roboto Condensed,Arial,sans-serif}:root[data-theme="808-heritage"] .side-rail{background:linear-gradient(180deg,var(--accent-2),transparent 50%,var(--accent)),#00000057}:root[data-theme="808-heritage"] .side-rail-thumb{border-radius:3px;box-shadow:inset 0 1px #fff4dd5c,inset 0 -2px #00000057,0 4px 9px #0000004d}:root[data-theme="808-heritage"] .playfield-wrap:before{border-color:#e8cd9d21;box-shadow:inset 0 0 0 1px #0e0d0b70,inset 0 0 20px #0000002e}:root[data-theme="808-heritage"] .beat-grid{gap:5px;padding:7px}:root[data-theme="808-heritage"] .beat-grid span.is-active{transform:scaleY(1.25)}:root[data-theme="808-heritage"] .control-group button,:root[data-theme="808-heritage"] .hero-actions button,:root[data-theme="808-heritage"] .lab-actions button,:root[data-theme="808-heritage"] .mini-prompt button,:root[data-theme="808-heritage"] .tempo-card button{border:1px solid var(--button-border)}:root[data-theme="808-heritage"] .control-group-snapshot button{border-color:#fff1d333;background:linear-gradient(180deg,#fff4dd1f,#0000 36%),linear-gradient(180deg,#3f3a32,#24211d 58%,#161411);box-shadow:inset 0 1px #fff4dd38,inset 0 -3px #00000061,0 7px 13px #251f182e}:root[data-theme="808-heritage"] .control-group-snapshot .snapshot-save{background:linear-gradient(180deg,#fff4dd24,#0000 34%),linear-gradient(180deg,#8d3828,#5e2119 62%,#321611)}:root[data-theme="808-heritage"] .control-group-snapshot .snapshot-save.is-save-armed,:root[data-theme="808-heritage"] .control-group-snapshot .snapshot-button.is-snapshot-active{color:var(--button-active-text);background:var(--button-active-bg)}:root[data-theme="808-heritage"] .control-group button:active,:root[data-theme="808-heritage"] .hero-actions button:active,:root[data-theme="808-heritage"] .lab-actions button:active,:root[data-theme="808-heritage"] .mini-prompt button:active,:root[data-theme="808-heritage"] .tempo-card button:active{filter:brightness(.94);box-shadow:inset 0 2px 4px #0000006b,inset 0 0 0 1px #fff4dd1a}:root[data-theme="808-heritage"] .lab-panel summary{background:linear-gradient(90deg,rgba(39,36,31,.08),transparent 45%),#fffaec33}:root[data-theme="808-heritage"] .lab-body textarea{border-color:#eed5a32e}:root[data-theme="808-heritage"] .mini-prompt code{color:#9f2f22}@media (min-width: 460px){.controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 620px){.shell{padding-inline:22px;gap:14px}.controls{grid-template-columns:repeat(4,minmax(0,1fr))}.status-panel strong{font-size:.88rem}.lab-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.shell.is-performance .controls{grid-template-columns:repeat(4,minmax(0,1fr));max-height:24dvh}.shell.is-performance .control-group button{min-height:46px}}@media (max-width: 430px){.hero{grid-template-columns:1fr;align-items:start;gap:10px}.hero-actions{width:100%;grid-template-columns:minmax(0,1fr) auto;justify-items:stretch}.theme-picker{max-width:none}.pulse-badge{justify-self:start}.status-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.shell.is-performance .hero{grid-template-columns:minmax(78px,1fr) auto;align-items:center;gap:6px}.shell.is-performance h1{font-size:clamp(1.2rem,6vw,1.55rem)}.shell.is-performance .hero-actions{width:auto;grid-auto-flow:column;grid-template-columns:none;gap:5px;justify-items:end}.shell.is-performance .theme-picker{width:88px}.shell.is-performance .hero-actions button{max-width:52px;min-height:32px;padding:6px 7px}.shell.is-performance .pulse-badge{min-width:52px;padding:7px 6px}.shell.is-performance .pulse-badge small{display:none}.shell.is-performance .side-performance-control{top:48%;width:36px;height:min(184px,40%);max-height:calc(100% - 78px);padding:6px 4px}.shell.is-performance .side-performance-control small{font-size:.46rem}.shell.is-performance .side-performance-control strong{min-width:25px;font-size:.6rem}.shell.is-performance .side-rail{width:8px;min-height:82px}.shell.is-performance .side-rail-thumb{width:22px;height:13px}}@media (max-height: 740px){.eyebrow{margin-bottom:4px;font-size:.64rem}.hero{gap:10px}.pulse-badge{padding:8px}.control-group button{min-height:42px;padding:8px 6px}.shell.is-performance .control-group button{min-height:40px;padding:7px 5px}.shell.is-performance{grid-template-rows:auto auto minmax(240px,1fr) auto auto}.shell.is-performance .controls{max-height:33dvh}.lab-panel:not([open]) summary{min-height:42px;padding-block:9px}.lab-body textarea{min-height:118px}}