*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg);width:100%;height:100dvh;min-height:-webkit-fill-available;color:var(--text);font-family:var(--font-family);font-size:var(--font-sm);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;line-height:1.4;overflow:hidden}#root{background-color:var(--bg);flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}#root:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(at 50% 0,#00ff410d 0%,#0000 65%) 0 0/100% 100%,linear-gradient(#00ff4105 1px,#0000 1px) -1px -1px/32px 32px,linear-gradient(90deg,#00ff4105 1px,#0000 1px) -1px -1px/32px 32px;position:fixed;inset:0}.scanlines{pointer-events:none;z-index:999;opacity:.65;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 3px,linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08) 0 0/6px 100%;position:fixed;inset:0}.scrollable{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-dim) transparent;-webkit-overflow-scrolling:touch;overflow:hidden auto}.scrollable::-webkit-scrollbar{width:5px;height:5px}.scrollable::-webkit-scrollbar-track{background:0 0}.scrollable::-webkit-scrollbar-thumb{background:var(--border-dim);border-radius:2px}.scrollable::-webkit-scrollbar-thumb:hover{background:var(--primary)}.panel{background-color:var(--surface);border:1px solid var(--border);box-sizing:border-box;position:relative}.panel-elevated{background-color:var(--surface-elevated);border:1px solid var(--border-bright)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);letter-spacing:var(--letter-spacing-base);text-transform:uppercase;font-weight:700}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;outline:none}:root{--board-header-w:clamp(160px, 16vw, 240px);--board-row-h:clamp(68px, 9vh, 92px);--board-master-row-h:clamp(88px, 11vh, 120px);--board-section-h:clamp(24px, 3vh, 30px);--board-ruler-h:clamp(24px, 3vh, 30px)}.board-container{background:var(--bg);border:1px solid var(--border);box-sizing:border-box;border-radius:4px;flex-direction:column;flex:1 1 0;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.board-transport{background:var(--surface-elevated);border-bottom:1px solid var(--border);z-index:10;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:clamp(8px,1vw,14px);padding:clamp(6px,.8vh,10px) clamp(10px,1.2vw,16px);display:flex}.board-transport-cluster{flex-wrap:wrap;align-items:center;gap:clamp(4px,.5vw,8px);display:flex}.board-transport-btn{color:var(--text-dim);border:1px solid var(--border);font-family:var(--font-family);font-size:var(--font-xs);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:3px;align-items:center;gap:6px;padding:clamp(4px,.6vh,6px) clamp(8px,.8vw,12px);transition:all .15s;display:inline-flex}.board-transport-btn:hover{color:var(--text);border-color:var(--border-bright);background:#ffffff0d}.board-transport-btn.active{background:var(--primary);color:#000;border-color:var(--primary);box-shadow:var(--glow-primary);font-weight:700}.board-transport-time{font-family:var(--font-family);font-size:var(--font-xs);color:var(--text-dim);align-items:center;gap:clamp(8px,1.2vw,16px);display:flex}.board-time-display{border:1px solid var(--border);background:#00000080;border-radius:3px;align-items:center;gap:6px;padding:4px 10px;display:flex}.board-time-label{color:var(--text-secondary);font-size:var(--font-xs);letter-spacing:.5px}.board-time-value{color:var(--accent);font-weight:700}.board-section-value{color:var(--warning);font-weight:700}.board-viewport{background:var(--bg);flex-direction:column;flex:1 1 0;min-height:0;display:flex;position:relative;overflow:hidden auto}.board-ruler-row{height:var(--board-ruler-h);border-bottom:1px solid var(--border);background:var(--surface);z-index:20;flex-shrink:0;display:flex;position:sticky;top:0}.board-ruler-corner{width:var(--board-header-w);min-width:var(--board-header-w);border-right:1px solid var(--border);font-size:var(--font-xs);color:var(--text-secondary);background:var(--surface);box-sizing:border-box;justify-content:space-between;align-items:center;padding:0 10px;display:flex}.board-ruler-timeline{flex:1 1 0;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.board-ruler-ticks{align-items:center;width:100%;height:100%;display:flex;position:relative}.board-ruler-marker{font-size:9px;font-family:var(--font-family);color:var(--text-muted);pointer-events:none;border-left:1px solid #ffffff14;flex-direction:column;justify-content:space-between;padding-left:3px;display:flex;position:absolute;top:0;bottom:0}.board-row{height:var(--board-row-h);min-height:var(--board-row-h);border-bottom:1px solid var(--border);background:var(--surface);box-sizing:border-box;transition:background .15s;display:flex;position:relative}.board-row.master{height:var(--board-master-row-h);min-height:var(--board-master-row-h)}.board-row:hover{background:#ffffff05}.board-row.selected{z-index:2;box-shadow:inset 3px 0 0 var(--primary), inset 0 0 24px #00ff410f;border-left:3px solid var(--primary);background:#00ff4114}.board-row.dimmed{opacity:.35;filter:grayscale(40%);transition:opacity .2s,filter .2s}.board-row.dimmed:hover{opacity:.85;filter:grayscale(0%)}.board-track-header{width:var(--board-header-w);min-width:var(--board-header-w);border-right:1px solid var(--border);background:var(--surface-elevated);box-sizing:border-box;-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;justify-content:space-between;height:100%;padding:clamp(6px,.8vh,8px) clamp(8px,1vw,12px);display:flex}.board-track-header-top{justify-content:space-between;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.board-track-meta{flex:1 1 0;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.board-track-badge{background:var(--accent);color:#000;font-size:10px;font-weight:900;font-family:var(--font-family);border-radius:2px;flex-shrink:0;padding:1px 5px}.board-track-name{font-size:var(--font-xs);color:var(--text);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;flex:1 1 0;min-width:0;font-weight:700;overflow:hidden}.board-track-controls{flex-shrink:0;align-items:center;gap:4px;display:flex}.board-btn-mini{border:1px solid var(--border);color:var(--text-dim);font-size:9px;font-family:var(--font-family);cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;padding:2px 5px;font-weight:700;line-height:1;transition:all .15s;display:inline-flex}.board-btn-mini:hover{border-color:var(--border-bright);color:var(--text)}.board-btn-mini.play{border-color:var(--primary);color:var(--primary)}.board-btn-mini.play:hover{background:#00ff4126;box-shadow:0 0 8px #00ff414d}.board-btn-mini.play.active,.board-btn-mini.play.playing{background:var(--primary);color:#000;border-color:var(--primary);box-shadow:var(--glow-primary)}.board-btn-mini.solo.active{background:var(--warning);color:#000;border-color:var(--warning)}.board-btn-mini.mute.active{background:var(--error);color:#fff;border-color:var(--error)}.board-btn-mini.arm.active{background:var(--secondary);color:#fff;border-color:var(--secondary)}.board-track-header-bottom{color:var(--text-secondary);align-items:center;gap:8px;font-size:9px;display:flex}.board-fader-wrap{flex:1 1 0;align-items:center;gap:5px;min-width:0;display:flex}.board-slider{appearance:none;cursor:pointer;background:#222;border-radius:2px;outline:none;width:100%;height:4px}.board-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:ew-resize;border:none;border-radius:1px;width:10px;height:12px}.board-fader-val{font-size:9px;font-family:var(--font-family);color:var(--text-dim);text-align:right;flex-shrink:0;width:28px}.board-track-lane{background:#0006;flex:1 1 0;min-width:0;height:100%;position:relative;overflow:hidden}.board-lane-grid{pointer-events:none;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:6.25% 100%;position:absolute;inset:0}.board-notes{pointer-events:none;width:100%;height:calc(100% - 12px);position:absolute;inset:6px 0}.board-playhead-line{background:var(--accent);width:2px;box-shadow:0 0 6px var(--accent);z-index:15;pointer-events:none;position:absolute;top:0;bottom:0;transform:translate(-50%)}.board-playhead-cap{background:var(--accent);clip-path:polygon(50% 100%,0 0,100% 0);width:8px;height:8px;position:absolute;top:0;left:50%;transform:translate(-50%)}.board-section-separator{height:var(--board-section-h);min-height:var(--board-section-h);background:var(--surface-raised);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;z-index:5;box-sizing:border-box;justify-content:space-between;align-items:center;padding:0 clamp(8px,1vw,12px);transition:background .15s;display:flex}.board-section-separator:hover{background:#202020}.board-section-left{font-size:var(--font-xs);letter-spacing:.5px;color:var(--text-dim);align-items:center;gap:8px;font-weight:700;display:flex}.board-section-left:hover{color:var(--text)}.board-section-chevron{color:var(--accent);transition:transform .2s}.board-section-separator.collapsed .board-section-chevron{transform:rotate(-90deg)}.board-section-badge{color:var(--text-dim);font-size:9px;font-family:var(--font-family);background:#ffffff14;border-radius:2px;padding:1px 6px}.board-section-actions{align-items:center;gap:6px;display:flex}.board-folded-preview{border-bottom:1px solid var(--border);height:24px;color:var(--text-muted);background:#0009;align-items:center;gap:12px;padding:0 12px;font-size:10px;display:flex}.board-add-track-row{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.board-add-btn{border:1px dashed var(--border-bright);color:var(--text-dim);font-size:var(--font-xs);font-family:var(--font-family);cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:5px;padding:4px 10px;transition:all .15s;display:inline-flex}.board-add-btn:hover{border-color:var(--primary);color:var(--primary);background:#00ff410d}@media (width<=768px){:root{--board-header-w:clamp(140px, 35vw, 185px);--board-row-h:clamp(76px, 10vh, 95px);--board-master-row-h:clamp(90px, 12vh, 115px)}.board-transport-bar{gap:8px;padding:6px 10px}.board-transport-controls{gap:4px}.board-btn{padding:3px 6px;font-size:10px}.board-display-group{padding:2px 6px;font-size:10px}.board-track-fader-row{display:none}.board-track-name{max-width:70px}}.waveform-box{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:visible}.waveform-canvas{width:100%;height:100%;display:block}.stem-clip-waveform-container{width:100%;height:100%;display:block;position:relative;overflow:hidden}.stem-clip-waveform-canvas{display:block;width:100%!important;height:100%!important}.daw-pincher{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-bright,#ffffff26);font-size:var(--font-xs,11px);box-sizing:border-box;background:#09090cf5;border-radius:6px;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:clamp(6px,1vw,12px);width:100%;margin-top:6px;padding:clamp(6px,.8vh,10px) clamp(10px,1.2vw,16px);display:flex;box-shadow:0 4px 16px #0009}.daw-pincher-group{align-items:center;gap:5px;display:flex}.daw-pincher-label{letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:800}.daw-pincher-input{color:#fff;text-align:center;background:#111420;border:1px solid #272d45;border-radius:3px;outline:none;width:54px;padding:2px 4px;font-family:monospace;font-size:11px;transition:border-color .15s}.daw-pincher-input:focus{border-color:var(--primary)}.daw-pincher-badge{color:#fff;background:#ffffff0d;border:1px solid #3f3f46;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:700}.board-category-badges-row{justify-content:space-between;align-items:center;gap:4px;width:100%;margin-top:2px;display:flex}.board-category-badges-list{scrollbar-width:none;flex-wrap:wrap;align-items:center;gap:3px;max-width:calc(100% - 22px);display:flex;overflow-x:auto}.board-category-badges-list::-webkit-scrollbar{display:none}.board-take-badge-pill{font-size:9px;font-weight:700;font-family:var(--font-family);color:var(--text-dim);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;padding:1px 6px;line-height:1.2;transition:all .15s}.board-take-badge-pill:hover{color:#fff;background:#ffffff26;border-color:#ffffff4d}.board-take-badge-pill.selected{background:var(--accent);color:#000;border-color:var(--accent);box-shadow:0 0 6px #0ff6}.board-take-badge-pill.mix-active{border-color:var(--primary)}.board-take-badge-pill.mix-active.selected{background:var(--primary);color:#000}.board-category-chevron-btn{width:18px;height:18px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.board-category-chevron-btn:hover{color:#fff;background:#ffffff26}.board-category-chevron-btn.expanded{color:var(--accent);background:#00ffff26;border-color:#0ff6}.board-take-indented-row{margin-left:8px;border-left:3px solid var(--accent)!important;background:#00000059!important;border-bottom:1px dashed #ffffff14!important}.board-take-indented-row .board-track-header{padding-left:10px}.board-row.master.expanded{height:auto;min-height:var(--board-master-row-h);flex-shrink:0}.board-row.master.expanded .board-track-lane{height:auto}.board-row.master.expanded.dimmed{opacity:1;filter:none}.board-overlays{pointer-events:none;position:absolute;inset:0}.board-overlay{box-sizing:border-box;opacity:.8;pointer-events:auto;position:absolute;inset-block:0}.board-overlay.selected{z-index:2;opacity:1}.board-overlay.muted{opacity:.25}.board-overlay-wave{cursor:grab;touch-action:none;background:0 0;border:0;width:100%;height:100%;padding:0}.board-overlay-actions{--board-overlay-actions-w:112px;z-index:6;max-width:100%;width:var(--board-overlay-actions-w);box-sizing:border-box;pointer-events:auto;background:var(--surface);border:1px solid var(--accent);flex-wrap:nowrap;display:flex;position:absolute;inset-block-end:2px}.board-overlay-actions .daw-tooltip-wrapper{flex:1;min-width:0}.board-overlay-actions button{width:100%;height:28px;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;flex:auto;place-items:center;padding:6px;font-size:9px;display:grid}.board-overlay-actions button[aria-pressed=true]{background:var(--primary);color:var(--bg)}.board-overlay-actions button:disabled{opacity:.4;cursor:wait}.board-overlay-player{flex:1;grid-template-rows:16px 12px;min-width:0;height:28px;display:grid}.board-overlay-choices{min-width:0;display:flex}.board-overlay-player>.daw-tooltip-wrapper button{height:16px;padding:0}.board-overlay-choices button{height:12px;padding:0;font-size:6px;line-height:1}.board-operation{border-block-end:1px solid var(--accent);flex-wrap:wrap;gap:12px;padding:10px;font-size:11px;display:flex}.board-master-badges{flex-wrap:wrap;gap:3px;margin:5px 0;display:flex}.board-master-badges .board-track-badge{cursor:pointer;border:1px solid #0000;padding:1px 4px}.board-master-badges .board-track-badge.selected{border-color:var(--text);box-shadow:0 0 4px}.board-row.master .board-track-header{justify-content:flex-start}.board-row.master .board-track-header-bottom{margin-top:auto}.waveform-box{position:relative}.waveform-selection{pointer-events:none;z-index:5;position:absolute;inset:0}.waveform-range{pointer-events:auto;touch-action:none;cursor:ew-resize;background:0 0;border:0;width:14px;height:100%;padding:0;position:absolute;top:0;transform:translate(-50%)}.waveform-range.pan{cursor:grab;height:12px;transform:none}.btn-base{font-family:var(--font-family);letter-spacing:var(--letter-spacing-base);text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-height:var(--btn-h-md);box-sizing:border-box;background-color:#050505d9;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;font-weight:900;text-decoration:none;transition:all .15s;display:inline-flex;position:relative;overflow:hidden}.btn-base:disabled{cursor:not-allowed;opacity:.45;box-shadow:none!important;transform:none!important}.btn-size-xs{padding:var(--btn-pad-xs);font-size:var(--btn-font-xs);min-height:var(--btn-h-xs)}.btn-size-sm{padding:var(--btn-pad-sm);font-size:var(--btn-font-sm);min-height:var(--btn-h-sm)}.btn-size-md{padding:var(--btn-pad-md);font-size:var(--btn-font-md);min-height:var(--btn-h-md)}.btn-size-lg{padding:var(--btn-pad-lg);font-size:var(--btn-font-lg);min-height:var(--btn-h-lg)}.btn-variant-primary{border:1px solid var(--primary);color:var(--primary);box-shadow:0 0 10px #00ff4126}.btn-variant-primary:hover:not(:disabled){background-color:#00ff411f;box-shadow:0 0 16px #00ff4166}.btn-variant-primary:active:not(:disabled){text-shadow:0 0 6px #00ff41cc;transform:scale(.98);box-shadow:0 0 20px #00ff4199}.btn-variant-secondary{border:1px solid var(--secondary);color:var(--secondary);box-shadow:0 0 10px #ff00a026}.btn-variant-secondary:hover:not(:disabled){background-color:#ff00a01f;box-shadow:0 0 16px #ff00a066}.btn-variant-secondary:active:not(:disabled){text-shadow:0 0 6px #ff00a0cc;transform:scale(.98);box-shadow:0 0 20px #ff00a099}.btn-variant-accent{border:1px solid var(--accent);color:var(--accent);box-shadow:0 0 10px #00ccff26}.btn-variant-accent:hover:not(:disabled){background-color:#00ccff1f;box-shadow:0 0 16px #0cf6}.btn-variant-accent:active:not(:disabled){text-shadow:0 0 6px #0cfc;transform:scale(.98);box-shadow:0 0 20px #0cf9}.btn-variant-ghost{color:var(--text-dim);background-color:#0000;border:1px solid #ffffff26}.btn-variant-ghost:hover:not(:disabled){color:var(--text);background-color:#ffffff0d;border-color:#ffffff59}.btn-variant-ghost:active:not(:disabled){transform:scale(.98)}.btn-glow-overlay{pointer-events:none;opacity:.35;transition:opacity .15s;position:absolute;inset:0}.btn-base:hover .btn-glow-overlay{opacity:.65}.btn-content-wrap{z-index:2;white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:inline-flex;position:relative}.cyber-badge{font-family:var(--font-family);font-size:var(--font-xs);letter-spacing:var(--letter-spacing-tight);text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:2px;align-items:center;gap:4px;padding:2px 8px;font-weight:700;line-height:1.2;transition:all .15s;display:inline-flex}.cyber-badge-primary{border:1px solid var(--primary);color:var(--primary);background-color:#00ff4114}.cyber-badge-primary.active{background-color:#00ff4140;box-shadow:0 0 8px #00ff414d}.cyber-badge-secondary{border:1px solid var(--secondary);color:var(--secondary);background-color:#ff00a014}.cyber-badge-secondary.active{background-color:#ff00a040;box-shadow:0 0 8px #ff00a04d}.cyber-badge-accent{border:1px solid var(--accent);color:var(--accent);background-color:#00ccff14}.cyber-badge-accent.active{background-color:#00ccff40;box-shadow:0 0 8px #00ccff4d}.cyber-badge-warning{border:1px solid var(--warning);color:var(--warning);background-color:#ffaa0014}.cyber-badge-warning.active{background-color:#ffaa0040;box-shadow:0 0 8px #ffaa004d}.cyber-badge-muted{color:var(--text-dim);background-color:#ffffff0a;border:1px solid #ffffff26}.cyber-badge-clickable{cursor:pointer}.cyber-badge-clickable:hover{filter:brightness(1.2)}.cyber-input-wrap{flex-direction:column;gap:4px;width:100%;display:flex}.cyber-input-label{font-size:var(--font-xs);color:var(--primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-base);font-weight:700}.cyber-input-field{border:1px solid var(--border-dim);width:100%;color:var(--text);font-family:var(--font-family);font-size:var(--font-sm);letter-spacing:var(--letter-spacing-tight);box-sizing:border-box;min-height:var(--touch-target);background-color:#0c0c0ce6;border-radius:2px;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.cyber-input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 10px #00ff4140}.cyber-input-field::placeholder{color:var(--text-dim);opacity:.7}.cyber-input-field:disabled{opacity:.5;cursor:not-allowed}textarea.cyber-input-field{resize:vertical;min-height:80px}.cyber-slider-wrap{flex-direction:column;gap:4px;width:100%;display:flex}.cyber-slider-header{font-size:var(--font-xs);color:var(--text-dim);letter-spacing:var(--letter-spacing-tight);justify-content:space-between;align-items:center;display:flex}.cyber-slider-label{text-transform:uppercase;letter-spacing:var(--letter-spacing-base)}.cyber-slider-val{font-variant-numeric:tabular-nums;font-weight:600}.cyber-slider-track{align-items:center;height:24px;display:flex;position:relative}.cyber-slider-input{appearance:none;cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px;margin:0}.cyber-slider-input::-webkit-slider-thumb{appearance:none;background-color:var(--primary);width:14px;height:14px;box-shadow:0 0 6px var(--primary);cursor:pointer;border:1px solid #000;border-radius:2px}.cyber-slider-input::-moz-range-thumb{background-color:var(--primary);width:14px;height:14px;box-shadow:0 0 6px var(--primary);cursor:pointer;border:1px solid #000;border-radius:2px}.cyber-checkbox{cursor:pointer;width:18px;height:18px;color:var(--primary);background-color:#0d0d12;border:1px solid #444;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.cyber-checkbox[aria-checked=true]{border-color:var(--primary);background-color:#00ff4133}.cyber-checkbox:disabled{cursor:not-allowed;opacity:.5}.glitch-text-only{font-family:var(--font-family);letter-spacing:var(--letter-spacing-base);display:inline-block}.glitch-box-container{border:1px solid var(--border-dim);background-color:#080808bf;position:relative;overflow:hidden}.glitch-visual-line{pointer-events:none;z-index:1;transition:all 80ms;position:absolute}.glitch-inner-content{z-index:2;width:100%;height:100%;position:relative}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#000000d9;justify-content:center;align-items:center;padding:clamp(12px,3vw,24px);display:flex;position:fixed;inset:0}.modal-container{flex-direction:column;width:100%;max-width:min(580px,100vw - 24px);max-height:90dvh;display:flex}.modal-inner-card{border:1px solid var(--primary);box-shadow:var(--glow-primary);background-color:#08080cfa;border-radius:4px;flex-direction:column;gap:16px;max-height:85dvh;padding:clamp(14px,2vw,20px);display:flex;overflow-y:auto}.modal-body-wrap{flex-direction:column;width:100%;min-height:0;display:flex}.modal-header-row{border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.modal-title-text{color:var(--primary);font-size:var(--font-md);letter-spacing:var(--letter-spacing-base);margin:0}.glyph{object-fit:cover;border-radius:50%;flex-shrink:0;width:18px;height:18px}.glyph-icon{width:16px;height:16px;color:var(--primary);flex-shrink:0}.icon{vertical-align:middle;width:14px;height:14px;display:inline-block}.icon-fold{opacity:.7;width:12px;height:12px;margin-left:2px}.icon-gold{color:var(--warning)}.btn{font-family:var(--font-family);font-size:var(--btn-font-sm);min-height:var(--btn-h-sm);padding:var(--btn-pad-sm);white-space:nowrap;box-sizing:border-box;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:clamp(4px,.6vw,8px);font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.btn-ghost{color:#fff;background:#ffffff0a;border:1px solid #ffffff1f}.btn-ghost:hover{border-color:var(--primary);color:var(--primary);background:#00ff4114}.btn-solid{background:var(--primary);border:1px solid var(--primary);color:#000;font-weight:900}.btn-solid:hover{box-shadow:0 0 12px #00ff4180}.connect,.tw-connect-wallet{cursor:pointer;height:var(--header-btn-h)!important;min-height:var(--header-btn-h)!important;padding:var(--header-btn-pad)!important;font-size:var(--header-btn-font)!important;font-family:var(--font-family)!important;min-width:var(--header-btn-min-w)!important;white-space:nowrap!important;box-sizing:border-box!important;letter-spacing:1.5px!important;border-radius:4px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;gap:clamp(4px,.6vw,8px)!important;width:auto!important;max-width:none!important;display:inline-flex!important}.connect .icon,.tw-connect-wallet .icon{width:var(--header-icon-size);height:var(--header-icon-size);flex-shrink:0}.connect-avatar{width:var(--header-icon-size);height:var(--header-icon-size);object-fit:cover;border:1px solid #ffffff1a;border-radius:2px;flex-shrink:0}.connect-dim{opacity:.6}.connect-balance{color:var(--primary);font-weight:700;font-size:var(--header-btn-font);letter-spacing:var(--letter-spacing-base);white-space:nowrap}.connect-address{color:var(--text-dim);font-family:var(--font-family);letter-spacing:var(--letter-spacing-tight);white-space:nowrap;font-size:clamp(10px,.75vw + .3vh,13px)}.menu-head{border-bottom:1px solid #ffffff14;flex-direction:column;gap:4px;padding:8px;display:flex}.menu-chain{color:#fff;align-items:center;gap:6px;font-size:12px;display:flex}.menu-total{color:var(--primary);font-size:11px;font-weight:700}.menu-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.menu-address{color:var(--text-dim);font-size:11px;font-family:var(--font-family);word-break:break-all}.menu-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.menu-icon-btn{color:var(--text-dim);cursor:pointer;background:#ffffff0d;border:none;border-radius:3px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:inline-flex}.menu-icon-btn:hover{color:var(--primary);background:#00ff4126}.menu-note{color:var(--warning);word-break:break-word;margin-top:4px;font-size:10px}.dialog-content{border:1px solid var(--primary);box-sizing:border-box;background-color:#08080c;border-radius:4px;flex-direction:column;width:100%;max-width:min(560px,100vw - 24px);max-height:min(92dvh,760px);display:flex;overflow:hidden;box-shadow:0 0 30px #00ff4126}.dialog-header{border-bottom:1px solid #1a1a24;flex-direction:column;flex-shrink:0;gap:6px;padding:clamp(12px,2.5vw,16px) clamp(14px,3vw,20px);display:flex}.dialog-side{align-items:center;gap:8px;display:flex}.dialog-title{color:var(--primary);font-size:clamp(13px,2.8vw,15px);font-family:var(--font-family);letter-spacing:1px;margin:0;font-weight:700}.dialog-version{color:var(--text-muted);letter-spacing:1px;font-size:9px}.dialog-description{font-size:var(--font-xs);color:#889;font-family:var(--font-family);margin:0;line-height:1.5}.dialog-body{min-height:0;font-family:var(--font-family);box-sizing:border-box;flex-direction:column;flex:auto;gap:clamp(10px,1.8vw,14px);padding:clamp(12px,2.5vw,16px) clamp(14px,3vw,20px);display:flex;overflow-y:auto}.terms{background:#0006;border:1px solid #ffffff14;border-radius:4px;flex-direction:column;flex-shrink:0;gap:8px;max-height:clamp(130px,25vh,220px);padding:8px 10px;display:flex;overflow-y:auto}.spec{color:#ccc;align-items:flex-start;gap:10px;font-size:11px;display:flex}.spec-num{color:var(--primary);font-size:10px;font-weight:700}.spec-term{color:#fff;align-items:center;gap:6px;margin-bottom:2px;font-size:11px;font-weight:700;display:flex}.spec-text{color:var(--text-dim);font-size:10px;line-height:1.4}.checks{flex-direction:column;flex-shrink:0;gap:10px;display:flex}.check{color:#ccc;cursor:pointer;align-items:flex-start;gap:10px;font-size:11px;line-height:1.45;display:flex}.check strong{color:var(--primary)}.signing{color:var(--text-dim);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;font-size:11px;display:flex}.signing b{color:var(--primary);word-break:break-all}.dialog-actions{border-top:1px solid #ffffff14;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;margin-top:auto;padding-top:12px;display:flex}.spinner{border:2px solid #0003;border-top-color:#000;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.dropdown-menu-wrapper,.select-wrapper{justify-content:center;align-items:center;display:inline-flex;position:relative}.dropdown-menu-content{z-index:999;box-sizing:border-box;background-color:#0a0a0f;border:1px solid #1f2937;border-radius:4px;flex-direction:column;gap:4px;min-width:min(280px,100vw - 32px);max-width:calc(100vw - 16px);padding:8px;display:flex;position:absolute;top:calc(100% + 6px);box-shadow:0 8px 32px #000c,0 0 12px #00ff4114}.dropdown-menu-align-end{left:auto;right:0}.dropdown-menu-align-start{left:0;right:auto}.dropdown-menu-item,.select-item{cursor:pointer;color:var(--text);font-family:var(--font-family);font-size:var(--font-xs);box-sizing:border-box;text-align:left;background:0 0;border:none;border-radius:2px;align-items:center;gap:8px;width:100%;min-height:34px;padding:8px 10px;transition:all .15s;display:flex}.dropdown-menu-item:hover,.select-item:hover{color:var(--primary);background-color:#00ff411a}.select-content{z-index:999;border:1px solid var(--primary);box-sizing:border-box;background-color:#08080c;border-radius:4px;flex-direction:column;gap:2px;min-width:min(220px,100vw - 32px);max-width:calc(100vw - 16px);padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 20px #00ff4126}.select-item-selected{color:var(--primary);background-color:#00ff411f}.select-item b{color:#fff;letter-spacing:.5px;font-weight:700}.select-item span{color:var(--primary);font-size:var(--font-xs);margin-left:auto;padding-left:8px;font-weight:700}.select-trigger{cursor:pointer;color:#fff;font-family:var(--font-family);font-size:var(--font-sm);background:#0d0d12;border:1px solid #222;border-radius:4px;justify-content:center;align-items:center;padding:6px 10px;display:flex}.select-trigger-bare{background:0 0!important;border:none!important;padding:4px!important}.header-network-trigger{height:var(--header-btn-h);min-height:var(--header-btn-h);padding:var(--header-btn-pad);font-size:var(--header-btn-font);font-family:var(--font-family);background:var(--surface-raised);border:1px solid var(--border-bright);color:var(--text);cursor:pointer;white-space:nowrap;box-sizing:border-box;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:clamp(4px,.6vw,8px);transition:all .15s;display:inline-flex}.header-network-trigger:hover{border-color:var(--primary);background:#00ff4114;box-shadow:0 0 10px #00ff4133}.network-trigger-name{letter-spacing:var(--letter-spacing-base);text-transform:uppercase;color:var(--text-dim);font-size:clamp(10px,.75vw + .3vh,12px);font-weight:700}.header-network-content{left:auto!important;right:0!important}.header-session-trigger{height:var(--header-btn-h);min-height:var(--header-btn-h);padding:var(--header-btn-pad);font-size:var(--header-btn-font);font-family:var(--font-family);background:var(--surface-raised);border:1px solid var(--border-bright);color:var(--text);cursor:pointer;white-space:nowrap;box-sizing:border-box;letter-spacing:1.5px;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:clamp(4px,.6vw,8px);transition:all .15s;display:inline-flex}.header-session-trigger:hover{border-color:var(--primary);background:#00ff4114;box-shadow:0 0 10px #00ff4133}.header-session-trigger.active{background:#00ff4114;border-color:#00ff4180;box-shadow:0 0 10px #00ff4140}.header-session-trigger .session-trigger-icon{width:var(--header-icon-size);height:var(--header-icon-size);color:var(--text-dim);flex-shrink:0;transition:color .15s,filter .15s}.header-session-trigger:hover .session-trigger-icon,.header-session-trigger.active .session-trigger-icon{color:var(--primary);filter:drop-shadow(0 0 4px var(--primary))}.session-trigger-amount{font-family:var(--font-mono);color:var(--primary);letter-spacing:var(--letter-spacing-base);font-size:clamp(10px,.75vw + .3vh,12px);font-weight:700}.session-trigger-label{letter-spacing:var(--letter-spacing-base);text-transform:uppercase;color:var(--text-dim);font-size:clamp(10px,.75vw + .3vh,12px);font-weight:700}.header-session-trigger:hover .session-trigger-label{color:var(--text)}.session-active-indicator{background-color:var(--primary);width:6px;height:6px;box-shadow:0 0 6px var(--primary);border-radius:50%;flex-shrink:0;animation:2s ease-in-out infinite session-pulse}@keyframes session-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}div[data-state=open].css-je1heg,div[data-radix-portal]>div[data-state=open]:not(.tw-modal){-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background-color:#000000d9!important}.tw-modal,.tw-modal__connect-wallet,[data-thirdweb=modal],div[data-state][class*=tw-modal]{font-family:var(--font-family,"Courier New", monospace)!important;border:1px solid var(--primary)!important;color:#fff!important;width:var(--modal-w)!important;max-width:min(var(--modal-w), calc(100vw - 24px))!important;background-color:#08080c!important;border-radius:4px!important;overflow:hidden!important;box-shadow:0 0 35px #00ff4140,0 25px 60px #000000f2!important}.tw-modal>div,.tw-modal div[style*="transition: height"],.tw-modal div[style*="max-height: 660px"]{height:auto!important;max-height:none!important}.tw-modal div[style*="padding: 24px 24px 8px"],.tw-modal div[style*="padding: 20px 20px 8px"]{padding:clamp(16px, 2.2vh, 24px) var(--modal-pad) clamp(14px, 1.8vh, 20px)!important;box-sizing:border-box!important;background:linear-gradient(#00ff410f 0%,#00000080 100%)!important;border-bottom:1px solid #00ff4140!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;min-height:clamp(56px,6vh,68px)!important;display:flex!important;position:relative!important}.tw-modal .tw-header{background:0 0!important;border:none!important;flex-wrap:wrap!important;align-items:center!important;gap:clamp(8px,.8vw,12px)!important;padding:0!important;display:flex!important}.tw-modal .tw-header:after{content:"AUTHENTICATE // CONNECT WALLET"!important;width:100%!important;font-family:var(--font-family,monospace)!important;letter-spacing:1.5px!important;color:var(--text-dim)!important;text-transform:uppercase!important;flex-basis:100%!important;margin-top:4px!important;font-size:clamp(9px,.7vw + .2vh,11px)!important;font-weight:500!important;display:block!important}.tw-modal .tw-header h2,.tw-modal h2.css-1fbrxjr{font-family:var(--font-family,monospace)!important;letter-spacing:var(--letter-spacing-wide)!important;text-transform:uppercase!important;color:var(--primary)!important;text-shadow:0 0 10px #00ff4199!important;background:0 0!important;border:none!important;align-items:center!important;margin:0!important;font-size:clamp(15px,1vw + .4vh,19px)!important;font-weight:800!important;display:inline-flex!important}.tw-modal .tw-header img{border-radius:2px!important;width:clamp(22px,1.4vw + .4vh,28px)!important;height:clamp(22px,1.4vw + .4vh,28px)!important;box-shadow:0 0 8px #00ff4166!important}.tw-modal div[style*="position: absolute; right: 24px; top: 24px"]{top:clamp(14px,1.8vh,20px)!important;right:var(--modal-pad)!important;transform:none!important}.tw-modal button[aria-label=Close]{color:#889!important;background:#ffffff0a!important;border:1px solid #ffffff26!important;border-radius:2px!important;justify-content:center!important;align-items:center!important;width:clamp(26px,1.8vw + .8vh,34px)!important;height:clamp(26px,1.8vw + .8vh,34px)!important;padding:0!important;transition:all .15s!important;display:inline-flex!important}.tw-modal button[aria-label=Close]:hover{border-color:var(--primary)!important;color:var(--primary)!important;background-color:#00ff411f!important;box-shadow:0 0 8px #00ff4166!important}.tw-modal button[aria-label=Close] svg{width:clamp(12px,1vw,16px)!important;height:clamp(12px,1vw,16px)!important}.tw-modal ul.css-3hdqca,.tw-modal ul{max-height:none!important;margin:0!important;padding:clamp(8px,1vh,14px) 0 0!important}.tw-modal div[style*="padding-left: 8px; padding-right: 8px"],.tw-modal div[style*="padding: 0px 24px 24px"],.tw-modal div[style*="padding: 0px 20px 20px"]{padding-left:var(--modal-pad)!important;padding-right:var(--modal-pad)!important;padding-bottom:var(--modal-pad)!important}.tw-modal div[style*="justify-content: center"]{gap:clamp(4px,.6vw,8px)!important}.tw-modal .tw-social-button{height:var(--modal-btn-h)!important;min-height:var(--modal-btn-h)!important;background-color:#ffffff08!important;border:1px solid #ffffff1f!important;border-radius:2px!important;justify-content:center!important;align-items:center!important;padding:clamp(4px,.6vh,8px)!important;transition:all .15s!important;display:inline-flex!important}.tw-modal .tw-social-button:hover{border-color:var(--primary)!important;background-color:#00ff4114!important;box-shadow:0 0 10px #00ff414d!important}.tw-modal .tw-social-button img,.tw-modal .tw-social-button svg{width:var(--modal-icon-size)!important;height:var(--modal-icon-size)!important}.tw-modal .tw-input-container,.tw-modal .tw-input-container__email{height:var(--modal-btn-h)!important;min-height:var(--modal-btn-h)!important;box-sizing:border-box!important;background-color:#0d0d14!important;border:1px solid #ffffff26!important;border-radius:2px!important;margin-top:2px!important;overflow:hidden!important}.tw-modal .tw-input-container:focus-within{border-color:var(--primary)!important;box-shadow:0 0 10px #00ff4159!important}.tw-modal .tw-input-container input{font-family:var(--font-family,monospace)!important;font-size:var(--modal-font)!important;color:#fff!important;letter-spacing:.5px!important;background:0 0!important;border:none!important;padding:6px clamp(8px,1.2vw,14px)!important}.tw-modal .tw-input-container button{color:var(--primary)!important;background-color:#00ff4114!important;border:none!important;border-left:1px solid #00ff4140!important;border-radius:0!important;height:100%!important;padding:0 clamp(8px,1.2vw,16px)!important;transition:all .15s!important}.tw-modal .tw-input-container button:hover{color:#fff!important;background-color:#00ff4140!important;box-shadow:0 0 8px #00ff4166!important}.tw-modal .tw-input-container button svg{width:clamp(12px,1vw,16px)!important;height:clamp(12px,1vw,16px)!important}.tw-modal .tw-select-button,.tw-modal .tw-select-button__passkey,.tw-modal .tw-select-button__guest,.tw-modal .tw-select-connect-a-wallet-button{min-height:var(--modal-btn-h)!important;height:var(--modal-btn-h)!important;box-sizing:border-box!important;background-color:#00ff4108!important;border:1px solid #00ff4133!important;border-radius:2px!important;padding:clamp(6px,.8vh,12px) clamp(10px,1.4vw,18px)!important;transition:all .15s!important}.tw-modal .tw-select-button:hover,.tw-modal .tw-select-connect-a-wallet-button:hover{border-color:var(--primary)!important;background-color:#00ff411a!important;box-shadow:0 0 12px #00ff4140!important}.tw-modal .tw-select-button span,.tw-modal .tw-select-connect-a-wallet-button span{font-family:var(--font-family,monospace)!important;font-size:var(--modal-font)!important;letter-spacing:1px!important;color:#e0e0e0!important;font-weight:600!important}.tw-modal .tw-select-button:hover span,.tw-modal .tw-select-connect-a-wallet-button:hover span{color:#fff!important}.tw-modal .tw-select-button svg,.tw-modal .tw-select-connect-a-wallet-button svg{color:var(--primary)!important;width:var(--modal-icon-size)!important;height:var(--modal-icon-size)!important}.tw-modal div[class*=css-c8p4k5],.tw-modal .css-c8p4k5{margin:clamp(3px,.6vh,8px) 0!important;padding:0!important}.tw-modal div[class*=css-c8p4k5] span,.tw-modal .css-c8p4k5 span{font-family:var(--font-family,monospace)!important;color:#667!important;letter-spacing:2px!important;text-transform:uppercase!important;font-size:clamp(9px,.6vw + .3vh,11px)!important;font-weight:700!important}.tw-modal .tw-wallet-select-wallet-button,.tw-modal button[class*=tw-wallet-select-wallet-button]{min-height:var(--modal-btn-h)!important;font-size:var(--modal-font)!important;background:#ffffff05!important;border:1px solid #ffffff14!important;border-radius:2px!important;margin-bottom:4px!important;padding:clamp(6px,.8vh,12px) clamp(10px,1.4vw,18px)!important;transition:all .15s!important}.tw-modal .tw-wallet-select-wallet-button:hover,.tw-modal button[class*=tw-wallet-select-wallet-button]:hover{border-color:var(--primary)!important;background:#00ff4114!important;box-shadow:0 0 10px #00ff4140!important}.tw-modal .tw-wallet-select-wallet-button img,.tw-modal .tw-wallet-select-wallet-button svg{width:var(--modal-icon-size)!important;height:var(--modal-icon-size)!important}.tw-modal .tw-back-button{color:var(--text-dim)!important;background:#ffffff08!important;border:1px solid #ffffff1a!important;border-radius:2px!important;justify-content:center!important;align-items:center!important;width:clamp(26px,1.8vw + .8vh,34px)!important;height:clamp(26px,1.8vw + .8vh,34px)!important;display:inline-flex!important}.tw-modal .tw-back-button:hover{border-color:var(--primary)!important;color:var(--primary)!important;box-shadow:0 0 8px #00ff4166!important}.tw-modal div[style*="height: 24px"]{height:clamp(14px,1.8vh,22px)!important;display:block!important}.tw-modal div[style*="padding-left: 24px; padding-right: 24px"]{padding-left:var(--modal-pad)!important;padding-right:var(--modal-pad)!important;gap:clamp(6px,.8vh,10px)!important;padding-bottom:clamp(10px,1.2vh,16px)!important}.daw-tooltip-wrapper{align-items:center;display:inline-flex;position:relative}.daw-tooltip-bubble{z-index:10000;border:1px solid var(--primary);pointer-events:none;white-space:normal;text-align:left;width:max-content;max-width:250px;font-family:var(--font-family);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050505f5;border-radius:4px;padding:6px 10px;animation:.12s ease-out tooltipFadeIn;position:absolute;box-shadow:0 4px 20px #000c,0 0 10px #00ff4140}.daw-tooltip-portal{pointer-events:none!important;position:fixed!important}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.daw-tooltip-top{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.daw-tooltip-bottom{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.daw-tooltip-left{top:50%;right:calc(100% + 6px);transform:translateY(-50%)}.daw-tooltip-right{top:50%;left:calc(100% + 6px);transform:translateY(-50%)}.daw-tooltip-title{font-size:var(--font-xs);color:var(--primary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px;font-weight:800}.daw-tooltip-desc{color:var(--text-dim);letter-spacing:.02em;font-size:10px;line-height:1.35}.session-modal-content{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;padding:4px 0;display:flex}.session-hud-card{box-sizing:border-box;background:#0a0a0ed9;border:1px solid #00ff414d;border-radius:3px;flex-direction:column;gap:14px;width:100%;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #00ff410a,0 0 15px #00000080}.session-hud-header{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.session-hud-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.session-hud-refresh-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.session-hud-refresh-btn:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 0 8px #00ff4133}.session-hud-budget-block{flex-direction:column;gap:4px;display:flex}.session-hud-label{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700}.session-hud-main-stat{align-items:baseline;gap:8px;display:flex}.session-hud-number{font-family:var(--font-mono);color:var(--primary);text-shadow:0 0 12px #00ff4166;font-size:clamp(26px,4.5vw,36px);font-weight:800;line-height:1}.session-hud-unit{font-family:var(--font-mono);color:var(--text-secondary);font-size:12px;font-weight:700}.session-hud-cap{font-family:var(--font-mono);color:var(--text-dim);font-size:11px}.session-meter-container{flex-direction:column;gap:6px;width:100%;display:flex}.session-meter-track{background:#ffffff14;border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.session-meter-fill{background:linear-gradient(90deg,#0cf,#00ff41);border-radius:3px;height:100%;transition:width .3s;box-shadow:0 0 8px #00ff4166}.session-meter-footer{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.5px;justify-content:space-between;align-items:center;font-size:10px;display:flex}.session-grid{box-sizing:border-box;grid-template-columns:repeat(2,1fr);gap:8px;width:100%;display:grid}.session-grid-item{background:var(--surface-raised);border:1px solid var(--border);box-sizing:border-box;border-radius:2px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.session-grid-item-head{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:6px;font-size:9px;font-weight:700;display:flex}.session-grid-item-icon{color:var(--primary);flex-shrink:0}.session-grid-item-value{font-family:var(--font-mono);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.session-grid-item-sub{color:var(--text-dim);font-size:9px}.session-icon-action-btn{cursor:pointer;color:var(--text-dim);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:color .15s;display:inline-flex}.session-icon-action-btn:hover{color:var(--primary)}.session-info-strip{box-sizing:border-box;background:#00ff410d;border:1px solid #00ff4133;border-radius:3px;align-items:flex-start;gap:12px;width:100%;padding:12px;display:flex}.session-info-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.session-info-text{flex-direction:column;gap:2px;min-width:0;display:flex}.session-info-title{font-family:var(--font-mono);color:#fff;letter-spacing:.5px;font-size:11px;font-weight:700}.session-info-desc{color:var(--text-secondary);font-size:10px;line-height:1.4}.session-balance-strip{background:var(--surface-raised);border:1px solid var(--border);font-family:var(--font-mono);box-sizing:border-box;border-radius:2px;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:11px;display:flex}.session-balance-chain{color:var(--text);align-items:center;gap:6px;font-weight:700;display:flex}.session-balance-val{color:var(--primary);font-weight:700}.session-section{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;display:flex}.session-section-label{font-family:var(--font-mono);color:var(--primary);letter-spacing:1px;text-transform:uppercase;font-size:10px;font-weight:700}.session-pills-row{box-sizing:border-box;flex-wrap:wrap;gap:6px;width:100%;display:flex}.session-pill-btn{min-width:50px;font-family:var(--font-mono);background:var(--surface-raised);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;box-sizing:border-box;text-align:center;border-radius:2px;flex:calc(20% - 6px);justify-content:center;align-items:center;padding:8px 10px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.session-pill-btn:hover{border-color:var(--border-bright);color:var(--text)}.session-pill-btn.active{border-color:var(--primary);color:#fff;background:#00ff411f;box-shadow:0 0 8px #00ff4140}.session-custom-row{box-sizing:border-box;align-items:center;gap:8px;width:100%;display:flex}.session-custom-prefix{font-family:var(--font-mono);color:var(--primary);font-size:14px;font-weight:700}.session-duration-pills{box-sizing:border-box;gap:6px;width:100%;display:flex}.session-duration-btn{font-family:var(--font-mono);background:var(--surface-raised);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;box-sizing:border-box;text-align:center;border-radius:2px;flex:1;justify-content:center;align-items:center;padding:8px 6px;font-size:10px;font-weight:700;transition:all .15s;display:inline-flex}.session-duration-btn:hover{border-color:var(--border-bright);color:var(--text)}.session-duration-btn.active{border-color:var(--primary);color:#fff;background:#00ff411f;box-shadow:0 0 8px #00ff4140}.session-notice-strip{color:var(--text-dim);align-items:center;gap:8px;padding:4px 0;font-size:10px;line-height:1.4;display:flex}.session-notice-icon{color:var(--text-dim);flex-shrink:0}.session-error-strip{color:var(--error);box-sizing:border-box;background:#ff006614;border:1px solid #ff00664d;border-radius:2px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:11px;display:flex}.session-actions-footer{border-top:1px solid var(--border);box-sizing:border-box;justify-content:flex-end;align-items:center;gap:8px;width:100%;padding-top:12px;display:flex}.session-actions-footer .btn-danger{color:var(--error)!important;border-color:#f066!important}.session-actions-footer .btn-danger:hover{border-color:var(--error)!important;background:#ff00661f!important;box-shadow:0 0 8px #ff00664d!important}.editor-container{box-sizing:border-box;background:var(--bg);flex-direction:column;gap:clamp(8px,1vw,12px);width:100%;height:100%;padding:clamp(8px,1.2vw,14px);display:flex;position:relative;overflow:hidden}.editor-header-bar{border-bottom:1px solid var(--border);flex-wrap:nowrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:clamp(8px,1vw,14px);padding-bottom:6px;display:flex}.editor-header-left{flex:1 1 0;align-items:center;gap:clamp(8px,1vw,12px);min-width:0;display:flex;overflow:hidden}.editor-header-text{flex:1 1 0;min-width:0;overflow:hidden}.editor-track-title{color:var(--primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;max-width:100%;font-size:clamp(13px,1.3vw,18px);font-weight:900;overflow:hidden}.editor-track-sub{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(10px,.8vw,11px);font-family:var(--font-family);margin-top:2px;overflow:hidden}.editor-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.editor-board-wrapper{flex-direction:column;flex:1 1 0;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.editor-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;box-sizing:border-box;background:#000000d1;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.editor-modal-card{background:var(--surface-elevated);border:1px solid var(--border-bright);box-sizing:border-box;border-radius:6px;flex-direction:column;gap:14px;width:clamp(280px,92vw,440px);padding:clamp(16px,2.5vw,24px);display:flex;box-shadow:0 16px 40px #000000e6,0 0 1px #ffffff26}.editor-modal-title{font-size:var(--font-sm);letter-spacing:.1em;color:var(--primary);font-weight:800;font-family:var(--font-family);margin:0}.editor-modal-textarea{border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-family);font-size:var(--font-xs);resize:vertical;box-sizing:border-box;background:#00000080;border-radius:4px;outline:none;padding:8px 10px;transition:border-color .15s}.editor-modal-textarea:focus{border-color:var(--primary);box-shadow:0 0 8px #00ff4140}.editor-modal-actions{justify-content:flex-end;gap:8px;display:flex}.app-viewport{background-color:var(--bg);flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.app-header{height:var(--header-height);border-bottom:1px solid var(--border);width:100%;padding:0 clamp(8px,2vw,24px);padding-top:var(--sat);z-index:50;box-sizing:border-box;background-color:#050505f5;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}.header-brand{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex-shrink:0;align-items:center;gap:clamp(6px,.6vw,12px);min-height:44px;padding:0;display:flex}.header-brand-logo{width:clamp(150px,15.5vw,230px);height:auto;display:block}.header-brand:focus-visible{outline:1px solid var(--primary);outline-offset:4px}@media (width<=768px){.header-brand-logo{width:clamp(80px,50vw - 80px,180px);height:auto}}.header-brand-tag{font-size:var(--header-brand-tag-font);color:var(--text-muted);border:1px solid var(--border-bright);padding:var(--header-brand-tag-pad);letter-spacing:clamp(.6px,.08vw,1.2px);white-space:nowrap;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.service-switcher{border:1px solid var(--border);scrollbar-width:none;background-color:#121212b3;border-radius:4px;align-items:center;gap:clamp(4px,1vw,8px);padding:3px;display:flex;overflow-x:auto}.service-switcher::-webkit-scrollbar{display:none}.service-nav-btn{padding:var(--header-btn-pad);height:var(--header-btn-h);min-height:var(--header-btn-h);font-family:var(--font-family);font-size:var(--header-btn-font);letter-spacing:var(--letter-spacing-base);text-transform:uppercase;color:var(--text-dim);cursor:pointer;white-space:nowrap;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:2px;align-items:center;gap:clamp(4px,.6vw,8px);font-weight:700;transition:all .15s;display:inline-flex}.service-nav-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.service-nav-icon .nav-icon-svg{stroke-width:2.2px;width:14px;height:14px}.service-nav-label{display:inline}.service-nav-btn:hover{color:var(--text);background-color:#ffffff0d}.service-nav-btn.active{color:var(--primary);border-color:var(--primary);background-color:#00ff411f;box-shadow:0 0 8px #00ff4133}.header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.main-viewport{flex-direction:column;flex:1 1 0;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.app-player{height:var(--player-height);border-top:1px solid var(--border);z-index:60;box-sizing:border-box;width:100%;padding-bottom:var(--sab);background-color:#050505fa;flex-direction:column;flex-shrink:0;justify-content:space-between;display:flex;position:relative}.player-scrubber{cursor:pointer;background-color:#ffffff1a;flex-shrink:0;width:100%;height:4px;position:relative}.player-scrubber-progress{background-color:var(--primary);height:100%;box-shadow:0 0 6px var(--primary);transition:width 50ms linear}.player-scrubber-selection{pointer-events:none;background-color:#ff00a080;position:absolute;top:0;bottom:0}.player-transport-row{flex:1;justify-content:space-between;align-items:center;gap:clamp(8px,1.5vw,16px);min-height:0;padding:0 clamp(8px,2vw,24px);display:flex}.player-track-info{flex:auto;align-items:center;gap:10px;min-width:0;max-width:320px;display:flex}.player-track-avatar{background-color:var(--surface-elevated);border:1px solid var(--border);width:32px;height:32px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:flex}.player-track-text{min-width:0;overflow:hidden}.player-track-title{font-size:var(--font-sm);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.player-track-meta{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;overflow:hidden}.player-controls{flex-shrink:0;align-items:center;gap:clamp(6px,1.2vw,12px);display:flex}.player-play-btn{min-width:clamp(70px,9vw,90px)}.player-time-readout{font-size:var(--font-xs);color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.player-volume-wrap{flex-shrink:0;align-items:center;gap:12px;width:clamp(60px,8vw,90px);display:flex}.market-container{box-sizing:border-box;flex-direction:column;gap:clamp(10px,1.5vw,16px);width:100%;height:100%;padding:clamp(10px,2vw,20px);display:flex;position:relative;overflow:hidden}.market-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;display:flex}.market-header-left{flex-direction:column;gap:2px;display:flex}.market-title-text{font-size:var(--font-lg);color:var(--primary);letter-spacing:var(--letter-spacing-base);font-weight:900}.market-subtitle{font-size:var(--font-xs);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.market-grid{flex:1 1 0;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));align-content:start;gap:clamp(10px,1.5vw,16px);min-height:0;padding:clamp(10px,1.5vw,16px);display:grid}.market-empty{text-align:center;color:var(--text-secondary);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;padding:60px 16px;display:flex}.market-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:4px;flex-direction:column;gap:12px;padding:clamp(12px,1.5vw,16px);transition:all .2s;display:flex;position:relative}.market-card:hover{border-color:var(--border-bright);box-shadow:0 4px 20px #0006}.market-card.playing{border-color:var(--primary);box-shadow:0 0 12px #00ff4133}.market-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.market-card-title-group{flex:1;min-width:0}.market-card-title{font-size:var(--font-md);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.market-card-creator{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.market-card-tags{flex-wrap:wrap;gap:6px;display:flex}.market-pricing-box{border:1px solid var(--border-dim);background:#0006;border-radius:2px;grid-template-columns:1fr 1fr;gap:8px;padding:8px 12px;display:grid}.market-price-item{flex-direction:column;gap:2px;display:flex}.market-price-label{font-size:var(--font-xs);color:var(--text-dim);text-transform:uppercase}.market-price-val{font-size:var(--font-sm);font-weight:700}.market-card-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;display:grid}.market-empty-title{font-size:var(--font-md);letter-spacing:var(--letter-spacing-base)}.market-empty-desc{font-size:var(--font-xs);color:var(--text-dim)}.market-price-val-stream{color:var(--primary)}.market-price-unit{color:var(--text-secondary);font-size:9px}.market-price-val-license{color:var(--accent)}.mixer-console-container{color:#e2e8f0;background:#090a0f;flex-direction:column;flex:1 1 0;width:100%;height:100%;min-height:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:flex;overflow:hidden}.mixer-console-bar{background:#0d0f17;border-bottom:1px solid #1e2235;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;display:flex}.mixer-console-title-group{align-items:center;gap:10px;display:flex}.mixer-console-title{text-transform:uppercase;letter-spacing:.05em;color:#f1f5f9;font-size:13px;font-weight:700}.mixer-console-subtitle{color:#64748b;border-left:1px solid #272d45;padding-left:10px;font-size:11px}.mixer-section-audition-bar{align-items:center;gap:10px;padding:4px 12px;display:flex}.mixer-selection-indicator{background:#141724;border:1px solid #232840;border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-size:10px;display:flex}.mixer-selection-label{color:#94a3b8;font-weight:600}.mixer-selection-bounds{color:#38bdf8;font-weight:700}.mixer-strips-bay{-webkit-overflow-scrolling:touch;background:#07080c;flex-direction:row;flex:1 1 0;align-items:stretch;gap:10px;min-height:0;padding:8px;display:flex;overflow:auto}.mixer-strips-divider{background:#1e2235;border-radius:1px;flex-shrink:0;width:2px;margin:0 4px}.mixer-strip{border:1px solid #1e2235;border-top:3px solid var(--accent-color,#6366f1);box-sizing:border-box;background:#0e111a;border-radius:6px;flex-direction:column;flex:120px;gap:4px;min-width:95px;max-width:200px;height:100%;padding:6px;display:flex;box-shadow:0 4px 12px #0006}.mixer-strip-master{background:#121420;border-color:#2f3652}.mixer-strip-header{border-bottom:1px solid #1a1e2e;align-items:center;gap:8px;padding-bottom:6px;display:flex}.mixer-strip-badge{color:#000;text-transform:uppercase;border-radius:3px;padding:2px 5px;font-size:10px;font-weight:800}.mixer-strip-title{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-size:12px;font-weight:700;overflow:hidden}.mixer-section-group{background:#07090f;border:1px solid #171b2b;border-radius:4px;flex-direction:column;gap:3px;padding:4px 6px;display:flex}.mixer-group-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;text-align:center;font-size:9px;font-weight:700}.mixer-tone-controls{flex-direction:column;gap:4px;display:flex}.mixer-knob-cell{justify-content:space-between;align-items:center;gap:6px;display:flex}.mixer-knob-name{color:#94a3b8;width:28px;font-size:9px;font-weight:600}.mixer-rotary-slider{box-sizing:border-box;height:4px;accent-color:var(--accent-color,#38bdf8);cursor:pointer;flex:1 1 0;width:100%!important;min-width:0!important;max-width:100%!important}.mixer-knob-readout{color:#cbd5e1;text-align:right;min-width:36px;font-family:monospace;font-size:9px}.mixer-dual-row{box-sizing:border-box;gap:6px;width:100%;display:flex}.mixer-half{box-sizing:border-box;flex:1 1 0;min-width:0;padding:4px}.mixer-smoothing-cell{justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.mixer-filter-slider{box-sizing:border-box;accent-color:#38bdf8;cursor:pointer;flex:1 1 0;height:4px;width:100%!important;min-width:0!important;max-width:100%!important}.mixer-filter-readout{color:#38bdf8;text-align:right;min-width:38px;font-family:monospace;font-size:9px}.mixer-pan-cell{justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.mixer-pan-slider{box-sizing:border-box;accent-color:#a855f7;cursor:pointer;flex:1 1 0;height:4px;width:100%!important;min-width:0!important;max-width:100%!important}.mixer-pan-readout{color:#c084fc;text-align:right;min-width:28px;font-size:9px;font-weight:700}.mixer-button-cluster{justify-content:space-between;align-items:center;gap:4px;display:flex}.mixer-action-btn{color:#94a3b8;cursor:pointer;background:#171b2b;border:1px solid #272d45;border-radius:3px;flex:1;justify-content:center;align-items:center;height:22px;font-size:10px;font-weight:700;transition:all .15s;display:flex}.mixer-action-btn:hover{color:#f8fafc;background:#232840}.mixer-btn-solo.active{color:#000;background:#eab308;border-color:#facc15}.mixer-btn-mute.active{color:#fff;background:#ef4444;border-color:#f87171}.mixer-btn-audition:hover{color:#34d399}.mixer-fader-well{background:#05060a;border:1px solid #171b2b;border-radius:4px;flex:1 1 0;justify-content:center;align-items:center;gap:8px;min-height:48px;max-height:140px;padding:4px;display:flex;position:relative}.mixer-meter-lane{background:#111420;border-radius:2px;flex-direction:column;justify-content:flex-end;width:6px;height:100%;display:flex;position:relative;overflow:hidden}.mixer-meter-fill{border-radius:1px;width:100%;transition:height 80ms}.mixer-strip.selected{box-shadow:0 0 12px #00ffff40,inset 0 0 8px #00ffff0d;border-color:var(--accent-color,var(--primary,#00ff41))!important}.mixer-vertical-fader{appearance:slider-vertical;writing-mode:vertical-lr;height:clamp(44px,6.5vh,58px);accent-color:var(--accent-color,#f8fafc);cursor:pointer;box-sizing:border-box;direction:rtl;background:0 0;width:18px!important;min-width:0!important;max-width:24px!important}.mixer-fader-readout{text-align:center;color:#94a3b8;font-family:monospace;font-size:10px;font-weight:700}.mixer-no-stems-placeholder{color:#94a3b8;border:1px dashed #232840;border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.editor-inspector-mixer{flex:540px!important;max-width:720px!important;padding:0!important;overflow:hidden!important}.mypage-container{box-sizing:border-box;flex-direction:column;gap:clamp(10px,1.5vw,16px);width:100%;height:100%;padding:clamp(10px,2vw,20px);display:flex;position:relative;overflow:hidden auto}.mypage-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;display:flex}.mypage-title-text{font-size:var(--font-lg);color:var(--primary);letter-spacing:var(--letter-spacing-base);font-weight:900}.mypage-subtitle{font-size:var(--font-xs);color:var(--text-secondary);margin-top:4px}.mypage-list{flex-direction:column;flex:1 1 0;gap:10px;min-height:0;padding:clamp(10px,1.5vw,16px);display:flex}.mypage-empty{text-align:center;color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.mypage-song-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:4px;flex-direction:column;gap:10px;padding:12px 14px;transition:border-color .15s;display:flex;position:relative}.mypage-song-card.active{border-color:var(--primary);box-shadow:0 0 10px #00ff4126}.mypage-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.mypage-card-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.mypage-card-text{min-width:0;overflow:hidden}.mypage-card-title{font-size:var(--font-sm);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.mypage-card-meta{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.mypage-card-bottom{font-size:var(--font-xs);border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:8px;display:flex}.mypage-card-pricing{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:14px;display:flex}.mypage-card-right-tools{flex-shrink:0;align-items:center;gap:12px;display:flex}.mypage-menu-dropdown{border:1px solid var(--border-bright);z-index:100;background-color:#09090e;border-radius:4px;flex-direction:column;gap:4px;min-width:140px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 32px #000000e6,0 0 12px #00ff4126}.mypage-menu-item{color:#fff;text-align:left;cursor:pointer;width:100%;font-size:var(--font-xs);font-family:var(--font-family);letter-spacing:1px;text-transform:uppercase;box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff1a;border-radius:2px;align-items:center;min-height:34px;padding:8px 12px;font-weight:700;transition:all .15s;display:flex}.mypage-menu-item.mypage-item-edit{color:var(--primary);background-color:#00ff410f;border-color:#00ff414d}.mypage-menu-item.mypage-item-edit:hover{color:#000;background-color:var(--primary);border-color:var(--primary);box-shadow:0 0 10px #00ff4199}.mypage-menu-item.mypage-item-download{color:var(--accent);background-color:#00ccff0f;border-color:#00ccff4d}.mypage-menu-item.mypage-item-download:hover{color:#000;background-color:var(--accent);border-color:var(--accent);box-shadow:0 0 10px #0cf9}.mypage-menu-item.mypage-item-delete{color:#f36;background-color:#ff33660f;border-color:#ff33664d}.mypage-menu-item.mypage-item-delete:hover{color:#fff;background-color:#f36;border-color:#f36;box-shadow:0 0 10px #f369}.mypage-creator-address{color:var(--accent)}.mypage-empty-title{font-size:var(--font-base);letter-spacing:1px}.mypage-empty-desc{font-size:var(--font-xs);color:var(--text-dim)}.mypage-menu-wrap{flex-shrink:0;position:relative}.mypage-menu-btn{letter-spacing:2px;padding:var(--btn-pad-xs)!important;font-size:var(--btn-font-xs)!important}.mypage-price-stream{color:var(--primary);font-weight:700}.mypage-price-license{color:var(--accent);font-weight:700}.mypage-toggle-wrap{align-items:center;gap:8px;display:flex}.mypage-toggle-label{color:var(--text-secondary);font-size:10px}.mypage-toggle-input-wrap{cursor:pointer;display:inline-flex;position:relative}.mypage-toggle-checkbox{accent-color:var(--primary);cursor:pointer}.dropdown-item-danger{color:var(--error)!important}.mypage-profile-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:4px;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:clamp(12px,1.5vw,18px);display:flex}.mypage-profile-left{align-items:center;gap:16px;min-width:0;display:flex}.mypage-profile-avatar{object-fit:cover;border:2px solid var(--primary);background:#0006;border-radius:50%;flex-shrink:0;width:52px;height:52px;box-shadow:0 0 12px #00ff4133}.mypage-profile-avatar-placeholder{width:52px;height:52px;color:var(--primary);background:#0006;border:2px dashed #00ff4166;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mypage-profile-details{flex-direction:column;gap:4px;min-width:0;display:flex}.mypage-profile-nickname-row{align-items:center;gap:8px;display:flex}.mypage-profile-nickname{font-size:var(--font-base);color:var(--text);letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.mypage-profile-edit-btn{border:1px solid var(--border-bright);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 6px;transition:all .15s;display:inline-flex}.mypage-profile-edit-btn:hover{color:var(--primary);border-color:var(--primary);background:#00ff4114;box-shadow:0 0 8px #00ff4140}.mypage-profile-meta{font-size:var(--font-xs);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mypage-copy-btn{color:var(--accent);cursor:pointer;font-size:var(--font-xs);font-family:var(--font-mono);background:0 0;border:none;align-items:center;gap:4px;padding:0;transition:color .15s;display:inline-flex}.mypage-copy-btn:hover{color:var(--primary)}.mypage-profile-stats{align-items:center;gap:16px;margin-left:auto;display:flex}.mypage-profile-stat-box{flex-direction:column;align-items:flex-end;display:flex}.mypage-profile-stat-val{font-size:var(--font-base);color:var(--primary);font-weight:800;font-family:var(--font-mono);line-height:1}.mypage-profile-stat-label{color:var(--text-dim);letter-spacing:.8px;text-transform:uppercase;margin-top:2px;font-size:9px}.mypage-section-body{flex-direction:column;gap:10px;padding:6px 0 16px;display:flex}.mypage-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.mypage-album-card,.mypage-voice-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:4px;flex-direction:column;gap:10px;padding:12px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.mypage-album-card:hover,.mypage-voice-card:hover{border-color:var(--border-bright);box-shadow:0 4px 16px #0006}.mypage-album-cover{aspect-ratio:1;object-fit:cover;background:#08080c;border:1px solid #ffffff14;border-radius:3px;width:100%}.mypage-album-cover-placeholder{aspect-ratio:1;width:100%;color:var(--text-dim);background:#121218cc;border:1px dashed #ffffff26;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.mypage-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.mypage-item-title{font-size:var(--font-sm);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.mypage-item-desc{font-size:var(--font-xs);color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.mypage-item-footer{color:var(--text-dim);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px;font-size:10px;display:flex}.studio-container{box-sizing:border-box;grid-template-columns:minmax(0,65fr) minmax(0,35fr);gap:clamp(8px,1.5vw,16px);width:100%;height:100%;padding:clamp(8px,1.5vw,16px);display:grid;position:relative;overflow:hidden}.studio-pocket-bar{background:var(--surface-alt);border:1px solid var(--border);box-sizing:border-box;border-radius:4px;flex-shrink:0;gap:6px;width:100%;margin-bottom:8px;padding:4px;display:none}.studio-pocket-btn{color:var(--text-dim);font-family:var(--font-family);font-size:var(--font-xs);letter-spacing:var(--letter-spacing-base);text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 12px;font-weight:700;transition:all .15s;display:inline-flex}.studio-pocket-btn.active{color:var(--primary);border-color:var(--primary);background:#00ff411f;box-shadow:0 0 10px #00ff4140}.studio-panel-config{box-sizing:border-box;flex-direction:column;justify-content:space-between;gap:clamp(8px,1vh,12px);min-width:0;height:100%;min-height:0;padding:clamp(10px,1.2vw,16px);display:flex;overflow:hidden}.studio-panel-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex}.studio-engine-switcher{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.studio-field-group{flex-direction:column;gap:4px;width:100%;display:flex}.studio-field-label{font-size:var(--font-xs);color:var(--text-secondary);letter-spacing:var(--letter-spacing-base);text-transform:uppercase;justify-content:space-between;align-items:center;gap:6px;display:flex}.studio-field-optional{color:var(--text-muted);font-size:9px;font-family:var(--font-family);letter-spacing:.5px}.studio-panel-config .cyber-input-field:not(textarea){height:34px;min-height:34px;font-size:var(--font-xs);box-sizing:border-box;padding:4px 10px}.studio-panel-config textarea.cyber-input-field{min-height:52px;max-height:52px;font-size:var(--font-xs);box-sizing:border-box;resize:none;padding:6px 10px}.studio-accordion{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow:hidden}.studio-card-section{background:var(--surface);border:1px solid var(--border);border-radius:4px;flex-direction:column;flex-shrink:0;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.studio-card-section.active{flex-shrink:1}.studio-card-section.active.details{border-color:#00ccff73;box-shadow:0 0 16px #00ccff14}.studio-card-section.active.params{border-color:#00ff4173;box-shadow:0 0 16px #00ff4114}.studio-card-section.active.financials{border-color:#ff00a073;box-shadow:0 0 16px #ff00a014}.studio-card-header{background:var(--surface-raised);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:36px;min-height:36px;padding:0 12px;transition:background .15s;display:flex}.studio-card-header:hover{background:#1c1c1c}.studio-card-section.active .studio-card-header{border-bottom:1px solid var(--border)}.studio-card-header-left{font-family:var(--font-family);font-size:var(--font-xs);letter-spacing:var(--letter-spacing-base);text-transform:uppercase;align-items:center;gap:8px;font-weight:700;display:flex}.studio-card-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.studio-card-title{color:var(--text);letter-spacing:1px}.details .studio-card-title{color:#0cf}.params .studio-card-title{color:#00ff41}.financials .studio-card-title{color:#ff00a0}.studio-card-badge{color:var(--text-dim);font-size:8.5px;font-family:var(--font-family);background:#ffffff0f;border:1px solid #ffffff14;border-radius:2px;padding:1px 6px}.studio-card-chevron{color:var(--text-dim);font-size:10px;transition:transform .2s,color .15s;display:inline-block}.studio-card-section.active .studio-card-chevron{color:var(--text);transform:rotate(0)}.studio-card-section:not(.active) .studio-card-chevron{transform:rotate(180deg)}.studio-card-body{box-sizing:border-box;background:#00000059;flex-direction:column;gap:8px;padding:10px 12px;display:flex;overflow:hidden}.studio-identity-grid{grid-template-columns:minmax(0,1fr) 116px;align-items:stretch;gap:12px;display:grid}.studio-identity-inputs{flex-direction:column;justify-content:space-between;gap:8px;min-width:0;display:flex}.studio-avatar-box{cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#00000059;border:1.5px dashed #0cf6;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:116px;height:116px;transition:all .2s;display:flex;position:relative;overflow:hidden}.studio-avatar-box:hover{background:#00ccff0f;border-color:#0cf}.studio-avatar-box.has-image{border:1px solid #00ccff80;padding:0}.studio-avatar-preview{object-fit:cover;width:100%;height:100%;display:block}.studio-avatar-upload-trigger{flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;display:flex}.studio-avatar-upload-icon{color:#0cf;transition:transform .2s}.studio-avatar-box:hover .studio-avatar-upload-icon{transform:translateY(-2px)}.studio-avatar-label{font-family:var(--font-family);letter-spacing:.8px;color:var(--text-dim);text-transform:uppercase;font-size:8.5px;font-weight:700}.studio-avatar-sparkle-btn{color:#fff;cursor:pointer;z-index:10;background:#ff00a0;border:none;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex;position:absolute;bottom:6px;right:6px;box-shadow:0 0 10px #ff00a080}.studio-avatar-sparkle-btn:hover:not(:disabled){background:#ff2db3;transform:scale(1.08);box-shadow:0 0 16px #ff00a0cc}.studio-avatar-sparkle-btn:disabled{opacity:.6;cursor:not-allowed}.studio-avatar-remove{border:1px solid var(--error);width:20px;height:20px;color:var(--error);cursor:pointer;z-index:10;background:#000000d9;border-radius:3px;justify-content:center;align-items:center;font-size:11px;transition:all .15s;display:flex;position:absolute;top:4px;right:4px}.studio-avatar-remove:hover{background:var(--error);color:#000}.studio-lyrics-row{justify-content:space-between;align-items:center;width:100%;display:flex}.studio-lyrics-toggles{align-items:center;gap:12px;display:flex}.studio-instrumental-strip{border:1px dashed var(--border);height:30px;font-family:var(--font-family);color:var(--text-dim);letter-spacing:.8px;background:#ffffff08;border-radius:3px;justify-content:center;align-items:center;font-size:9px;display:flex}.studio-tags-container{flex-wrap:wrap;gap:6px;width:100%;display:flex}.studio-params-pills-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:4px;display:grid}.studio-param-pill-mini{background:var(--surface-raised);border:1px solid var(--border);cursor:pointer;font-family:var(--font-family);font-size:var(--btn-font-xs);color:var(--text-secondary);border-radius:3px;align-items:center;gap:6px;padding:3px 8px;transition:all .15s;display:inline-flex}.studio-param-pill-mini:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#00ff410d}.studio-param-pill-mini.configured{color:var(--primary);background:#00ff4114;border-color:#00ff4180}.studio-param-pill-mini:disabled{opacity:.4;cursor:not-allowed;border-color:var(--border)}.studio-param-pill-mini .studio-param-pill-label{color:var(--text-dim);letter-spacing:.5px;font-size:10px}.studio-param-pill-mini .studio-param-pill-val{color:var(--text);font-size:11px;font-weight:700}.studio-param-pill-mini.configured .studio-param-pill-val{color:var(--primary)}.studio-param-pill-mini .studio-param-pill-icon{color:var(--text-dim);font-size:10px}.studio-param-pill{background:var(--surface-raised);border:1px solid var(--border);cursor:pointer;text-align:left;box-sizing:border-box;border-radius:4px;flex-direction:column;justify-content:space-between;min-height:48px;padding:8px 12px;transition:all .15s;display:flex}.studio-param-pill:hover{border-color:var(--primary);background:#1a1a1a}.studio-param-pill.configured{background:#00ff410d;border-color:#00ff4180}.studio-param-pill-header{justify-content:space-between;align-items:center;display:flex}.studio-param-pill-label{font-family:var(--font-family);letter-spacing:.8px;color:var(--text-dim);text-transform:uppercase;font-size:8.5px;font-weight:700}.studio-param-pill.configured .studio-param-pill-label{color:var(--primary)}.studio-param-pill-icon{color:var(--text-dim);font-size:10px}.studio-param-pill-val{font-family:var(--font-family);color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;font-weight:700;overflow:hidden}.studio-param-pill.configured .studio-param-pill-val{color:var(--primary)}.studio-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.studio-pricing-input-wrap{flex-direction:column;gap:4px;display:flex}.studio-main-action-wrap{flex-shrink:0;width:100%;padding-top:4px}.studio-generate-btn{width:100%;height:44px;font-family:var(--font-family);font-size:var(--font-sm);letter-spacing:1.5px;text-transform:uppercase;color:#000;cursor:pointer;background:linear-gradient(90deg,#0cf 0%,#00ff41 50%,#ff00a0 100%);border:none;border-radius:4px;font-weight:800;transition:all .2s;box-shadow:0 0 20px #00ff4140}.studio-generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 30px #00ff4180}.studio-generate-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none}.studio-param-modal-content{flex-direction:column;gap:14px;padding:8px 0;display:flex}.studio-param-presets-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;display:grid}.studio-param-presets-grid.keys{grid-template-columns:repeat(6,1fr)}.studio-param-presets-grid.languages-scroll{max-height:200px;padding-right:4px;overflow-y:auto}.studio-lang-search-wrap{align-items:center;width:100%;display:flex;position:relative}.studio-lang-search-icon{pointer-events:none;opacity:.6;font-size:11px;position:absolute;left:10px}.studio-lang-search-input{box-sizing:border-box;width:100%;padding:8px 30px 8px 28px!important;font-size:12px!important}.studio-lang-search-clear{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:12px;position:absolute;right:8px}.studio-lang-search-clear:hover{color:var(--primary)}.studio-lang-scroll-body{flex-direction:column;gap:8px;max-height:260px;padding-right:4px;display:flex;overflow-y:auto}.studio-lang-scroll-body::-webkit-scrollbar{width:4px}.studio-lang-scroll-body::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}.studio-lang-section-title{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.8px;margin-top:4px;font-size:10px;font-weight:700}.studio-lang-chips-row{flex-wrap:wrap;gap:5px;width:100%;display:flex}.studio-lang-chip{background:var(--surface-raised);border:1px solid var(--border);cursor:pointer;font-family:var(--font-mono);color:var(--text-secondary);border-radius:2px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;transition:all .12s;display:inline-flex}.studio-lang-chip:hover{border-color:var(--primary);color:var(--primary);background:#00ff410d}.studio-lang-chip.active{border-color:var(--primary);color:#fff;background:#00ff4126;box-shadow:0 0 6px #00ff4140}.studio-lang-chip-code{color:var(--primary);font-size:10px;font-weight:700}.studio-lang-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:5px;width:100%;display:grid}@media (width<=440px){.studio-lang-grid{grid-template-columns:1fr}}.studio-lang-card{border:1px solid var(--border);cursor:pointer;text-align:left;box-sizing:border-box;background:#0d0d12;border-radius:2px;align-items:center;gap:8px;min-width:0;padding:6px 8px;transition:all .12s;display:flex}.studio-lang-card:hover{border-color:var(--primary);background:#00ff410f}.studio-lang-card.active{border-color:var(--primary);background:#00ff4124;box-shadow:0 0 6px #00ff4133}.studio-lang-badge{font-family:var(--font-mono);color:var(--primary);text-align:center;letter-spacing:.5px;background:#00ff411a;border-radius:2px;flex-shrink:0;min-width:22px;padding:1px 4px;font-size:10px;font-weight:700}.studio-lang-name{font-family:var(--font-mono);color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.studio-lang-card.active .studio-lang-name{color:#fff;font-weight:600}.studio-lang-check{color:var(--primary);flex-shrink:0;margin-left:auto;font-size:11px;font-weight:700}.studio-lang-empty{text-align:center;font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.5px;padding:18px 0;font-size:11px}.studio-lang-selected-strip{background:var(--surface-raised);border:1px solid var(--border);border-radius:3px;padding:8px 12px}.studio-param-slider-wrap{background:var(--surface-raised);border:1px solid var(--border);border-radius:4px;flex-direction:column;gap:8px;padding:12px;display:flex}.studio-highlight{color:var(--primary);font-weight:700}.studio-param-actions-row{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:8px;padding-top:12px;display:flex}.studio-voice-mode-switch{box-sizing:border-box;align-items:center;gap:6px;width:100%;display:flex}.studio-voice-mode-btn{font-family:var(--font-mono);background:var(--surface-raised);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;text-align:center;box-sizing:border-box;letter-spacing:.5px;border-radius:2px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:clamp(10px,.8vw,11px);font-weight:700;transition:all .15s;display:inline-flex}.studio-voice-mode-btn:hover{color:var(--text);border-color:var(--border-bright)}.studio-voice-mode-btn.active{border-color:var(--primary);color:#fff;background:#00ff411f;box-shadow:0 0 8px #00ff4140}.studio-voice-count-badge{color:var(--primary);background:#00ff4126;border:1px solid #00ff414d;border-radius:2px;padding:1px 5px;font-size:9px;font-weight:800}.studio-voice-mode-btn.active .studio-voice-count-badge{background:var(--primary);color:#000}.studio-voice-list{box-sizing:border-box;flex-direction:column;gap:6px;width:100%;max-height:clamp(160px,28vh,240px);padding-right:4px;display:flex;overflow:hidden auto}.studio-voice-card{border:1px solid var(--border);cursor:pointer;box-sizing:border-box;text-align:left;background:#0d0d12;border-radius:2px;flex-direction:column;gap:6px;width:100%;padding:10px 12px;transition:all .12s;display:flex}.studio-voice-card:hover:not(:disabled){border-color:var(--primary);background:#00ff410d}.studio-voice-card.active{border-color:var(--primary);background:#00ff411f;box-shadow:0 0 10px #00ff4133}.studio-voice-card:disabled{opacity:.5;cursor:not-allowed}.studio-voice-card-header{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.studio-voice-card-title-wrap{align-items:center;gap:8px;min-width:0;display:flex}.studio-voice-card-icon{color:var(--primary);flex-shrink:0}.studio-voice-card-name{font-family:var(--font-mono);color:var(--text);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.studio-voice-card.active .studio-voice-card-name{color:#fff}.studio-voice-card-badges{flex-shrink:0;align-items:center;gap:6px;display:flex}.studio-voice-card-check{color:var(--primary);font-size:12px;font-weight:700}.studio-voice-availability{color:var(--text-secondary);font-size:var(--font-xs);flex-wrap:wrap;gap:4px 12px;line-height:1.5;display:flex}.studio-voice-detail,.studio-voice-message{color:var(--text-secondary);font-size:var(--font-xs);overflow-wrap:anywhere;text-transform:none;line-height:1.5}.studio-voice-empty-state,.studio-voice-status-box{border:1px dashed var(--border);text-align:center;box-sizing:border-box;background:#0e0e1299;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding:24px 16px;display:flex}.studio-voice-empty-icon{color:var(--primary);opacity:.6}.studio-voice-empty-title,.studio-voice-status-title{font-family:var(--font-mono);color:var(--text);letter-spacing:.5px;font-size:11px;font-weight:700}.studio-voice-empty-desc,.studio-voice-status-desc{color:var(--text-dim);max-width:340px;font-size:11px;line-height:1.4}.studio-voice-status-box.error{background:#ff00660a;border-color:#ff00664d}.studio-voice-status-box.error .studio-voice-status-title{color:var(--error)}.studio-voice-upload-container{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;display:flex}.studio-voice-upload-zone{border:1.5px dashed var(--border-bright);cursor:pointer;box-sizing:border-box;text-align:center;background:#0c0c10b3;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding:clamp(18px,3vh,24px) 16px;transition:all .15s;display:flex}.studio-voice-upload-zone:hover,.studio-voice-upload-zone.drag-over{border-color:var(--primary);background:#00ff410f;box-shadow:0 0 12px #00ff4126}.studio-voice-upload-zone.has-file{border-style:solid;border-color:#00ff4166}.studio-voice-upload-icon{color:var(--primary);transition:transform .15s}.studio-voice-upload-zone:hover .studio-voice-upload-icon{transform:translateY(-2px)}.studio-voice-upload-title{font-family:var(--font-mono);color:var(--text);letter-spacing:.5px;font-size:11px;font-weight:700}.studio-voice-upload-sub{color:var(--text-dim);font-size:10px}.studio-voice-file-card{border:1px solid var(--primary);box-sizing:border-box;background:#00ff410f;border-radius:2px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex;box-shadow:0 0 10px #00ff4126}.studio-voice-file-info{align-items:center;gap:10px;min-width:0;display:flex}.studio-voice-file-icon{color:var(--primary);flex-shrink:0}.studio-voice-file-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.studio-voice-file-name{font-family:var(--font-mono);color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.studio-voice-file-size{font-family:var(--font-mono);color:var(--primary);letter-spacing:.5px;font-size:10px}.studio-voice-file-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.studio-voice-active-strip{background:var(--surface-raised);border:1px solid var(--border);box-sizing:border-box;border-radius:3px;width:100%;padding:8px 12px}.studio-voice-slider-hint{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.5px;justify-content:space-between;font-size:9px;display:flex}.studio-panel-feed{box-sizing:border-box;flex-direction:column;gap:14px;min-width:0;height:100%;min-height:0;padding:clamp(12px,1.5vw,20px);display:flex}.studio-feed-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex}.studio-empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:40px 16px;display:flex}.studio-variations-list{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.variation-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:4px;flex-direction:column;gap:10px;padding:12px 14px;transition:border-color .15s;display:flex;position:relative}.variation-card.active{border-color:var(--primary);box-shadow:0 0 10px #00ff4126}.variation-card-row-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.variation-card-track-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.variation-card-text{min-width:0;overflow:hidden}.variation-card-title{font-size:var(--font-sm);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.variation-card-meta{font-size:var(--font-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.variation-card-row-bottom{font-size:var(--font-xs);border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:8px;display:flex}.variation-card-pricing{color:var(--text-secondary);align-items:center;gap:12px;display:flex}.variation-card-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.studio-lyrics-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(6px,1vw,12px);margin-bottom:clamp(6px,.8vh,10px);display:flex}.studio-lyrics-options{flex-wrap:wrap;align-items:center;gap:clamp(10px,1.4vw,18px);display:flex}.studio-option-row{align-items:center;gap:clamp(6px,.8vw,10px);display:flex;position:relative}.studio-option-disabled{opacity:.35;pointer-events:none;cursor:not-allowed}.studio-checkbox-label{cursor:pointer;font-family:var(--font-family);font-size:var(--btn-font-xs);letter-spacing:var(--letter-spacing-tight);text-transform:uppercase;color:var(--text-primary);-webkit-user-select:none;user-select:none;align-items:center;gap:clamp(6px,.6vw,8px);display:inline-flex}.studio-checkbox-label.disabled{cursor:not-allowed}.studio-duration-wrap{display:inline-flex;position:relative}.studio-dropdown-trigger{height:var(--btn-h-xs);min-height:var(--btn-h-xs);font-family:var(--font-family);font-size:var(--btn-font-xs);letter-spacing:.5px;text-transform:uppercase;color:var(--primary);border:1px solid var(--primary);cursor:pointer;box-sizing:border-box;background:#00ff4114;border-radius:2px;justify-content:space-between;align-items:center;gap:clamp(4px,.5vw,6px);min-width:clamp(44px,3.5vw,56px);padding:clamp(2px,.4vh,4px) clamp(6px,.8vw,10px);font-weight:700;transition:all .15s;display:inline-flex}.studio-dropdown-trigger:hover{background:#00ff412e;box-shadow:0 0 8px #00ff4159}.studio-dropdown-trigger:focus-visible{outline:1px solid var(--primary);box-shadow:0 0 10px #00ff4180}.studio-dropdown-trigger .studio-duration-caret{color:var(--primary);opacity:.85;font-size:clamp(7px,.5vw,9px);transition:transform .15s}.studio-dropdown-popover{z-index:999;border:1px solid var(--primary);box-sizing:border-box;background-color:#0c0c10;border-radius:2px;flex-direction:column;padding:2px;animation:.15s ease-out modal-fade-in;display:flex;position:absolute;top:calc(100% + 4px);left:auto;right:0;box-shadow:0 4px 16px #000000d9,0 0 12px #00ff4133}.studio-duration-popover{min-width:clamp(48px,3.8vw,60px)}.studio-language-popover{z-index:50;min-width:clamp(140px,12vw,180px);max-height:clamp(180px,25vh,260px);overflow:hidden auto}.studio-dropdown-item{font-family:var(--font-family);font-size:var(--btn-font-xs);letter-spacing:.5px;text-align:left;cursor:pointer;color:var(--text-secondary);box-sizing:border-box;background:0 0;border:none;border-radius:1px;width:100%;padding:clamp(4px,.5vh,6px) clamp(6px,.8vw,10px);font-weight:600;transition:all .1s}.studio-dropdown-item:hover{color:var(--primary);background-color:#00ff4126}.studio-dropdown-item.active{color:var(--primary);text-shadow:0 0 6px #00ff4166;background-color:#00ff4140;font-weight:700}.studio-file-upload-wrap{margin-top:4px}.studio-file-input{font-size:var(--font-xs);color:var(--text-secondary)}.studio-file-attached{font-size:var(--font-xs);color:var(--accent);margin-top:4px}.studio-feed-count{font-size:var(--font-xs);color:var(--text-secondary)}.studio-empty-title{font-size:var(--font-md);letter-spacing:var(--letter-spacing-base)}.studio-empty-desc{font-size:var(--font-xs);color:var(--text-dim)}.studio-engine-switcher>*{flex:1}.studio-duration-wrap{position:relative}.studio-duration-caret{opacity:.8;font-size:8px}.studio-lyrics-box-wrap{width:100%;position:relative}.studio-lyrics-box-textarea{width:100%;padding-right:36px!important}.studio-lyrics-box-expand-btn{border:1px solid var(--border);width:24px;height:24px;color:var(--text-dim);cursor:pointer;z-index:2;background:#0e0e12d9;border-radius:2px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex;position:absolute;top:7px;right:7px}.studio-lyrics-box-expand-btn:hover{color:#0cf;background:#00ccff24;border-color:#0cf;transform:scale(1.05);box-shadow:0 0 8px #00ccff59}.studio-lyrics-box-expand-btn.configured{color:#0cf;border-color:#00ccff80}.studio-lyrics-expand-pill{cursor:pointer}.studio-lyrics-expand-pill.configured{color:#0cf;background:#00ccff14;border-color:#00ccff80}.studio-lyrics-expand-pill.configured .studio-param-pill-val{color:#0cf}.studio-lyrics-modal-dialog{width:100%;max-width:min(820px,100vw - 20px)!important}.studio-lyrics-modal-content{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;display:flex}.studio-lyrics-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;display:flex}.studio-lyrics-stats{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.studio-lyrics-stat-chip{font-family:var(--font-mono);background:var(--surface-raised);border:1px solid var(--border);color:var(--text-secondary);letter-spacing:.5px;border-radius:2px;padding:3px 7px;font-size:10px;font-weight:700}.studio-lyrics-stat-chip.highlight{color:#0cf;border-color:#0cf6}.studio-lyrics-mode-switch{align-items:center;gap:4px;display:flex}.studio-lyrics-mode-btn{font-family:var(--font-mono);background:var(--surface-raised);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .15s}.studio-lyrics-mode-btn:hover{color:var(--text);border-color:var(--border-bright)}.studio-lyrics-mode-btn.active{border-color:var(--primary);color:#fff;background:#00ff4126;box-shadow:0 0 8px #00ff4140}.studio-lyrics-palette{border:1px solid var(--border);background:#0e0e12d9;border-radius:3px;flex-direction:column;gap:8px;padding:8px 10px;display:flex}.studio-lyrics-palette-tabs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.studio-lyrics-cat-tab{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:2px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;transition:all .12s;display:inline-flex}.studio-lyrics-cat-arrow{opacity:.55;font-size:7px;transition:opacity .12s}.studio-lyrics-cat-tab:hover{color:var(--text);border-color:var(--border-bright)}.studio-lyrics-cat-tab:hover .studio-lyrics-cat-arrow{opacity:.9}.studio-lyrics-cat-tab.active{color:#fff}.studio-lyrics-cat-tab.active .studio-lyrics-cat-arrow{opacity:1}.studio-lyrics-cat-tab.structure.active{background:#00ccff2e;border-color:#0cf;box-shadow:0 0 6px #00ccff4d}.studio-lyrics-cat-tab.intensity.active{background:#ff00a02e;border-color:#ff00a0;box-shadow:0 0 6px #ff00a04d}.studio-lyrics-cat-tab.solo.active{background:#00ff412e;border-color:#00ff41;box-shadow:0 0 6px #00ff414d}.studio-lyrics-cat-tab.vocal.active{background:#ffb7002e;border-color:#ffb700;box-shadow:0 0 6px #ffb7004d}.studio-lyrics-palette-chips{flex-wrap:wrap;gap:5px;max-height:85px;padding-right:2px;display:flex;overflow-y:auto}.studio-lyrics-palette-chips::-webkit-scrollbar{width:3px}.studio-lyrics-palette-chips::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}.studio-lyrics-chip{border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;background:#14141ae6;border-radius:2px;align-items:center;gap:4px;padding:3px 7px;font-size:11px;transition:all .12s;display:inline-flex}.studio-lyrics-chip:hover{transform:translateY(-1px)}.studio-lyrics-chip.structure:hover{color:#0cf;background:#00ccff1a;border-color:#0cf}.studio-lyrics-chip.intensity:hover{color:#ff00a0;background:#ff00a01a;border-color:#ff00a0}.studio-lyrics-chip.solo:hover{color:#00ff41;background:#00ff411a;border-color:#00ff41}.studio-lyrics-chip.vocal:hover{color:#ffb700;background:#ffb7001a;border-color:#ffb700}.studio-lyrics-canvas{box-sizing:border-box;flex-direction:column;gap:10px;max-height:clamp(340px,54vh,560px);padding:4px 6px 4px 2px;display:flex;overflow-y:auto}.studio-lyrics-canvas::-webkit-scrollbar{width:4px}.studio-lyrics-canvas::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}.studio-lyrics-block{border:1px solid var(--border);background:#0c0c10f2;border-left:3px solid #0cf;border-radius:3px;flex-direction:column;gap:8px;padding:10px 12px;transition:all .15s;display:flex;position:relative}.studio-lyrics-block.structure{border-left-color:#0cf}.studio-lyrics-block.intensity{border-left-color:#ff00a0}.studio-lyrics-block.solo{border-left-color:#00ff41}.studio-lyrics-block.vocal{border-left-color:#ffb700}.studio-lyrics-block:hover{border-color:var(--border-bright)}.studio-lyrics-block-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.studio-lyrics-block-header-left{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.studio-lyrics-block-idx{font-family:var(--font-mono);color:var(--text-dim);background:#ffffff0a;border-radius:2px;padding:2px 5px;font-size:10px;font-weight:700}.studio-lyrics-badges-wrap{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.studio-lyrics-badge{font-family:var(--font-mono);letter-spacing:.3px;border:1px solid var(--border);border-radius:2px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:700;transition:all .12s;display:inline-flex}.studio-lyrics-badge.structure{color:#0cf;background:#00ccff1f;border-color:#00ccff80}.studio-lyrics-badge.intensity{color:#ff00a0;background:#ff00a01f;border-color:#ff00a080}.studio-lyrics-badge.solo{color:#00ff41;background:#00ff411f;border-color:#00ff4180}.studio-lyrics-badge.vocal{color:#ffb700;background:#ffb7001f;border-color:#ffb70080}.studio-lyrics-badge.custom{color:var(--text-secondary);background:#ffffff14;border-color:#ffffff4d}.studio-lyrics-badge-close{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 1px;font-size:11px;transition:opacity .12s}.studio-lyrics-badge-close:hover{opacity:1}.studio-lyrics-add-tag-btn{font-family:var(--font-mono);background:var(--surface-raised);border:1px dashed var(--border-bright);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:2px 6px;font-size:10px;font-weight:700;transition:all .12s}.studio-lyrics-add-tag-btn:hover{border-color:var(--primary);color:var(--primary);background:#00ff410d}.studio-lyrics-block-actions{align-items:center;gap:3px;display:flex}.studio-lyrics-icon-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;padding:2px 5px;font-size:11px;transition:all .12s}.studio-lyrics-icon-btn:hover:not(:disabled){border-color:var(--border);color:var(--text);background:#ffffff0a}.studio-lyrics-icon-btn.danger:hover{color:#f05;background:#ff00551a;border-color:#f05}.studio-lyrics-icon-btn:disabled{opacity:.25;cursor:not-allowed}.studio-lyrics-block-textarea{border:1px solid var(--border-dim);width:100%;min-height:84px;color:var(--text);font-family:var(--font-family);resize:vertical;box-sizing:border-box;background:#08080ae6;border-radius:2px;padding:10px 12px;font-size:13px;line-height:1.55;transition:border-color .15s}.studio-lyrics-block-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 6px #00ff4126}.studio-lyrics-separator{justify-content:center;align-items:center;height:20px;margin:4px 0;display:flex;position:relative}.studio-lyrics-separator:before{content:"";background:linear-gradient(90deg, transparent, var(--border), transparent);pointer-events:none;height:1px;position:absolute;left:0;right:0}.studio-lyrics-add-sep-btn{z-index:2;border:1px dashed var(--border-bright);font-family:var(--font-mono);color:var(--text-dim);cursor:pointer;background:#0e0e12f2;border-radius:12px;align-items:center;gap:5px;padding:2px 10px;font-size:10px;font-weight:700;transition:all .15s;display:inline-flex;position:relative}.studio-lyrics-add-sep-btn:hover{border-color:var(--primary);color:var(--primary);background:#00ff4114;box-shadow:0 0 8px #00ff4133}.studio-lyrics-add-plus{font-size:12px;font-weight:900;line-height:1}.studio-lyrics-tray{border:1px solid var(--border-bright);background:#0a0a0efa;border-radius:3px;flex-direction:column;gap:8px;margin:4px 0;padding:10px;animation:.12s ease-out fadeIn;display:flex;box-shadow:0 4px 16px #0009}.studio-lyrics-tray-head{justify-content:space-between;align-items:center;display:flex}.studio-lyrics-tray-title{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.6px;font-size:10px;font-weight:700}.studio-lyrics-tray-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px;max-height:160px;padding-right:2px;display:grid;overflow-y:auto}.studio-lyrics-tray-grid::-webkit-scrollbar{width:3px}.studio-lyrics-tray-grid::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}.studio-lyrics-tray-card{border:1px solid var(--border);cursor:pointer;text-align:left;background:#121218e6;border-radius:2px;flex-direction:column;gap:2px;padding:6px 8px;transition:all .12s;display:flex}.studio-lyrics-tray-card:hover{border-color:var(--primary);background:#00ff410f}.studio-lyrics-tray-card.structure:hover{background:#00ccff14;border-color:#0cf}.studio-lyrics-tray-card.intensity:hover{background:#ff00a014;border-color:#ff00a0}.studio-lyrics-tray-card.solo:hover{background:#00ff4114;border-color:#00ff41}.studio-lyrics-tray-card.vocal:hover{background:#ffb70014;border-color:#ffb700}.studio-lyrics-tray-token{font-family:var(--font-mono);color:var(--text);font-size:11px;font-weight:700}.studio-lyrics-tray-card.structure .studio-lyrics-tray-token{color:#0cf}.studio-lyrics-tray-card.intensity .studio-lyrics-tray-token{color:#ff00a0}.studio-lyrics-tray-card.solo .studio-lyrics-tray-token{color:#00ff41}.studio-lyrics-tray-card.vocal .studio-lyrics-tray-token{color:#ffb700}.studio-lyrics-tray-desc{color:var(--text-dim);font-size:9px;line-height:1.3}.studio-lyrics-raw-wrap{flex-direction:column;gap:6px;display:flex}.studio-lyrics-raw-textarea{border:1px solid var(--border);width:100%;height:clamp(260px,44vh,420px);color:var(--text);font-family:var(--font-mono);resize:none;box-sizing:border-box;background:#08080af2;border-radius:2px;padding:10px 12px;font-size:12px;line-height:1.6}.studio-lyrics-raw-textarea:focus{border-color:var(--primary);outline:none}.studio-lyrics-raw-hint{color:var(--text-dim);font-size:10px;font-family:var(--font-mono)}@media (width<=900px){.editor-header-bar{gap:8px;padding-bottom:4px}}@media (width<=768px){.studio-container{flex-direction:column;gap:8px;padding:8px;display:flex}.studio-pocket-bar{display:flex}.studio-panel-config,.studio-panel-feed{flex:1 1 0;width:100%;max-width:100%;padding:12px}.studio-container[data-pocket=create] .studio-panel-feed,.studio-container[data-pocket=feed] .studio-panel-config{display:none}.app-header{padding:0 8px;padding-top:var(--sat);gap:6px}.header-brand-tag{display:none}.service-nav-btn{font-size:var(--header-btn-font);height:var(--header-btn-h);min-width:unset;padding:0 8px!important}.service-nav-label,.network-trigger-name{display:none!important}.header-network-trigger,.header-session-trigger{padding:0 8px!important}.session-trigger-label{display:none!important}.session-grid{grid-template-columns:1fr}.session-duration-pills{flex-wrap:wrap}.session-duration-btn{flex:calc(50% - 6px)}.connect,.tw-connect-wallet{padding:var(--header-btn-pad)!important;font-size:var(--header-btn-font)!important;height:var(--header-btn-h)!important;min-height:var(--header-btn-h)!important;min-width:unset!important;gap:clamp(4px,.6vw,6px)!important;max-width:none!important}.connect-address{text-overflow:ellipsis;max-width:clamp(70px,15vw,110px);overflow:hidden}.dropdown-menu-content{min-width:min(280px,100vw - 24px);max-width:calc(100vw - 16px);left:auto!important;right:0!important}.app-player{height:auto;min-height:60px}.player-transport-row{gap:8px;padding:4px 8px}.player-volume-wrap{display:none}.player-track-info{max-width:180px}.market-container,.mypage-container{gap:10px;padding:8px}.market-grid{grid-template-columns:1fr;padding:8px}.mypage-list{padding:8px}}@media (width<=520px){.service-switcher{gap:3px;padding:2px}.service-nav-btn{gap:4px;min-height:30px;padding:4px 6px}.service-nav-btn span:first-child{justify-content:center;align-items:center;font-size:15px;line-height:1;display:inline-flex}.service-nav-btn:not(.active){padding:4px 7px}.service-nav-btn:not(.active) span:last-child{display:none}.service-nav-btn.active{padding:var(--header-btn-pad);border-color:var(--primary);background-color:#00ff4124}.service-nav-btn.active span:last-child{font-size:var(--header-btn-font);margin-left:2px;font-weight:700;display:inline-block}.connect,.tw-connect-wallet{padding:var(--header-btn-pad)!important;font-size:var(--header-btn-font)!important;height:var(--header-btn-h)!important;min-height:var(--header-btn-h)!important;min-width:unset!important;white-space:nowrap!important;max-width:none!important}.connect-address{text-overflow:ellipsis;max-width:clamp(54px,14vw,85px);display:inline-block;overflow:hidden}}@media (width<=480px){.app-header{gap:4px}.service-switcher{gap:2px;padding:2px}.service-nav-btn{min-height:30px;padding:3px 6px}.service-nav-btn span:first-child{font-size:15px}.studio-pricing-grid,.market-pricing-box{grid-template-columns:1fr}.player-track-info{max-width:120px}.player-controls{gap:4px}.player-play-btn{min-width:60px;padding:4px 8px}.modal-inner-card{max-height:94dvh;padding:12px}.dialog-content{max-width:calc(100vw - 16px);max-height:94dvh}.dialog-header{padding:10px 14px}.dialog-body{gap:10px;padding:10px 14px}.terms{max-height:clamp(110px,20vh,160px)}.dialog-actions{flex-direction:row;gap:8px}.dialog-actions>*{flex:1 1 0;min-height:38px}}@media (width<=380px){.app-header{gap:3px;padding:0 4px}.service-switcher{gap:2px;padding:1px}.service-nav-btn{padding:var(--btn-pad-xs);height:var(--header-btn-h);min-height:var(--header-btn-h);gap:3px}.service-nav-btn span:first-child{font-size:13px}.service-nav-btn.active{padding:var(--btn-pad-xs)}.service-nav-btn.active span:last-child{font-size:var(--btn-font-xs);margin-left:1px}.connect,.tw-connect-wallet{padding:var(--btn-pad-xs)!important;font-size:var(--btn-font-xs)!important;height:var(--header-btn-h)!important;min-height:var(--header-btn-h)!important;min-width:unset!important;max-width:none!important}.connect-address{display:none}}@media (width<=640px){.tw-modal,.tw-modal__connect-wallet,[data-thirdweb=modal],div[data-state][class*=tw-modal]{width:var(--modal-w)!important;max-width:min(var(--modal-w), calc(100vw - 20px))!important;-webkit-overflow-scrolling:touch!important;border:1px solid var(--primary)!important;box-sizing:border-box!important;border-radius:4px!important;max-height:92dvh!important;margin:0!important;padding-bottom:0!important;position:fixed!important;inset:50% auto auto 50%!important;overflow-y:auto!important;transform:translate(-50%,-50%)!important;box-shadow:0 0 35px #00ff4140,0 20px 60px #000000f2!important}}.floating-toolbox{z-index:900;-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-bright);box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#0a0a0af2;border-radius:6px;flex-direction:column;width:clamp(340px,52vw,780px);min-width:300px;max-width:calc(100vw - 24px);height:clamp(420px,60vh,700px);min-height:320px;max-height:calc(100vh - 60px);transition:border-color .15s,box-shadow .15s;display:flex;position:fixed;overflow:hidden;box-shadow:0 16px 40px #000000d9,0 0 1px #ffffff26}.floating-toolbox:hover,.floating-toolbox:focus-within{border-color:#00ff4166;box-shadow:0 20px 48px #000000e6,0 0 12px #00ff411f}.floating-toolbox.dragging{opacity:.94;box-shadow:0 24px 60px #000000f2, var(--glow-primary);border-color:var(--primary);cursor:grabbing!important}.floating-toolbox.minimized{border:1px solid var(--border-bright);touch-action:none;cursor:grab;background:#0a0a0af2;border-radius:20px;padding:0;overflow:visible;box-shadow:0 8px 24px #000000d9,0 0 10px #00ff4133;height:auto!important;min-height:unset!important;width:auto!important;min-width:unset!important;max-width:max-content!important;max-height:unset!important}.toolbox-folded-pill{-webkit-user-select:none;user-select:none;cursor:grab;white-space:nowrap;align-items:center;gap:8px;padding:6px 12px;display:flex}.toolbox-folded-icon{font-size:13px;line-height:1}.toolbox-folded-label{font-family:var(--font-family);letter-spacing:.1em;color:var(--primary);font-size:11px;font-weight:800}.toolbox-folded-badge{color:var(--text-secondary);border:1px solid var(--border);letter-spacing:.06em;background:#ffffff14;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:700}.toolbox-folded-expand{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:3px;transition:all .15s;display:flex}.toolbox-folded-expand:hover{color:var(--primary);background:#00ff411a}.toolbox-header-row{background:var(--surface-elevated);border-bottom:1px solid var(--border);box-sizing:border-box;cursor:grab;flex-shrink:0;justify-content:space-between;align-items:center;gap:clamp(6px,.8vw,10px);min-height:48px;padding:8px 12px;display:flex}.toolbox-drag-grip{color:var(--text-muted);cursor:grab;flex-shrink:0;align-items:center;padding:2px;display:flex}.toolbox-drag-grip:hover{color:var(--primary)}.toolbox-context-chip{color:var(--primary);font-family:var(--font-family);font-size:var(--font-xs);white-space:nowrap;text-overflow:ellipsis;background:#00ff4114;border:1px solid #00ff414d;border-radius:12px;flex-shrink:0;align-items:center;gap:6px;max-width:180px;padding:3px 8px;font-weight:700;display:flex;overflow:hidden}.toolbox-context-wave{color:var(--primary);animation:2s ease-in-out infinite pulse-wave}@keyframes pulse-wave{0%,to{opacity:.5}50%{opacity:1}}.toolbox-context-label{text-overflow:ellipsis;overflow:hidden}.toolbox-context-clear{color:var(--primary);cursor:pointer;opacity:.7;background:0 0;border:none;align-items:center;padding:0;display:flex}.toolbox-context-clear:hover{opacity:1}.toolbox-prompt-bar{flex:1 1 0;align-items:center;min-width:100px;display:flex;position:relative}.toolbox-prompt-input{border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-family);font-size:var(--font-xs);box-sizing:border-box;background:#00000080;border-radius:16px;outline:none;padding:5px 32px 5px 10px;transition:border-color .15s}.toolbox-prompt-input:focus{border-color:var(--primary);box-shadow:0 0 8px #00ff4140}.toolbox-prompt-input::placeholder{color:var(--text-muted)}.toolbox-prompt-submit{background:var(--primary);color:#000;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:transform .15s,box-shadow .15s;display:flex;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.toolbox-prompt-submit:hover:not(:disabled){box-shadow:var(--glow-primary);transform:translateY(-50%)scale(1.1)}.toolbox-prompt-submit:disabled{opacity:.3;cursor:not-allowed}.toolbox-quality-select{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-family);cursor:pointer;background:#ffffff0d;border-radius:12px;outline:none;flex-shrink:0;padding:4px 8px;font-size:10px}.toolbox-quality-select:hover{border-color:var(--border-bright);color:var(--text)}.toolbox-minimize-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.toolbox-minimize-btn:hover{color:var(--text);background:#ffffff14}.toolbox-tabs-bar{border-bottom:1px solid var(--border);scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#0000008c;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:clamp(2px,.4vw,5px);padding:clamp(3px,.5vh,6px) clamp(6px,.8vw,10px);display:flex;overflow:auto hidden}.toolbox-tabs-bar::-webkit-scrollbar{display:none}.toolbox-tab-btn{color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;flex:none;justify-content:center;align-items:center;gap:5px;padding:clamp(3px,.5vh,5px) clamp(8px,.9vw,12px);font-size:clamp(9px,.85vw,11px);font-weight:700;transition:all .15s;display:inline-flex}.toolbox-tab-btn:hover{color:var(--text);border-color:var(--border);background:#ffffff0d}.toolbox-tab-btn.active{color:#000;background:var(--primary);border-color:var(--primary);box-shadow:var(--glow-primary)}.toolbox-tab-btn.active.tab-mixer{background:var(--warning);border-color:var(--warning)}.toolbox-tab-btn.active.tab-keys{background:var(--accent);border-color:var(--accent)}.toolbox-tab-btn.active.tab-drums{background:var(--secondary);border-color:var(--secondary);box-shadow:var(--glow-secondary)}.toolbox-tab-btn.active.tab-strudel{background:var(--accent);border-color:var(--accent)}.toolbox-tab-btn.active.tab-dsp{background:var(--primary);border-color:var(--primary)}.toolbox-tab-btn.active.tab-sample{background:var(--secondary);border-color:var(--secondary)}.toolbox-tab-btn.active.tab-history{background:var(--accent);border-color:var(--accent)}.toolbox-expanded-body{box-sizing:border-box;flex-direction:column;flex:1 1 0;width:100%;min-height:0;padding:8px 10px;display:flex;overflow:hidden auto}.toolbox-expanded-body:has(.mixer-console-container){padding:0;overflow:hidden}.toolbox-studio-content{flex-direction:column;gap:10px;width:100%;display:flex}.toolbox-macro-actions{flex-wrap:wrap;gap:6px;width:100%;display:flex}.toolbox-action-pill{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-family);cursor:pointer;white-space:nowrap;background:#0006;border-radius:4px;flex:calc(33.333% - 6px);justify-content:center;align-items:center;gap:5px;min-width:95px;padding:clamp(4px,.6vh,6px) clamp(8px,1vw,12px);font-size:clamp(9px,.85vw,11px);font-weight:700;transition:all .15s;display:inline-flex}.toolbox-action-pill:hover{border-color:var(--border-bright);color:var(--text)}.toolbox-action-pill.active{border-color:var(--primary);color:var(--primary);background:#00ff4114;box-shadow:0 0 8px #00ff4133}.toolbox-params-grid{flex-direction:column;gap:8px;display:flex}.toolbox-param-box{border:1px solid var(--border);background:#0006;border-radius:4px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.toolbox-param-title{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:800}.toolbox-param-row{color:var(--text-dim);align-items:center;gap:8px;font-size:10px;display:flex}.toolbox-param-row label{min-width:90px;font-weight:700}.toolbox-radio-group{gap:4px;display:flex}.toolbox-mode-btn{border:1px solid var(--border);color:var(--text-dim);font-size:9px;font-family:var(--font-family);cursor:pointer;background:#ffffff0d;border-radius:2px;padding:3px 6px}.toolbox-mode-btn.active{background:var(--primary);color:#000;border-color:var(--primary);font-weight:700}.toolbox-text-input{border:1px solid var(--border);color:var(--text);font-family:var(--font-family);background:#00000080;border-radius:3px;outline:none;flex:1 1 0;padding:4px 8px;font-size:10px}.toolbox-text-input:focus{border-color:var(--primary)}.toolbox-param-hint{color:var(--text-muted);margin:0;font-size:10px;line-height:1.35}.toolbox-prompt-textarea{border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-family);font-size:var(--font-xs);resize:none;box-sizing:border-box;background:#0009;border-radius:4px;outline:none;padding:8px 10px;transition:border-color .15s}.toolbox-prompt-textarea:focus{border-color:var(--primary);box-shadow:0 0 8px #00ff4140}.toolbox-execute-btn{cursor:pointer;letter-spacing:.08em;width:100%;margin-top:4px}.toolbox-progress-box{border:1px solid var(--border);background:#0009;border-radius:4px;padding:6px 10px}.toolbox-progress-header{color:var(--primary);justify-content:space-between;margin-bottom:4px;font-size:10px;font-weight:700;display:flex}.toolbox-progress-track{background:#ffffff1a;border-radius:2px;width:100%;height:5px;overflow:hidden}.toolbox-progress-bar{background:var(--primary);height:100%;box-shadow:var(--glow-primary);transition:width .2s}.toolbox-history-panel{flex-direction:column;gap:12px;display:flex}.toolbox-history-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.toolbox-history-title{font-size:var(--font-xs);color:var(--text);font-weight:700}.toolbox-takes-section,.toolbox-commits-section{flex-direction:column;gap:6px;display:flex}.toolbox-takes-subtitle{color:var(--text-secondary);letter-spacing:.5px;font-size:10px;font-weight:700}.toolbox-history-empty{font-size:var(--font-xs);color:var(--text-muted);padding:4px 0;font-style:italic}.toolbox-takes-list,.toolbox-commits-list{flex-direction:column;gap:5px;display:flex}.toolbox-take-item{border:1px solid var(--border);background:#0006;border-radius:3px;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;display:flex}.toolbox-take-item.active{border-color:var(--primary);background:#00ff4114}.toolbox-take-meta{font-size:var(--font-xs);align-items:center;gap:6px;display:flex}.toolbox-take-num{color:var(--text);font-weight:700}.toolbox-take-task{color:var(--text-dim);background:#ffffff14;border-radius:2px;padding:1px 4px;font-size:9px}.toolbox-take-range{color:var(--warning);font-size:9px}.toolbox-commit-item{border:1px solid var(--border);font-size:var(--font-xs);background:#0000004d;border-radius:3px;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;display:flex}.toolbox-commit-msg{color:var(--text)}.toolbox-commit-time{color:var(--text-muted);font-size:9px}.toolbox-resize-handle{cursor:se-resize;background:linear-gradient(135deg, transparent 50%, var(--border-bright) 50%, var(--border-bright) 70%, transparent 70%, transparent 80%, var(--border-bright) 80%);opacity:.6;width:14px;height:14px;position:absolute;bottom:0;right:0}.toolbox-resize-handle:hover{opacity:1}@media (width<=768px){.floating-toolbox{touch-action:none;z-index:950;border-radius:8px;width:clamp(280px,100vw - 20px,480px);max-width:calc(100vw - 16px);max-height:70vh}.floating-toolbox.minimized{border-radius:20px;width:auto!important;max-width:max-content!important;height:auto!important}.toolbox-header-row{flex-wrap:wrap;gap:6px;padding:6px 8px}.toolbox-prompt-bar{order:3;width:100%;min-width:100%}.toolbox-quality-select{display:none}.toolbox-tabs-bar{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:4px;padding:4px 6px;overflow-x:auto}.toolbox-tabs-bar::-webkit-scrollbar{display:none}.toolbox-tab-btn{flex-shrink:0;padding:4px 7px;font-size:9px}}.dsp-rack-wrap{flex-direction:column;gap:10px;width:100%;height:100%;padding:4px;display:flex;overflow-y:auto}.dsp-empty-state{color:var(--text-dim);letter-spacing:.05em;justify-content:center;align-items:center;padding:30px;font-size:11px;display:flex}.dsp-rack-title{letter-spacing:.08em;color:#fff;margin:0;font-size:11px;font-weight:700}.dsp-rack-sub{color:var(--text-dim);letter-spacing:.04em;font-family:monospace;font-size:9px}.dsp-modules-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;width:100%;display:grid}.dsp-module-card{border:1px solid var(--border);background:#12141dbf;border-radius:6px;flex-direction:column;gap:6px;padding:8px;transition:all .2s;display:flex}.dsp-module-card:hover{border-color:#fff3}.dsp-module-card.disabled{opacity:.5;filter:grayscale(.5)}.dsp-module-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:5px;display:flex}.dsp-module-title{letter-spacing:.06em;color:var(--accent);font-size:10px;font-weight:700}.dsp-power-btn{font-size:9px;font-weight:700;font-family:var(--font-family);color:var(--text-dim);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:3px;align-items:center;gap:4px;padding:2px 6px;transition:all .15s;display:inline-flex}.dsp-power-btn.active{border-color:var(--primary);color:var(--primary);background:#00ff4126;box-shadow:0 0 6px #00ff414d}.dsp-control-group{flex-direction:column;gap:6px;display:flex}.dsp-filter-selector{gap:4px;margin-bottom:2px;display:flex}.dsp-filter-btn{text-align:center;flex:1;padding:2px 4px!important;font-size:9px!important}.dsp-slider-row{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:2px;font-size:9px;display:flex}.dsp-slider-val{color:#fff;font-family:monospace;font-weight:700}.dsp-knob-slider{appearance:none;cursor:pointer;background:#ffffff1f;border-radius:2px;outline:none;width:100%;height:4px}.dsp-knob-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);width:12px;height:12px;box-shadow:0 0 4px var(--accent);cursor:ew-resize;border-radius:50%}.pianoroll-wrap{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;height:100%;min-height:0;display:flex}.pianoroll-empty-card{text-align:center;border:1px dashed var(--border);background:#0006;border-radius:6px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.pianoroll-empty-icon{color:var(--accent);opacity:.85}.pianoroll-empty-title{color:var(--text);letter-spacing:.05em;margin:0;font-size:13px;font-weight:700}.pianoroll-empty-desc{color:var(--text-secondary);max-width:320px;margin:0;font-size:11px;line-height:1.4}.pianoroll-toolbar{border:1px solid var(--border);background:#00000073;border-radius:4px;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.pianoroll-meta{align-items:center;gap:6px;display:flex}.pianoroll-meta-icon{color:var(--accent)}.pianoroll-track-name{color:var(--text);font-size:11px;font-weight:700}.pianoroll-controls-cluster{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pianoroll-octave-picker{align-items:center;gap:3px;display:flex}.pianoroll-label{color:var(--text-muted);letter-spacing:.05em;font-size:9px;font-weight:700}.pianoroll-mini-btn{border:1px solid var(--border);width:18px;height:18px;color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:3px;justify-content:center;align-items:center;transition:all .15s;display:flex}.pianoroll-mini-btn:hover:not(:disabled){border-color:var(--border-bright);background:#ffffff1f}.pianoroll-mini-btn:disabled{opacity:.3;cursor:not-allowed}.pianoroll-octave-val{color:var(--text);padding:0 4px;font-family:monospace;font-size:10px;font-weight:700}.pianoroll-grid-picker{align-items:center;gap:3px;display:flex}.pianoroll-grid-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:700;transition:all .15s}.pianoroll-grid-btn:hover{color:var(--text);border-color:var(--border-bright)}.pianoroll-grid-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.pianoroll-action-btn{height:22px;padding:2px 8px!important;font-size:10px!important}.pianoroll-action-btn.danger{color:#ef4444!important;border-color:#ef44444d!important}.pianoroll-action-btn.danger:hover{background:#ef44441a!important;border-color:#ef4444!important}.pianoroll-body{border:1px solid var(--border);background:#0c0d10;border-radius:4px;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.pianoroll-keys-gutter{border-right:1px solid var(--border);-webkit-user-select:none;user-select:none;background:#08080a;flex-direction:column;flex-shrink:0;width:48px;display:flex;overflow-y:hidden}.pianoroll-key{cursor:pointer;border-bottom:1px solid #ffffff0a;flex:1 1 0;justify-content:flex-end;align-items:center;min-height:12px;padding-right:4px;font-family:monospace;font-size:8px;font-weight:700;transition:background .1s;display:flex}.pianoroll-key.natural{color:#a1a1aa;background:#141518}.pianoroll-key.natural:hover{color:#fff;background:#22242b}.pianoroll-key.accidental{color:#52525b;background:#08090b;border-right:3px solid #000}.pianoroll-key.accidental:hover{color:#a1a1aa;background:#18191e}.pianoroll-key.active{box-shadow:0 0 8px var(--accent);background:var(--accent)!important;color:#fff!important}.pianoroll-grid-scroll{background:#0e0f13;flex:1 1 0;min-height:0;position:relative;overflow:auto}.pianoroll-grid-content{flex-direction:column;width:100%;min-width:480px;height:100%;display:flex;position:relative}.pianoroll-pitch-row{border-bottom:1px solid #ffffff0a;flex:1 1 0;min-height:12px;display:flex}.pianoroll-pitch-row.natural{background:#ffffff04}.pianoroll-pitch-row.accidental{background:#00000059}.pianoroll-grid-cell{cursor:pointer;background:0 0;border:0;border-right:1px solid #ffffff0a;flex:1 1 0;padding:0;transition:background .1s}.pianoroll-grid-cell:hover{background:#ffffff14}.pianoroll-grid-cell.quarter-beat{border-right:1px solid #ffffff24}.pianoroll-note-item{color:#000;cursor:pointer;z-index:5;pointer-events:auto;white-space:nowrap;background:linear-gradient(135deg,#00f0ffd9,#00a0fff2);border:1px solid #00f0ff;border-radius:2px;align-items:center;padding:0 4px;font-family:monospace;font-size:8px;font-weight:700;transition:transform .1s,box-shadow .1s;display:flex;position:absolute;overflow:hidden;box-shadow:0 0 6px #00f0ff66}.pianoroll-note-item:hover{transform:scale(1.02);box-shadow:0 0 10px #00f0ffb3}.pianoroll-footer{color:var(--text-secondary);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:4px 6px;font-size:10px;display:flex}.pianoroll-velocity-ctrl{align-items:center;gap:6px;display:flex}.pianoroll-velocity-slider{appearance:none;cursor:pointer;background:#ffffff26;border-radius:2px;outline:none;width:80px;height:4px}.pianoroll-velocity-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:ew-resize;border-radius:50%;width:10px;height:10px}.pianoroll-velocity-readout{color:var(--accent);min-width:28px;font-family:monospace;font-weight:700}.pianoroll-hint{color:var(--text-muted);font-size:9px}.sequencer-wrap{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;height:100%;min-height:0;display:flex}.sequencer-empty-card{text-align:center;border:1px dashed var(--border);background:#0006;border-radius:6px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.sequencer-empty-icon{color:var(--secondary);opacity:.85}.sequencer-empty-title{color:var(--text);letter-spacing:.05em;margin:0;font-size:13px;font-weight:700}.sequencer-empty-desc{color:var(--text-secondary);max-width:320px;margin:0;font-size:11px;line-height:1.4}.sequencer-toolbar{border:1px solid var(--border);background:#00000073;border-radius:4px;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.sequencer-meta{align-items:center;gap:6px;display:flex}.sequencer-meta-icon{color:var(--secondary)}.sequencer-track-name{color:var(--text);font-size:11px;font-weight:700}.sequencer-controls-cluster{align-items:center;gap:6px;display:flex}.sequencer-action-btn{align-items:center;gap:4px;height:22px;display:inline-flex;padding:3px 8px!important;font-size:10px!important}.sequencer-action-btn.danger{color:#ef4444!important;border-color:#ef44444d!important}.sequencer-action-btn.danger:hover{background:#ef44441a!important;border-color:#ef4444!important}.sequencer-grid{border:1px solid var(--border);background:#090a0d;border-radius:4px;flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:auto}.sequencer-scale-row{border-bottom:1px solid var(--border);background:#060709;flex-shrink:0;align-items:center;height:22px;display:flex}.sequencer-scale-spacer{width:80px;color:var(--text-muted);border-right:1px solid var(--border);box-sizing:border-box;flex-shrink:0;padding-left:8px;font-size:9px;font-weight:700}.sequencer-steps-scale{flex:1 1 0;height:100%;display:flex}.sequencer-step-num{color:var(--text-muted);border-right:1px solid #ffffff0a;flex:1 1 0;justify-content:center;align-items:center;font-family:monospace;font-size:9px;display:flex}.sequencer-step-num.bar-beat{color:var(--text-secondary);border-left:1px solid #ffffff1f;font-weight:700}.sequencer-step-num.current{color:var(--primary);background:#00ff4133;font-weight:700}.sequencer-lanes-list{flex-direction:column;flex:1 1 0;display:flex}.sequencer-voice-row{border-bottom:1px solid #ffffff0d;flex:1 1 0;align-items:center;min-height:36px;display:flex}.sequencer-voice-strip{border-right:1px solid var(--border);cursor:pointer;box-sizing:border-box;background:#0e0f13;flex-shrink:0;justify-content:space-between;align-items:center;width:80px;height:100%;padding:0 8px;transition:background .15s;display:flex}.sequencer-voice-strip:hover{background:#161820}.sequencer-voice-badge{color:#fff;letter-spacing:.05em;font-size:9px;font-weight:700}.sequencer-voice-icon{color:var(--text-muted)}.sequencer-steps-row{box-sizing:border-box;background:#0003;flex:1 1 0;gap:2px;height:100%;padding:3px 4px;display:flex}.sequencer-step-pad{cursor:pointer;background:#131418;border:1px solid #ffffff14;border-radius:3px;outline:none;flex:1 1 0;justify-content:center;align-items:center;min-width:14px;transition:all .1s;display:flex;position:relative}.sequencer-step-pad:hover{background:#1a1c22;border-color:#ffffff40}.sequencer-step-pad.measure-start{border-left:2px solid #fff3}.sequencer-step-pad.alt-measure{background:#181920}.sequencer-pad-led{background:#ffffff1a;border-radius:50%;width:6px;height:6px;transition:all .15s}.sequencer-step-pad.active{background:#00ff661f;border-color:#0f66}.sequencer-step-pad.active .sequencer-pad-led{background:#0f6;box-shadow:0 0 6px #0f6}.sequencer-step-pad.playhead-active{border-color:#fff;box-shadow:inset 0 0 6px #fff}.sequencer-footer{color:var(--text-muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:2px 4px;font-size:9px;display:flex}.sequencer-hint{color:var(--text-muted);font-size:9px}.strudel-wrap{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;height:100%;min-height:0;display:flex}.strudel-empty-card{text-align:center;border:1px dashed var(--border);background:#0006;border-radius:6px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.strudel-empty-icon{color:var(--primary);opacity:.85}.strudel-empty-title{color:var(--text);letter-spacing:.05em;margin:0;font-size:13px;font-weight:700}.strudel-empty-desc{color:var(--text-secondary);max-width:320px;margin:0;font-size:11px;line-height:1.4}.strudel-toolbar{border:1px solid var(--border);background:#00000073;border-radius:4px;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.strudel-meta{align-items:center;gap:6px;display:flex}.strudel-meta-icon{color:var(--primary)}.strudel-track-name{color:var(--text);font-size:11px;font-weight:700}.strudel-controls-cluster{align-items:center;gap:6px;display:flex}.strudel-action-btn{align-items:center;gap:4px;height:22px;display:inline-flex;padding:3px 8px!important;font-size:10px!important}.strudel-action-btn.run{background:var(--primary)!important;color:#000!important;font-weight:700!important}.strudel-action-btn.run:hover{box-shadow:var(--glow-primary)}.strudel-editor-box{border:1px solid var(--border);background:#08090c;border-radius:4px;flex:1 1 0;min-height:120px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;display:flex;overflow:hidden}.strudel-gutter{border-right:1px solid var(--border);-webkit-user-select:none;user-select:none;background:#050608;flex-direction:column;flex-shrink:0;align-items:center;width:32px;padding:8px 0;display:flex}.strudel-line-num{color:#3f3f46;font-family:monospace;font-size:11px;line-height:20px}.strudel-textarea{color:#a6e22e;resize:none;white-space:pre;box-sizing:border-box;background:0 0;border:none;outline:none;flex:1 1 0;width:100%;height:100%;padding:8px 10px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:20px;overflow:auto}.strudel-console{border:1px solid var(--border);background:#050608;border-radius:4px;flex-direction:column;flex-shrink:0;height:72px;font-family:monospace;display:flex;overflow:hidden}.strudel-console-header{color:var(--text-muted);background:#0a0b0f;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:3px 8px;font-size:9px;font-weight:700;display:flex}.strudel-console-shortcut{color:#52525b}.strudel-console-body{flex-direction:column;flex:1 1 0;gap:2px;padding:4px 8px;display:flex;overflow-y:auto}.strudel-log-line{color:#a1a1aa;font-size:10px}.strudel-log-line.ok{color:#0f6}.strudel-log-line.err{color:#ef4444}:root{--primary:#00ff41;--secondary:#ff00a0;--accent:#0cf;--warning:#fa0;--error:#f06;--bg:#000;--surface:#0a0a0a;--surface-alt:#121212;--surface-raised:#181818;--surface-elevated:#121212;--text:#fff;--text-dim:#aaa;--text-muted:#666;--text-secondary:#888;--text-tertiary:#444;--border:#1a1a1a;--border-dim:#00ff4133;--border-bright:#333;--border-active:#00ff41;--border-magenta:#ff00a04d;--glow-primary:0 0 12px #00ff4159;--glow-secondary:0 0 12px #ff00a059;--glow-accent:0 0 12px #00ccff59;--font-family:"Courier New", Courier, monospace;--font-mono:"Courier New", Courier, monospace;--letter-spacing-tight:clamp(.5px, .08vw, 1px);--letter-spacing-base:clamp(1px, .15vw, 2px);--letter-spacing-wide:clamp(1.5px, .25vw, 3px);--font-xs:clamp(9px, .65vw + .3vh, 11px);--font-sm:clamp(11px, .75vw + .35vh, 13px);--font-md:clamp(12px, .9vw + .4vh, 14px);--font-base:var(--font-md);--font-lg:clamp(15px, 1.1vw + .5vh, 18px);--font-xl:clamp(18px, 1.4vw + .6vh, 24px);--font-title:clamp(22px, 2.2vw + 1vh, 40px);--header-height:clamp(50px, 4.2vh + 1.2vw, 70px);--player-height:clamp(62px, 7.5dvh, 72px);--touch-target:44px;--header-brand-font:clamp(12.5px, 1.1vw + .5vh, 28px);--header-brand-tag-font:clamp(9px, .45vw + .25vh, 13px);--header-brand-tag-pad:clamp(1px, .2vh, 3px) clamp(4px, .35vw, 8px);--btn-h-xs:clamp(28px, 2vh + 1.2vw, 34px);--btn-h-sm:clamp(34px, 2.6vh + 1.5vw, 42px);--btn-h-md:clamp(40px, 3.4vh + 1.8vw, 48px);--btn-h-lg:clamp(46px, 4.2vh + 2.2vw, 56px);--btn-pad-xs:clamp(3px, .5vh, 6px) clamp(8px, 1vw, 12px);--btn-pad-sm:clamp(6px, .8vh, 10px) clamp(12px, 1.4vw, 18px);--btn-pad-md:clamp(8px, 1.1vh, 12px) clamp(16px, 1.8vw, 24px);--btn-pad-lg:clamp(12px, 1.5vh, 18px) clamp(22px, 2.4vw, 32px);--btn-font-xs:clamp(10px, .65vw + .35vh, 12px);--btn-font-sm:clamp(11px, .75vw + .4vh, 13px);--btn-font-md:clamp(12px, .9vw + .45vh, 15px);--btn-font-lg:clamp(14px, 1.1vw + .55vh, 18px);--header-btn-h:clamp(32px, 2.2vw + 1.8vh, 42px);--header-btn-pad:clamp(5px, .7vh, 9px) clamp(14px, 1.4vw, 24px);--header-btn-font:clamp(11px, .75vw + .35vh, 14px);--header-btn-min-w:clamp(120px, 8vw + 2vh, 160px);--header-icon-size:clamp(14px, 1.1vw, 18px);--modal-w:clamp(340px, 28vw + 12vh, 520px);--modal-pad:clamp(16px, 1.6vw + .8vh, 28px);--modal-btn-h:clamp(40px, 2.4vw + 1.8vh, 50px);--modal-font:clamp(12px, .8vw + .35vh, 15px);--modal-icon-size:clamp(18px, 1.3vw, 24px);--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--stem-master:#a855f7;--stem-vocals:#00f0ff;--stem-drums:#f50;--stem-bass:#ffb700;--stem-synth:#d946ef;--stem-keys:#ec4899;--stem-guitar:#10b981;--stem-other:#00e676;--stem-instrumental:#3b82f6}