:root{--font:"Outfit", system-ui, -apple-system, sans-serif;--font-display:"Syne", "Outfit", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--accent:#d4a017;--accent-2:#f0c14b;--accent-glow:#d4a01759;--radius-sm:12px;--radius:18px;--radius-lg:26px;--radius-xl:28px;--ease:cubic-bezier(.22, 1, .36, 1);--ease-snap:cubic-bezier(.16, 1, .3, 1);--ui-scale:1;--space-1:calc(.25rem * var(--ui-scale));--space-2:calc(.5rem * var(--ui-scale));--space-3:calc(.75rem * var(--ui-scale));--space-4:calc(1rem * var(--ui-scale));--text-xs:clamp(.65rem, .6rem + .2vw, .75rem);--text-sm:clamp(.75rem, .7rem + .25vw, .875rem);--text-base:clamp(.85rem, .8rem + .3vw, 1rem);--text-lg:clamp(1rem, .92rem + .4vw, 1.25rem);--control-h:clamp(32px, 2.2vw + 28px, 40px);--header-h:clamp(52px, 4vw + 40px, 64px);--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}@media (max-width:640px){:root{--ui-scale:.92}}@media (min-width:641px) and (max-width:1024px){:root{--ui-scale:.96}}@media (min-width:1025px) and (max-width:1440px){:root{--ui-scale:1}}@media (min-width:1441px){:root{--ui-scale:1.05}}@media (min-width:1920px){:root{--ui-scale:1.08}}:root,[data-theme=dark]{--bg-0:#06060c;--bg-1:#0c0c16;--bg-2:#12121f;--bg-elevated:#161624b8;--glass:#ffffff0f;--glass-2:#ffffff1a;--glass-border:#ffffff1f;--glass-border-strong:#fff3;--text:#f4f4f8;--text-2:#a1a1b5;--text-3:#6b6b82;--danger:#f43f5e;--success:#22c55e;--warn:#eab308;--shadow:0 8px 40px #00000073;--noise-opacity:.04}[data-theme=light]{--bg-0:#f3f1ec;--bg-1:#ebe7df;--bg-2:#e2ddd3;--bg-elevated:#ffffffb8;--glass:#ffffff8c;--glass-2:#ffffffbf;--glass-border:#14142814;--glass-border-strong:#14142824;--text:#12121a;--text-2:#4a4a5c;--text-3:#7a7a8e;--danger:#e11d48;--success:#16a34a;--warn:#ca8a04;--shadow:0 8px 32px #1410281a;--noise-opacity:.03}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;max-width:100vw;height:100dvh;margin:0;overflow:hidden}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--font);font-size:var(--text-base);background:var(--bg-0);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;touch-action:manipulation;overflow:hidden}.app-bg{z-index:0;pointer-events:none;background:var(--bg-0);position:fixed;inset:0;overflow:hidden}.app-bg:before{content:"";background:radial-gradient(circle, var(--accent-glow), transparent 65%);filter:blur(40px);width:60vmax;height:60vmax;animation:drift 22s var(--ease) infinite alternate;border-radius:50%;position:absolute;top:-20%;left:-10%}.app-bg:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent-2) 30%, transparent), transparent 70%);filter:blur(50px);width:50vmax;height:50vmax;animation:drift 28s var(--ease) infinite alternate-reverse;border-radius:50%;position:absolute;bottom:-15%;right:-10%}.orb{filter:blur(60px);opacity:.45;border-radius:50%;position:absolute}.orb-a{background:color-mix(in srgb, var(--accent) 25%, transparent);width:40vmax;height:40vmax;animation:drift 18s var(--ease) infinite alternate;top:40%;left:40%}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(8%,6%)scale(1.08)}}.noise{z-index:1;pointer-events:none;opacity:var(--noise-opacity);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.app-shell{z-index:2;height:100%;min-width:0;height:100dvh;min-height:0;padding-top:var(--safe-t);padding-left:var(--safe-l);padding-right:var(--safe-r);padding-bottom:var(--safe-b);box-sizing:border-box;flex-direction:column;display:flex;position:relative}.glass{background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.4);border:1px solid var(--glass-border);box-shadow:var(--shadow), inset 0 1px 0 #ffffff14;border-radius:var(--radius-lg);overflow:hidden}.glass-strong{background:var(--glass-2);-webkit-backdrop-filter:blur(32px)saturate(1.5);border:1px solid var(--glass-border-strong);box-shadow:var(--shadow), inset 0 1px 0 #ffffff1f;border-radius:var(--radius-xl);overflow:hidden}.glass-pane{border-radius:var(--radius-xl);isolation:isolate;padding:2rem 2rem 1.75rem;position:relative;overflow:hidden}.glass-pane:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(135deg,#ffffff1f 0%,#0000 40% 60%,#ffffff0a 100%);position:absolute;inset:0}.glass-pane>*{z-index:1;position:relative}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-weight:600}.subtitle{color:var(--text-2);letter-spacing:.02em;font-size:.875rem;font-weight:500}.mono{font-family:var(--mono);letter-spacing:.04em;font-size:.8rem}.header{z-index:2000;min-height:var(--header-h);border-bottom:1px solid var(--glass-border);background:color-mix(in srgb, var(--bg-elevated) 92%, transparent);-webkit-backdrop-filter:blur(20px);isolation:isolate;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem .75rem;height:auto;padding:.45rem clamp(.65rem,2vw,1.25rem);display:flex;position:relative}.header-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.header-actions .btn,.header-actions .icon-btn{min-height:var(--control-h)}.brand{flex-direction:column;gap:.1rem;min-width:0;display:flex}.brand-title{font-family:var(--font-display);letter-spacing:-.04em;background:linear-gradient(120deg, var(--text) 10%, var(--accent-2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.05rem,.95rem + .6vw,1.28rem);font-weight:700;line-height:1.15}.brand-sub{font-size:var(--text-xs);color:var(--text-2);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.btn{appearance:none;border:1px solid var(--glass-border);background:var(--glass);color:var(--text);font-family:var(--font);cursor:pointer;transition:transform .15s var(--ease-snap), background .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease);white-space:nowrap;text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn:hover{background:var(--glass-2);border-color:var(--glass-border-strong)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0a0a12;box-shadow:0 4px 20px var(--accent-glow);border-color:#0000}.btn-primary:hover{filter:brightness(1.06);background:linear-gradient(135deg, var(--accent), var(--accent-2))}.btn-danger{background:color-mix(in srgb, var(--danger) 20%, var(--glass));border-color:color-mix(in srgb, var(--danger) 40%, transparent);color:var(--danger)}.btn-ghost{background:0 0}.btn-icon{border-radius:12px;justify-content:center;width:40px;height:40px;padding:0}.btn-rec{background:color-mix(in srgb, var(--danger) 85%, #000);color:#fff;border-color:#0000;min-width:110px}.btn-rec.is-recording{animation:1.2s infinite pulse-rec}@keyframes pulse-rec{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--danger) 50%, transparent)}50%{box-shadow:0 0 0 10px #0000}}.icon-btn{border:1px solid var(--glass-border);background:var(--glass);width:36px;height:36px;color:var(--text-2);cursor:pointer;transition:all .15s var(--ease);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--text);border-color:var(--glass-border-strong);background:var(--glass-2)}.icon-btn.active{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 50%, transparent);box-shadow:0 0 16px var(--accent-glow)}.studio-layout{z-index:1;min-height:0;padding:.75rem;padding-bottom:calc(.75rem + var(--safe-b));flex:1;grid-template-columns:minmax(260px,300px) 1fr minmax(300px,380px);gap:.75rem;display:grid;position:relative}.daw-shell{z-index:1;flex-direction:column;flex:1;gap:0;min-height:0;display:flex;position:relative;overflow:hidden}.daw-transport{z-index:5;border-top:none;border-left:none;border-right:none;border-radius:0;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.75rem 1.25rem;padding:.45rem .85rem;display:flex}.daw-transport-cluster{align-items:center;gap:.35rem;display:flex}.daw-tr-btn{border:1px solid var(--glass-border);background:var(--glass);width:38px;height:34px;color:var(--text);cursor:pointer;transition:background .15s var(--ease), border-color .15s var(--ease), box-shadow .15s var(--ease);border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}.daw-tr-btn:hover{background:var(--glass-2)}.daw-tr-btn:disabled{opacity:.4;cursor:not-allowed}.daw-tr-play.is-on{color:#4ade80;background:color-mix(in srgb, #22c55e 18%, var(--glass));border-color:#22c55ea6;box-shadow:0 0 14px #22c55e59}.daw-tr-stop{color:var(--text-2)}.daw-tr-rec{color:#ff2d2d!important;border-color:#ff2d2d73!important}.daw-tr-rec-dot{background:#ff2d2d;border-radius:50%;width:12px;height:12px;display:block;box-shadow:0 0 0 2px #ff2d2d40}.daw-tr-rec.is-on{animation:1.2s infinite pulse-rec;background:#ff2d2d33!important;border-color:#ff2d2d!important}.daw-tr-rec.is-on .daw-tr-rec-dot{box-shadow:0 0 10px #ff2d2db3}.daw-tr-error{border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger);cursor:pointer;text-align:left;max-width:280px;font-size:.72rem;font-family:var(--font);border-radius:8px;padding:.3rem .55rem}.daw-monitor{color:var(--text-2);-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;font-size:.78rem;display:inline-flex}.daw-transport-meters{flex:1;grid-template-columns:repeat(3,minmax(80px,1fr));gap:.5rem;min-width:200px;max-width:420px;margin-left:auto;display:grid}.daw-workspace{border-top:1px solid var(--glass-border);flex:1;grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(280px,360px);gap:0;min-height:0;display:grid}.daw-col{border:none;border-right:1px solid var(--glass-border);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden;border-radius:0!important}.daw-col:last-child{border-right:none}.daw-col-devices,.daw-col-inspector{background:color-mix(in srgb, var(--bg-elevated) 88%, transparent)}.daw-col-arrange{background:color-mix(in srgb, var(--bg-0) 70%, transparent);overflow:hidden}.chain-panel-embed,.fx-editor-embed{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.chain-panel-embed .panel-body,.fx-editor-embed .panel-body{flex:1;min-height:0;overflow:auto}.daw-browser{border-top:1px solid var(--glass-border);flex-shrink:0;min-height:120px;max-height:28%;overflow:auto}.daw-browser .panel{box-shadow:none;background:0 0;border:none;border-radius:0}@media (max-width:1100px){.studio-layout{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;overflow-y:auto}.daw-workspace{grid-template-rows:minmax(200px,40vh) minmax(0,1fr);grid-template-columns:1fr minmax(0,1.2fr)}.daw-col-devices{border-right:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);grid-area:1/1;max-height:none}.daw-col-inspector{border-bottom:1px solid var(--glass-border);grid-area:1/2;max-height:none}.daw-col-arrange{border-right:none;grid-area:2/1/auto/-1}.daw-col{border-right:none}.daw-transport{gap:.5rem;padding:.4rem .65rem}.daw-transport-meters{flex-basis:100%;order:10;width:100%;max-width:none}}@media (max-width:700px){.daw-workspace{-webkit-overflow-scrolling:touch;grid-template-rows:auto minmax(220px,1fr) auto;grid-template-columns:1fr;overflow-y:auto}.daw-col-devices,.daw-col-inspector,.daw-col-arrange{border-right:none;border-bottom:1px solid var(--glass-border);grid-column:1}.daw-col-devices{grid-row:1;max-height:min(38vh,320px)}.daw-col-arrange{grid-row:2;min-height:240px}.daw-col-inspector{grid-row:3;max-height:min(42vh,380px)}.daw-grid{grid-template-columns:minmax(120px,36%) 1fr}.brand-title{font-size:clamp(1rem,4vw,1.2rem)}.brand-sub{max-width:42vw;font-size:.65rem}.fx-knob-row{gap:.25rem}.auth-card{width:min(100%,420px)}.header-actions .btn{font-size:var(--text-xs);padding:.4rem .7rem}}@media (max-height:500px) and (orientation:landscape){.daw-workspace{grid-template-rows:1fr;grid-template-columns:minmax(160px,28%) 1fr minmax(180px,30%)}.daw-col-devices,.daw-col-arrange,.daw-col-inspector{border-bottom:none;grid-row:1;max-height:none}.daw-col-devices{grid-column:1}.daw-col-arrange{grid-column:2}.daw-col-inspector{grid-column:3}}@media (min-width:1400px){.daw-workspace{grid-template-columns:minmax(260px,300px) minmax(0,1fr) minmax(320px,400px)}}.panel{border-radius:var(--radius-lg);isolation:isolate;flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--glass-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.85rem 1rem;display:flex}.panel-header h2{text-transform:uppercase;letter-spacing:.08em;color:var(--text-2);font-size:.8rem;font-weight:600;font-family:var(--font-display)}.panel-body{border-radius:0 0 var(--radius-lg) var(--radius-lg);flex:1;min-height:0;padding:.75rem;overflow:auto}.chain-list{flex-direction:column;gap:.5rem;display:flex}.module-card{border-radius:var(--radius);border:1px solid var(--glass-border);background:var(--glass);cursor:pointer;transition:border-color .15s var(--ease), box-shadow .15s var(--ease), transform .15s var(--ease-snap);-webkit-user-select:none;user-select:none;touch-action:none;padding:.55rem .65rem .65rem}.fx-module-card .module-drag{cursor:grab}.fx-thumb-wrap{cursor:grab;border-radius:10px;margin-top:.4rem;overflow:hidden}.fx-thumb{filter:drop-shadow(0 4px 12px #00000040);transition:filter .2s var(--ease), transform .15s var(--ease-snap);line-height:0}.fx-thumb.is-selected{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--mod-color,var(--accent)) 45%, transparent))}.fx-thumb.is-bypassed{filter:grayscale(.7)brightness(.75)}.fx-face{flex-direction:column;gap:.75rem;display:flex}.fx-face-svg{filter:drop-shadow(0 8px 24px #00000059);width:100%;height:auto;max-height:180px;display:block}.fx-face-svg.is-mini{max-height:72px}.fx-knob-row{flex-wrap:wrap;justify-content:center;gap:.35rem .5rem;padding:.25rem 0;display:flex}.fx-knob{-webkit-user-select:none;user-select:none;touch-action:none;flex-direction:column;align-items:center;gap:.15rem;display:flex}.fx-knob.is-disabled{opacity:.4;pointer-events:none}.fx-knob-stage{cursor:ns-resize;touch-action:none;border-radius:50%;outline:none;place-items:center;display:grid;position:relative}.fx-knob-stage:focus-visible{box-shadow:0 0 0 2px var(--accent-glow)}.fx-knob-ring{pointer-events:none;position:absolute;inset:0;overflow:visible}.fx-knob-film{pointer-events:none;background-color:#0000;border:none;border-radius:50%;outline:none;overflow:hidden;box-shadow:0 5px 12px #00000080}.fx-knob-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-size:.65rem;font-weight:600}.fx-knob-value{font-family:var(--mono);font-size:.68rem;font-weight:500}.daw-arrange-root{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.daw-arrange-toolbar{border-bottom:1px solid var(--glass-border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .85rem;display:flex}.daw-toolbar-title{font-family:var(--font-display);margin-right:.65rem;font-size:.9rem;font-weight:700}.daw-toolbar-hint{font-size:.72rem}.daw-grid{flex:1;grid-template-columns:minmax(168px,200px) 1fr;min-height:0;display:grid;overflow:hidden}.daw-tcp{border-right:1px solid var(--glass-border);background:color-mix(in srgb, var(--bg-1) 80%, transparent);overflow-y:auto}.daw-tcp-corner{letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--glass-border);align-items:center;height:28px;padding:0 .65rem;font-size:.65rem;display:flex}.daw-tcp-row{border-bottom:1px solid var(--glass-border);cursor:pointer;grid-template-rows:auto auto;grid-template-columns:4px 1fr;align-content:center;gap:0 .45rem;min-height:72px;padding:.4rem .5rem .45rem 0;display:grid}.daw-tcp-row.is-selected{background:color-mix(in srgb, var(--accent) 12%, transparent)}.daw-tcp-row.is-idea{background:#d4a0171a}.daw-tcp-row.is-master{background:color-mix(in srgb, var(--text) 6%, transparent)}.daw-tcp-color{border-radius:0 3px 3px 0;grid-row:1/span 2}.daw-tcp-meta{flex-direction:column;gap:.15rem;min-width:0;display:flex}.daw-tcp-name{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:700;overflow:hidden}.daw-tcp-controls{grid-column:2;align-items:center;gap:.25rem;display:flex}.daw-ms{border:1px solid var(--glass-border);width:22px;height:22px;color:var(--text-3);cursor:pointer;background:0 0;border-radius:4px;padding:0;font-size:.65rem;font-weight:700}.daw-ms.is-on{background:color-mix(in srgb, var(--accent) 30%, transparent);color:var(--accent-2);border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.daw-tcp-fader{flex:1;min-width:0;height:4px}.daw-timeline{background:color-mix(in srgb, var(--bg-0) 40%, transparent);position:relative;overflow:auto}.daw-ruler{z-index:2;border-bottom:1px solid var(--glass-border);background:color-mix(in srgb, var(--bg-1) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:28px;position:sticky;top:0}.daw-ruler span{font-size:.65rem;font-family:var(--mono);color:var(--text-3);position:absolute;top:6px;transform:translate(-50%)}.daw-lane-row{border-bottom:1px solid var(--glass-border);cursor:pointer;flex-direction:column;justify-content:center;gap:.3rem;min-height:72px;padding:.35rem .5rem;display:flex}.daw-lane-row.is-selected{background:color-mix(in srgb, var(--accent) 8%, transparent)}.daw-lane-row.is-drag{outline:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.daw-lane-row.is-idea{background:#d4a01712}.daw-idea-banner,.daw-master-banner{color:var(--text-2);max-width:56ch;padding:.35rem .5rem;font-size:.78rem;line-height:1.4}.daw-clip-lane{align-items:center;gap:0;min-height:44px;display:flex}.daw-drop-zone{border:1px dashed var(--glass-border-strong);color:var(--text-3);border-radius:10px;align-items:center;gap:.5rem;width:min(320px,100%);padding:.45rem .75rem;font-size:.78rem;display:flex}.daw-clip-block{border:1px solid;border-radius:8px;align-items:center;gap:.35rem;min-height:36px;padding:.35rem .5rem;font-size:.75rem;font-weight:600;display:flex;position:relative}.daw-clip-block span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.daw-clip-x{color:var(--text-2);cursor:pointer;background:0 0;border:none;padding:0 .15rem;font-size:.9rem;line-height:1}.daw-fx-row{flex-wrap:wrap;gap:.25rem;display:flex}.fx-editor-panel{min-width:0}.fx-editor-body{flex-direction:column;gap:.5rem;display:flex}.fx-editor-tagline{color:var(--text-3);letter-spacing:.04em;margin:.15rem 0 0;font-size:.65rem}.fx-editor-desc{margin:0 0 .25rem;font-size:.8rem;line-height:1.45}.fx-signal-rail{background:color-mix(in srgb, var(--text) 8%, transparent);border-radius:999px;height:4px;margin-top:.25rem;overflow:hidden}.fx-signal-fill{border-radius:inherit;opacity:.85;height:100%;transition:width 50ms linear}.fx-hint{text-align:center;margin:0;font-size:.72rem}.chain-panel{z-index:1}.module-card:hover{border-color:var(--glass-border-strong)}.module-card.selected{border-color:color-mix(in srgb, var(--mod-color,var(--accent)) 70%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--mod-color,var(--accent)) 40%, transparent), 0 8px 24px color-mix(in srgb, var(--mod-color,var(--accent)) 15%, transparent)}.module-card.disabled{opacity:.5}.module-card.dragging{opacity:.9;box-shadow:var(--shadow);cursor:grabbing}.module-top{align-items:center;gap:.5rem;display:flex}.module-swatch{background:var(--mod-color);border-radius:4px;flex-shrink:0;width:8px;height:28px}.module-name{flex:1;min-width:0;font-size:.9rem;font-weight:600}.module-drag{color:var(--text-3);letter-spacing:.1em;font-size:.75rem}.transport{flex-direction:column;gap:1rem;padding:1rem;display:flex}.meters{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.meter{flex-direction:column;gap:.35rem;display:flex}.meter-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);justify-content:space-between;font-size:.7rem;display:flex}.meter-track{background:color-mix(in srgb, var(--text) 8%, transparent);border-radius:999px;height:8px;position:relative;overflow:hidden}.meter-fill{border-radius:inherit;background:linear-gradient(90deg, var(--success), var(--accent-2), var(--danger));width:0%;height:100%;transition:none}.meter-fill.gr{background:linear-gradient(90deg, var(--accent), var(--warn))}.meter-hold{opacity:.85;pointer-events:none;background:#fff;border-radius:1px;width:2px;position:absolute;top:0;bottom:0}.transport-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.status-pill{text-transform:uppercase;letter-spacing:.06em;background:var(--glass);border:1px solid var(--glass-border);color:var(--text-2);border-radius:999px;padding:.3rem .65rem;font-size:.7rem;font-weight:600}.status-pill.live{color:var(--success);border-color:color-mix(in srgb, var(--success) 40%, transparent)}.status-pill.rec{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.param-grid{flex-direction:column;gap:.85rem;display:flex}.param{flex-direction:column;gap:.35rem;display:flex}.param-label{color:var(--text-2);justify-content:space-between;font-size:.78rem;font-weight:500;display:flex}.param-value{font-family:var(--mono);color:var(--accent-2);font-size:.72rem}input[type=range]{appearance:none;background:color-mix(in srgb, var(--text) 10%, transparent);border-radius:999px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(135deg, var(--accent), var(--accent-2));width:16px;height:16px;box-shadow:0 0 12px var(--accent-glow);cursor:pointer;border:2px solid var(--bg-0);border-radius:50%}input[type=range]::-moz-range-thumb{background:linear-gradient(135deg, var(--accent), var(--accent-2));width:16px;height:16px;box-shadow:0 0 12px var(--accent-glow);cursor:pointer;border:2px solid var(--bg-0);border-radius:50%}.field{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.field label{color:var(--text-2);letter-spacing:.02em;font-size:.78rem;font-weight:600}.field input{font-family:var(--font);border:1px solid var(--glass-border);background:color-mix(in srgb, var(--bg-0) 40%, transparent);color:var(--text);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);border-radius:14px;outline:none;padding:.75rem 1rem;font-size:.95rem}.field input:focus{border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:0 0 0 3px var(--accent-glow)}.auth-screen{flex-direction:column;flex:1;justify-content:safe center;align-items:center;min-height:0;padding:1.75rem 1.25rem 2rem;display:flex;overflow:hidden auto}.auth-card{isolation:isolate;box-sizing:border-box;background-clip:padding-box;flex-shrink:0;width:min(420px,100%);margin:auto 0;position:relative;overflow:hidden;border-radius:var(--radius-xl)!important}.auth-card.glass-strong,.auth-card.glass-pane{padding:2.25rem 2rem 1.85rem}.auth-hero{text-align:center;margin-bottom:1.35rem;padding-top:.15rem}.auth-hero-title{margin-bottom:.4rem;padding:.05em .08em;font-size:1.85rem;font-weight:700;line-height:1.2;display:inline-block}.auth-hero-copy{max-width:32ch;margin:.75rem auto 0;line-height:1.5}.auth-card h1{font-family:var(--font-display);letter-spacing:-.04em;font-weight:700}.btn-auth-submit{text-align:center;justify-content:center;width:100%}.license-actions .btn-auth-submit{flex:auto;width:auto;min-width:9rem}.auth-tabs{background:color-mix(in srgb, var(--bg-0) 40%, transparent);border-radius:999px;gap:.35rem;margin-bottom:1.5rem;padding:.3rem;display:flex}.auth-tab{color:var(--text-2);font-family:var(--font);cursor:pointer;transition:all .2s var(--ease);background:0 0;border:none;border-radius:999px;flex:1;padding:.55rem;font-size:.875rem;font-weight:600}.auth-tab.active{background:var(--glass-2);color:var(--text);box-shadow:0 2px 12px #00000026}.auth-error{background:color-mix(in srgb, var(--danger) 15%, transparent);border:1px solid color-mix(in srgb, var(--danger) 35%, transparent);color:var(--danger);border-radius:12px;margin-bottom:1rem;padding:.65rem .85rem;font-size:.85rem}.turnstile-wrap{justify-content:center;min-height:65px;margin:1rem 0;display:flex}.license-reveal{border-radius:var(--radius);border:1px dashed color-mix(in srgb, var(--accent) 50%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent);text-align:center;margin-top:1rem;padding:1rem}.license-reveal-hero{box-shadow:0 0 40px var(--accent-glow);border-style:solid;border-width:1px;margin-top:1.25rem;padding:1.25rem 1rem 1.1rem}.license-ceremony .license-seal{justify-content:center;margin-bottom:.75rem;display:flex}.license-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.75rem;display:flex}.license-key{font-family:var(--mono);color:var(--accent-2);letter-spacing:.08em;word-break:break-all;margin:.5rem 0;font-size:.95rem;font-weight:600}.auth-status{background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);color:var(--text-2);border-radius:12px;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.65rem .85rem;font-size:.85rem;font-weight:500;display:flex}.auth-spinner{border:2px solid color-mix(in srgb, var(--accent) 35%, transparent);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.recording-item{border-radius:var(--radius);border:1px solid var(--glass-border);background:var(--glass);cursor:pointer;transition:border-color .15s var(--ease);margin-bottom:.5rem;padding:.75rem}.recording-item:hover,.recording-item.active{border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.recording-title{margin-bottom:.2rem;font-size:.9rem;font-weight:600}.recording-meta{color:var(--text-3);flex-wrap:wrap;gap:.5rem;font-size:.72rem;display:flex}.recording-actions{flex-wrap:wrap;gap:.35rem;margin-top:.5rem;display:flex}.accent-picker-wrap{z-index:5000;position:relative}.accent-picker-btn{width:40px!important;height:36px!important}.accent-palette{border:1px solid #fff3;border-radius:4px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;width:18px;height:18px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #00000040}.accent-palette>span{width:100%;min-width:0;height:100%;min-height:0;display:block}.accent-palette-active{box-shadow:inset 0 0 0 1px #ffffff59}.accent-menu{z-index:5001;isolation:isolate;border-radius:14px;min-width:210px;padding:.45rem;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 20px 56px #000000b8,0 0 0 1px #00000080;background:#12121c!important;border:1px solid #ffffff1f!important}.accent-menu-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);padding:.35rem .7rem .45rem;font-size:.65rem;font-weight:600}.accent-option-text{z-index:1;color:var(--text);position:relative}[data-theme=light] .accent-menu{box-shadow:0 16px 40px #1410282e;background:#f7f5f0!important;border-color:#1414281f!important}.accent-option{width:100%;color:var(--text);font-family:var(--font);cursor:pointer;text-align:left;z-index:1;background:0 0;border:none;border-radius:10px;align-items:center;gap:.55rem;padding:.55rem .7rem;font-size:.85rem;font-weight:500;display:flex;position:relative}.accent-option:hover,.accent-option.is-active{background:color-mix(in srgb, var(--accent) 16%, transparent)}.accent-option.is-active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent)}.accent-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.hero-strip{text-align:center;padding:.5rem 1rem 1rem}.hero-strip p{color:var(--text-2);margin:.35rem 0 0;max-width:42ch;margin-inline:auto;font-size:.85rem;line-height:1.45}.empty{text-align:center;color:var(--text-3);padding:1.5rem .5rem;font-size:.85rem}.panel-body::-webkit-scrollbar{width:6px}.panel-body::-webkit-scrollbar-thumb{background:var(--glass-border-strong);border-radius:999px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex-1{flex:1}.gap-sm{gap:.5rem}.row{align-items:center;display:flex}.muted{color:var(--text-3);font-size:.8rem}.chip{text-transform:uppercase;letter-spacing:.06em;background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent-2);border-radius:6px;padding:.15rem .45rem;font-size:.65rem;font-weight:700}.error-banner{background:color-mix(in srgb, var(--danger) 12%, transparent);border:1px solid color-mix(in srgb, var(--danger) 30%, transparent);color:var(--danger);border-radius:12px;margin:.5rem .75rem 0;padding:.65rem .85rem;font-size:.85rem}.session-overlay{z-index:100000;padding:max(1rem, var(--safe-t)) max(1rem, var(--safe-r)) max(1rem, var(--safe-b)) max(1rem, var(--safe-l));-webkit-backdrop-filter:blur(6px);background:#0000008c;justify-content:center;align-items:safe center;display:flex;position:fixed;inset:0;overflow:auto}.session-modal{border-radius:var(--radius-xl);border:1px solid #ffffff1f;flex-direction:column;width:min(520px,100%);max-height:min(85dvh,720px);display:flex;overflow:hidden;box-shadow:0 24px 64px #0000008c;background:#12121c!important}[data-theme=light] .session-modal{background:#f7f5f0!important}.session-modal-head{border-bottom:1px solid var(--glass-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.session-modal-head h2{font-family:var(--font-display);font-size:var(--text-lg);margin:0}.session-help{font-size:var(--text-sm);margin:0;padding:.75rem 1rem 0;line-height:1.45}.session-save-row{border-bottom:1px solid var(--glass-border);flex-wrap:wrap;gap:.45rem;padding:.85rem 1rem;display:flex}.session-name-input{min-width:0;font-family:var(--font);font-size:var(--text-sm);border:1px solid var(--glass-border);background:color-mix(in srgb, var(--bg-0) 50%, transparent);color:var(--text);border-radius:12px;outline:none;flex:140px;padding:.55rem .75rem}.session-name-input:focus{border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 0 0 3px var(--accent-glow)}.session-msg{font-size:var(--text-sm);color:var(--accent-2);margin:0;padding:.5rem 1rem}.session-list{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:.5rem .75rem .85rem;overflow:auto}.session-item{border:1px solid var(--glass-border);background:color-mix(in srgb, var(--bg-0) 35%, transparent);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;padding:.65rem .7rem;display:flex}.session-item.is-current{border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.session-item-name{font-weight:600;font-size:var(--text-sm)}.session-item-sub{font-size:var(--text-xs);margin-top:.15rem}.session-item-actions{flex-wrap:wrap;gap:.3rem;display:flex}.session-item-edit{gap:.4rem;width:100%;display:flex}.session-item-edit input{font-family:var(--font);font-size:var(--text-sm);border:1px solid var(--glass-border);color:var(--text);background:0 0;border-radius:10px;flex:1;padding:.45rem .6rem}.daw-shell,.daw-workspace,.daw-main{min-width:0;max-width:100%}@media (pointer:coarse){.daw-tr-btn{width:44px;height:40px}.btn{min-height:40px}.icon-btn{width:40px;height:40px}.daw-tcp-fader{min-height:28px}}.daw-timeline-inner{min-height:100%;position:relative}.daw-playhead{z-index:20;pointer-events:none;will-change:transform;position:absolute;top:0;bottom:0;left:0}.daw-playhead-head{clip-path:polygon(50% 100%,0 0,100% 0);background:#ff3b3b;width:10px;height:10px;margin-left:-5px}.daw-playhead-line{background:linear-gradient(#ff3b3b,#ff3b3b8c);width:1.5px;height:calc(100% - 10px);margin-left:-.75px;box-shadow:0 0 8px #ff3b3b73}.daw-wave-clip{background:color-mix(in srgb, var(--bg-0) 40%, transparent);border:1px solid;border-radius:8px;flex-shrink:0;height:52px;margin-right:6px;position:relative;overflow:hidden}.daw-wave-canvas{width:100%;height:100%;display:block}.daw-wave-meta{pointer-events:none;background:linear-gradient(#00000073,#0000 55%);align-items:flex-start;gap:.35rem;padding:.25rem .4rem;display:flex;position:absolute;inset:0}.daw-wave-meta .daw-clip-x{pointer-events:auto;margin-left:auto}.daw-wave-name{text-overflow:ellipsis;white-space:nowrap;color:#fff;text-shadow:0 1px 2px #0009;max-width:55%;font-size:.68rem;font-weight:600;overflow:hidden}.daw-wave-dur{color:#ffffffbf;font-size:.62rem}.daw-clip-lane{align-items:center;gap:0;min-height:52px;padding:2px 0;display:flex}