:root{color-scheme:dark;font-family:Avenir Next,Avenir,Inter,ui-sans-serif,system-ui,sans-serif;color:#eef5f3;background:#071a2c;font-synthesis:none;--navy: #071a2c;--navy-2: #0a2238;--navy-3: #102b43;--panel: #0c253b;--panel-soft: #112c43;--line: rgba(183, 217, 215, .14);--line-strong: rgba(183, 217, 215, .27);--muted: #8ca6ad;--mint: #6dd8c3;--teal: #237f79;--teal-bright: #53bdae;--gold: #f1bf49}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,select,input{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid rgba(109,216,195,.45);outline-offset:2px}.app-shell{display:grid;grid-template:84px minmax(940px,calc(100vh - 84px)) / 340px minmax(900px,1fr);min-height:1024px;background:var(--navy);transition:grid-template-columns .18s ease}.topbar{position:relative;z-index:5;grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;min-width:0;padding:0 32px;border-bottom:1px solid var(--line-strong);background:#06192a}.brand-lockup{display:flex;height:100%;align-items:center;gap:28px}.brand-lockup img{width:226px;height:auto;display:block}.product-name{display:grid;gap:1px;padding-left:28px;border-left:1px solid var(--line-strong)}.product-name strong{font-size:20px;letter-spacing:-.035em}.product-name span{color:var(--teal-bright);font-size:12px;font-weight:700}.top-actions{display:flex;gap:14px}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:11px;padding:0 20px;border:1px solid var(--line-strong);background:transparent;cursor:pointer;font-size:13px;font-weight:700}.button svg{width:18px;height:18px}.button:hover{border-color:var(--mint);background:#6dd8c30f}.button.primary{min-width:184px;border-color:var(--gold);background:var(--gold);color:#122335}.button.primary:hover{background:#f6ca60}.kit-panel{position:relative;display:flex;min-height:0;flex-direction:column;padding:34px 28px 24px;border-right:1px solid var(--line-strong);background:#081d30}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.panel-heading>span,.architecture-controls label>span,.length-control>span,.selection-summary>div>span,.modal-heading span{color:var(--teal-bright);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.panel-heading div{display:flex;align-items:center;gap:6px;color:var(--mint);font-size:11px;font-weight:700}.panel-heading svg{width:15px}.collapse-kit{position:absolute;right:-16px;top:34px;z-index:4;display:none;width:32px;height:32px;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:var(--navy-2);cursor:pointer}.sound-list{display:grid;gap:12px}.sound-card{display:grid;grid-template-columns:54px minmax(0,1fr) 36px 36px;align-items:center;gap:10px;min-height:82px;padding:13px;border:1px solid var(--line-strong);background:#102b4359;cursor:pointer;transition:border-color .14s ease,background .14s ease}.sound-card:hover,.sound-card.selected{border-color:#6dd8c39e;background:#237f791f}.sound-icon,.mini-role{display:grid;place-items:center;color:#d9f6ed;background:var(--teal)}.sound-icon{width:54px;height:54px}.sound-icon svg{width:28px;height:28px}.sound-copy{display:grid;min-width:0;gap:2px}.sound-copy strong{font-size:15px}.sound-copy span{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.sound-copy small{width:max-content;margin-top:4px;padding:2px 5px;color:var(--mint);background:#6dd8c31f;font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.sound-card>button{display:grid;width:36px;height:36px;place-items:center;padding:0;border:1px solid var(--line-strong);background:transparent;cursor:pointer}.sound-card>button:hover{border-color:var(--mint);color:var(--mint)}.sound-card>button svg{width:17px;height:17px}.drop-sound{display:grid;min-height:112px;place-items:center;align-content:center;gap:6px;border:1px dashed rgba(183,217,215,.36);background:transparent;color:var(--muted);cursor:pointer}.drop-sound:hover{border-color:var(--mint);color:#fff}.drop-sound svg{width:24px;height:24px;padding:4px;border:1px solid currentColor;border-radius:50%}.drop-sound span{font-size:12px}.drop-sound small{font-size:10px}.privacy-note{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:24px;color:var(--muted);font-size:10px}.privacy-note svg{color:var(--mint)}.architecture-panel{display:grid;min-width:0;min-height:0;grid-template-rows:auto auto auto 1fr;background:#0a2135}.architecture-controls{display:grid;grid-template-columns:minmax(210px,1.4fr) 105px 85px 72px 118px minmax(130px,.75fr);gap:22px;align-items:end;padding:32px 38px 26px;border-bottom:1px solid var(--line)}.architecture-controls label{display:grid;min-width:0;gap:9px}.architecture-controls label>span{color:#88cfc3;font-size:9px}.architecture-controls select,.number-field{width:100%;height:44px;border:1px solid var(--line-strong);border-radius:0;background:#0d2941;color:#f4f8f6;font-size:13px;font-weight:700}.architecture-controls select{padding:0 12px;cursor:pointer}.number-field{display:flex;align-items:center;padding:0 10px}.number-field input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:14px;font-weight:800}.number-field input::-webkit-inner-spin-button{display:none}.number-field small,.architecture-controls label>small{color:var(--muted);font-size:9px}.swing-control>div{display:flex;height:44px;align-items:center;gap:10px}.swing-control strong{min-width:30px;font-size:13px}.swing-control input{width:100%;accent-color:var(--mint)}.grid-scroll{min-width:0;overflow-x:auto;border-bottom:1px solid var(--line-strong);scrollbar-color:var(--teal) var(--navy)}.grid-stage{min-width:max(900px,calc(var(--steps) * 12px + 145px))}.timeline-spacer{float:left;display:grid;width:145px;height:92px;place-items:center;border-right:1px solid var(--line-strong);color:var(--mint);font-size:10px;font-weight:800}.timeline{display:grid;grid-template-columns:repeat(var(--steps),minmax(10px,1fr));grid-template-rows:29px 35px 28px;height:92px}.bar-label,.beat-label,.step-label{display:grid;place-items:center;border-right:1px solid var(--line);font-size:9px;font-weight:800}.bar-label{color:#a9bac0;letter-spacing:.1em;text-transform:uppercase}.beat-label{border-top:1px solid var(--line);color:#e4ecea;font-size:11px}.step-label{border-top:1px solid var(--line);color:#708e98;font-size:8px}.track-row-wrap{display:grid;grid-template-columns:145px minmax(0,1fr);min-height:108px;border-top:1px solid var(--line)}.track-row-wrap.selected{background:#6dd8c306}.track-label{display:flex;align-items:center;gap:10px;padding:0 14px;border:0;border-right:1px solid var(--line-strong);background:transparent;text-align:left;cursor:pointer}.mini-role{flex:0 0 34px;width:34px;height:34px}.mini-role svg{width:19px}.track-label>span:last-child{display:grid;gap:3px}.track-label strong{font-size:12px}.track-label small{color:var(--muted);font-size:9px}.track-grid{display:grid;grid-template-columns:repeat(var(--steps),minmax(10px,1fr));min-width:0}.grid-step{position:relative;display:grid;min-width:0;place-items:center;padding:0;border:0;border-right:1px solid rgba(183,217,215,.075);background:transparent;cursor:pointer}.grid-step:after{content:"";width:56%;height:calc(11px + 18px * var(--velocity));max-height:30px;border:1px solid rgba(183,217,215,.08);background:#b7d9d712;transition:background .1s ease,border-color .1s ease,transform .1s ease}.grid-step:hover:after{border-color:var(--mint);transform:scaleY(1.08)}.grid-step.active:after{border-color:#6dd8c359;background:rgba(109,216,195,calc(.42 + .5 * var(--velocity)))}.grid-step.accent:after{border-color:#d9fff6;background:#b6f2e3;box-shadow:0 0 13px #6dd8c33d}.grid-step.beat-boundary{border-left:1px solid rgba(183,217,215,.28)}.grid-step.bar-boundary{border-left:2px solid rgba(109,216,195,.54)}.grid-step.playhead{background:#6dd8c31f}.grid-step.playhead:before{content:"";position:absolute;inset:0 auto 0 -1px;width:2px;background:var(--mint);box-shadow:0 0 12px var(--mint)}.transport{display:grid;grid-template-columns:230px 54px 72px minmax(170px,1fr) 28px 110px 80px;min-height:108px;align-items:center;gap:20px;padding:0 38px;border-bottom:1px solid var(--line-strong);background:#071b2e}.length-control{display:grid;grid-template-columns:1fr 36px 36px;gap:8px;align-items:center}.length-control>span{grid-column:1 / -1;color:var(--teal-bright);font-size:8px}.length-control strong{font-size:14px}.length-control button{width:36px;height:32px;border:1px solid var(--line-strong);background:transparent;cursor:pointer}.length-control button:disabled{opacity:.35;cursor:default}.transport-play{display:grid;width:54px;height:54px;place-items:center;border:0;background:var(--mint);color:#0a2438;cursor:pointer}.transport-play svg{width:22px;height:22px}.transport-stat{display:grid;gap:2px}.transport-stat strong{font-size:17px}.transport-stat span{color:var(--muted);font-size:8px;letter-spacing:.06em;text-transform:uppercase}.transport-progress{position:relative;height:4px;background:#b7d9d721}.transport-progress>span{display:block;height:100%;background:var(--mint);transition:width 30ms linear}.transport-progress small{position:absolute;top:10px;right:0;color:var(--muted);font-size:8px}.speaker{color:var(--muted)}.selection-summary{display:grid;grid-template-columns:1fr 1.3fr .7fr;align-self:stretch;gap:34px;padding:30px 38px;background:#0b2236}.selection-summary>div{display:grid;align-content:start;gap:6px}.selection-summary strong{font-size:15px}.selection-summary small,.selection-summary p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.saved-status{display:flex;align-items:center;gap:7px;color:var(--mint)}.saved-status svg{width:15px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:#010a12c7;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.export-modal{width:min(820px,100%);max-height:calc(100vh - 48px);overflow-y:auto;padding:32px;border:1px solid rgba(109,216,195,.38);background:#0b2439;box-shadow:0 28px 90px #0000006b}.import-review-backdrop{z-index:40}.import-review-modal{width:min(680px,100%);max-height:calc(100vh - 48px);overflow-y:auto;padding:30px;border:1px solid rgba(109,216,195,.52);background:#0b2439;box-shadow:0 28px 90px #00000085}.import-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:18px 0;border:1px solid var(--line);background:var(--line)}.import-summary-grid>span{display:grid;gap:4px;padding:12px;background:#0d2941}.import-summary-grid small,.midi-mapping-review small,.import-rights-confirmation small{color:var(--muted);font-size:8px;letter-spacing:.08em;text-transform:uppercase}.import-summary-grid strong{color:#ecf6f4;font-size:12px}.midi-mapping-review{display:grid;overflow:hidden;margin:18px 0;border:1px solid var(--line)}.midi-mapping-review header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid var(--line);background:#6dd8c312}.midi-mapping-review header span{display:grid;gap:3px}.midi-mapping-review header strong{font-size:11px}.midi-mapping-review header b{color:var(--mint);font-size:9px;white-space:nowrap}.midi-mapping-review>label{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.75fr);align-items:center;gap:14px;padding:10px 12px;border-bottom:1px solid rgba(183,217,215,.14)}.midi-mapping-review>label:last-child{border-bottom:0}.midi-mapping-review>label span{display:grid;gap:2px}.midi-mapping-review>label strong{font-size:10px}.midi-mapping-review select{min-height:34px;border:1px solid var(--line-strong);background:#081e31;color:#eff7f5;font-size:10px}.import-warning{display:flex;align-items:flex-start;gap:9px;margin:16px 0;padding:11px 12px;border:1px solid rgba(241,191,73,.42);background:#f1bf4914;color:#ead9a3;font-size:10px;line-height:1.45}.import-warning svg{width:17px;flex:0 0 17px;color:var(--gold)}.import-rights-confirmation{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid rgba(109,216,195,.3);background:#6dd8c30f;cursor:pointer}.import-rights-confirmation input{width:17px;height:17px;margin:1px 0 0;accent-color:var(--mint)}.import-rights-confirmation span{display:grid;gap:4px}.import-rights-confirmation strong{color:#e8f5f2;font-size:10px}.import-rights-confirmation small{letter-spacing:0;text-transform:none;line-height:1.35}.import-review-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.import-review-actions .button{min-height:38px}.modal-heading{display:flex;justify-content:space-between;gap:28px;margin-bottom:26px}.modal-heading h2{margin:9px 0 8px;font-size:34px;letter-spacing:-.05em}.modal-heading p{max-width:500px;margin:0;color:var(--muted);font-size:13px;line-height:1.55}.modal-heading>button{align-self:flex-start;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:28px}.export-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.export-options button{display:grid;min-height:92px;grid-template-columns:38px 1fr 20px;align-items:center;gap:12px;padding:16px;border:1px solid var(--line-strong);background:#0d2941;text-align:left;cursor:pointer}.export-options button:hover{border-color:var(--mint);background:#103149}.export-options button>svg:first-child{width:30px;height:30px;color:var(--mint)}.export-options button span{display:grid;gap:4px}.export-options button strong{font-size:13px}.export-options button small{color:var(--muted);font-size:10px}.rendering{margin:18px 0 0;color:var(--mint);font-size:12px}.toast{position:fixed;right:24px;bottom:24px;z-index:50;display:flex;align-items:center;gap:9px;padding:14px 18px;border:1px solid rgba(109,216,195,.52);background:#123c48;box-shadow:0 14px 44px #0000005c;cursor:pointer;font-size:12px;font-weight:700}.toast svg{color:var(--mint)}@media(max-width:1180px){.app-shell{grid-template-columns:330px minmax(780px,1fr)}.brand-lockup img{width:200px}.architecture-controls{grid-template-columns:minmax(180px,1.3fr) repeat(4,minmax(74px,.7fr))}.swing-control{grid-column:1 / -1}}@media(max-width:900px){.app-shell{grid-template:auto auto auto / 1fr;min-height:100vh}.topbar{position:sticky;top:0;flex-wrap:wrap;gap:12px;padding:14px 18px}.brand-lockup img{width:170px}.product-name{display:none}.top-actions{width:100%}.button{flex:1;padding-inline:10px}.kit-panel{grid-row:2;border-right:0;border-bottom:1px solid var(--line-strong)}.sound-list{grid-template-columns:1fr 1fr}.privacy-note{margin-top:22px}.architecture-panel{grid-row:3}.architecture-controls{grid-template-columns:1fr 1fr 1fr;padding:24px 18px}.template-control{grid-column:span 2}.swing-control{grid-column:auto}.transport{grid-template-columns:1fr 54px 70px 1fr;padding:18px}.transport .speaker,.transport-stat:nth-last-child(-n+2){display:none}.selection-summary{padding:24px 18px}}@media(max-width:600px){.top-actions .secondary:nth-child(2){display:none}.brand-lockup img{width:154px}.button{min-height:42px;font-size:11px}.kit-panel{padding-inline:16px}.sound-list{grid-template-columns:1fr}.architecture-controls{grid-template-columns:1fr 1fr;gap:16px}.template-control,.swing-control{grid-column:1 / -1}.transport{grid-template-columns:1fr 54px 70px}.transport-progress{display:none}.selection-summary,.export-options{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.workspace-chrome{display:contents}.readiness-button{display:inline-flex;min-height:42px;align-items:center;gap:9px;padding:0 13px;border:1px solid rgba(109,216,195,.45);background:#6dd8c31a;color:var(--mint);cursor:pointer;font-size:11px;font-weight:800;white-space:nowrap}.readiness-button svg{width:18px;height:18px}.readiness-button.warning{border-color:#f1bf498c;background:#f1bf491a;color:var(--gold)}.readiness-button.blocked{border-color:#ef7d7d99;background:#ef7d7d1a;color:#ff9d9d}.compact-action{min-width:0;padding-inline:14px}.top-actions{align-items:center}.top-actions .button.primary{min-width:156px}.mobile-workspace-nav{display:none}.architecture-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto 1fr}.command-strip{display:flex;min-width:0;min-height:74px;align-items:center;gap:15px;padding:12px 38px;overflow-x:auto;border-bottom:1px solid var(--line-strong);background:#081d30;scrollbar-width:thin;scrollbar-color:var(--teal) transparent}.project-title-field{display:grid;flex:1 0 180px;max-width:290px;gap:5px}.project-title-field span{color:var(--teal-bright);font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.project-title-field input{min-width:0;width:100%;height:36px;padding:0 10px;border:1px solid var(--line-strong);background:#0d2941;color:#fff;font-size:12px;font-weight:700}.tool-cluster,.scene-controls{display:flex;flex:0 0 auto;align-items:center;gap:5px;padding-left:14px;border-left:1px solid var(--line)}.tool-cluster>button,.scene-controls>button{display:grid;min-width:34px;height:34px;place-items:center;padding:0 8px;border:1px solid var(--line-strong);background:transparent;color:var(--muted);cursor:pointer;font-size:10px;font-weight:900}.tool-cluster>button:hover,.scene-controls>button:hover,.tool-cluster>button.active,.scene-controls>button.active{border-color:var(--mint);background:#6dd8c31f;color:var(--mint)}.tool-cluster>button:disabled,.scene-controls>button:disabled{opacity:.32;cursor:default}.tool-cluster svg{width:16px;height:16px}.velocity-tool{display:flex;width:104px;align-items:center;gap:7px;color:var(--muted);font-size:8px;font-weight:800}.velocity-tool input{min-width:0;width:72px;accent-color:var(--mint)}.scene-controls>button{min-width:38px;color:#9eb2ba}.scene-controls>button.stored{border-color:#6dd8c36b}.scene-controls>button.empty{border-style:dashed;opacity:.7}.scene-controls .store-scene{width:auto;padding-inline:10px;color:var(--gold)}.command-actions{margin-left:auto}.performance-mode .command-strip{border-bottom-color:#f1bf4973;box-shadow:inset 0 -2px #f1bf4933}.performance-mode .project-title-field input{border-color:transparent;background:transparent}.grid-stage{min-width:max(900px,calc(var(--steps) * 12px + 175px))}.timeline-spacer{position:sticky;left:0;z-index:3;width:175px;background:#0a2135}.track-row-wrap{grid-template-columns:175px minmax(0,1fr)}.track-label{position:sticky;left:0;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;padding:0 10px 0 8px;border-right:1px solid var(--line-strong);background:#0a2135}.track-select{display:flex;min-width:0;height:100%;align-items:center;gap:9px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.track-select>span:last-child{display:grid;min-width:0;gap:3px}.track-select strong{font-size:11px}.track-select small{color:var(--muted);font-size:8px}.lane-quick{display:grid;grid-template-columns:1fr 1fr;gap:3px}.lane-quick button{width:22px;height:24px;padding:0;border:1px solid var(--line-strong);background:transparent;color:var(--muted);cursor:pointer;font-size:8px;font-weight:900}.lane-quick button.active{border-color:var(--gold);background:#f1bf4926;color:var(--gold)}.track-row-wrap.muted .track-grid{opacity:.45}.grid-step{touch-action:none}.grid-step:disabled{cursor:default;opacity:.72}.grid-step:disabled:hover:after{transform:none}.performance-mode .grid-scroll{box-shadow:inset 0 0 0 1px #f1bf492e}.icon-transport{display:grid;width:34px;height:34px;place-items:center;padding:0;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}.icon-transport:hover{border-color:var(--mint);color:var(--mint)}.next-kit{display:flex;min-width:94px;height:38px;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px solid var(--line-strong);background:transparent;color:#d9e7e5;cursor:pointer;font-size:9px;font-weight:800;text-transform:uppercase}.next-kit svg{width:14px}.transport{grid-template-columns:210px 54px 78px minmax(150px,1fr) 34px 90px 100px}.saved-status.warning{color:var(--gold)}.saved-status.blocked{color:#ff9d9d}.health-tag{margin-top:4px}.health-tag.warning{color:var(--gold);background:#f1bf491a}.health-tag.blocked{color:#ff9d9d;background:#ef7d7d1a}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;justify-content:flex-end;background:#010a1299;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.operations-drawer{display:grid;width:min(540px,100vw);height:100%;grid-template-rows:auto auto minmax(0,1fr);border-left:1px solid rgba(109,216,195,.3);background:#081d30;box-shadow:-28px 0 80px #00000061}.drawer-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 26px 20px;border-bottom:1px solid var(--line)}.drawer-heading span{color:var(--teal-bright);font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.drawer-heading h2{margin:5px 0 0;font-size:27px;letter-spacing:-.04em}.drawer-heading>button{display:grid;width:38px;height:38px;place-items:center;padding:0;border:1px solid var(--line-strong);background:transparent;color:var(--muted);cursor:pointer}.drawer-heading>button svg{width:18px}.drawer-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line-strong)}.drawer-tabs button{display:grid;min-height:58px;place-items:center;align-content:center;gap:4px;padding:7px 4px;border:0;border-right:1px solid var(--line);background:#0a2238;color:var(--muted);cursor:pointer;font-size:8px;font-weight:800}.drawer-tabs button:last-child{border-right:0}.drawer-tabs button.active{background:#6dd8c31a;color:var(--mint);box-shadow:inset 0 -2px 0 var(--mint)}.drawer-tabs svg{width:17px;height:17px}.drawer-content{min-height:0;overflow-y:auto}.drawer-section{display:grid;gap:20px;padding:26px}.drawer-section h3{margin:0;color:#b8c9cd;font-size:10px;letter-spacing:.11em;text-transform:uppercase}.drawer-section p{color:var(--muted);font-size:11px;line-height:1.55}.drawer-primary,.drawer-secondary{display:flex;min-height:44px;align-items:center;justify-content:center;gap:9px;border:1px solid var(--mint);background:var(--mint);color:#082237;cursor:pointer;font-size:11px;font-weight:900}.drawer-secondary{border-color:var(--line-strong);background:transparent;color:#dce9e7}.drawer-primary svg,.drawer-secondary svg{width:17px}.drawer-note{margin:-4px 0 0!important;padding:12px 14px;border-left:2px solid var(--teal);background:#237f7914}.drawer-field,.current-project-card label{display:grid;gap:8px}.drawer-field>span,.current-project-card label>span{color:var(--teal-bright);font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.drawer-field input,.drawer-field select,.current-project-card input{width:100%;height:42px;padding:0 12px;border:1px solid var(--line-strong);background:#0d2941;color:#fff}.drawer-action-row{display:flex;flex-wrap:wrap;gap:8px}.drawer-action-row button{display:flex;min-height:40px;flex:1;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid var(--line-strong);background:#0d2941;color:#e4eeec;cursor:pointer;font-size:10px;font-weight:800}.drawer-action-row button:hover{border-color:var(--mint)}.drawer-action-row button:disabled{opacity:.35;cursor:default}.drawer-action-row svg{width:15px}.readiness-hero{display:grid;min-height:98px;grid-template-columns:54px 1fr;align-items:center;gap:15px;padding:18px;border:1px solid rgba(109,216,195,.42);background:#6dd8c31a}.readiness-hero>div{display:grid;width:50px;height:50px;place-items:center;background:#6dd8c324;color:var(--mint)}.readiness-hero svg{width:26px;height:26px}.readiness-hero span{display:grid;gap:5px}.readiness-hero strong{font-size:16px}.readiness-hero small{color:#b1c6c8;font-size:10px}.readiness-hero.warning{border-color:#f1bf4980;background:#f1bf4914}.readiness-hero.warning>div{color:var(--gold);background:#f1bf491f}.readiness-hero.blocked{border-color:#ef7d7d80;background:#ef7d7d14}.readiness-hero.blocked>div{color:#ff9d9d;background:#ef7d7d1f}.health-list{display:grid;border:1px solid var(--line)}.health-list article{display:grid;min-height:62px;grid-template-columns:10px 1fr auto;align-items:center;gap:11px;padding:10px 13px;border-bottom:1px solid var(--line)}.health-list article:last-child{border-bottom:0}.health-list article>div,.issue-list article span,.status-grid span{display:grid;gap:3px}.health-list strong{font-size:12px}.health-list small,.issue-list small,.status-grid small{color:var(--muted);font-size:9px;line-height:1.4}.health-list b{color:var(--muted);font-size:8px;letter-spacing:.08em;text-transform:uppercase}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 3px #8ca6ad1a}.status-dot.ready{background:var(--mint);box-shadow:0 0 0 3px #6dd8c31f}.status-dot.warning{background:var(--gold);box-shadow:0 0 0 3px #f1bf491f}.status-dot.blocked{background:#ff8080;box-shadow:0 0 0 3px #ff80801f}.issue-list{display:grid;gap:8px}.issue-list article{display:grid;grid-template-columns:20px 1fr;gap:9px;padding:11px 13px;border:1px solid var(--line);background:#b7d9d708}.issue-list article.error{border-color:#ef7d7d59}.issue-list article.warning svg{color:var(--gold)}.issue-list article.error svg{color:#ff9d9d}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.status-grid>div{display:grid;min-height:74px;grid-template-columns:28px 1fr;align-items:center;gap:9px;padding:12px;border:1px solid var(--line)}.status-grid svg{width:20px;color:var(--mint)}.current-project-card{display:grid;gap:14px;padding:16px;border:1px solid rgba(109,216,195,.3);background:#6dd8c30d}.current-project-card>div{display:flex;gap:8px}.current-project-card button{display:flex;min-height:34px;flex:1;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line-strong);background:transparent;color:var(--muted);cursor:pointer;font-size:9px;font-weight:800}.current-project-card button.active{border-color:var(--gold);color:var(--gold);background:#f1bf4914}.current-project-card button svg{width:14px}.project-pattern-source{display:grid!important;grid-template-columns:24px 1fr;align-items:center;gap:8px!important;padding:9px 10px;border:1px solid rgba(109,216,195,.25);background:#6dd8c309}.project-pattern-source>svg{width:16px;color:var(--mint)}.project-pattern-source>span{display:grid;gap:3px}.project-pattern-source strong{color:#dce8e6;font-size:9px}.project-pattern-source small{color:var(--muted);font-size:8px}.library-list,.revision-list{display:grid;gap:8px}.library-list>h3,.revision-list>h3{margin-bottom:2px}.library-list article{display:grid;grid-template-columns:1fr 38px;border:1px solid var(--line);background:#102b4347}.library-list article.active{border-color:#6dd8c38c}.project-open{display:flex;min-width:0;min-height:60px;align-items:center;justify-content:space-between;gap:8px;padding:10px 13px;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer}.project-open>span,.revision-list article>span{display:grid;min-width:0;gap:4px}.project-open strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.project-open small,.revision-list small{color:var(--muted);font-size:8px}.project-open svg{flex:0 0 auto;color:var(--gold)}.library-list article>button:last-child{border:0;border-left:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}.library-list article>button:last-child:hover{color:#ff9d9d}.revision-list article{display:flex;min-height:50px;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-bottom:1px solid var(--line)}.revision-list strong{font-size:10px;text-transform:capitalize}.revision-list button{min-height:30px;padding:0 10px;border:1px solid var(--line-strong);background:transparent;color:var(--mint);cursor:pointer;font-size:8px;font-weight:900}.master-strip{display:grid;gap:12px;padding:16px;border:1px solid rgba(109,216,195,.28);background:#6dd8c30d}.master-strip label,.mixer-lanes article>label{display:grid;grid-template-columns:55px 1fr 45px;align-items:center;gap:8px;color:var(--muted);font-size:9px}.master-strip input[type=range],.mixer-lanes input[type=range]{min-width:0;width:100%;accent-color:var(--mint)}.master-strip b,.mixer-lanes b{color:#d7e7e4;font-size:9px;text-align:right}.master-strip .toggle-row{display:flex;grid-template-columns:none}.master-strip .toggle-row input{accent-color:var(--mint)}.master-strip .toggle-row b{margin-left:auto}.mixer-lanes{display:grid;gap:10px}.mixer-lanes article{display:grid;gap:10px;padding:13px;border:1px solid var(--line);background:#102b4333}.mixer-lanes header{display:grid;grid-template-columns:34px 1fr 30px 30px;align-items:center;gap:7px}.mixer-lanes header strong{font-size:11px}.mixer-lanes header button{width:30px;height:28px;padding:0;border:1px solid var(--line-strong);background:transparent;color:var(--muted);cursor:pointer;font-size:9px;font-weight:900}.mixer-lanes header button.active{border-color:var(--gold);color:var(--gold);background:#f1bf491a}.connection-card{display:grid;min-height:86px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);background:#102b434d}.connection-card.ready{border-color:#6dd8c373}.connection-card>svg{width:28px;height:28px;color:var(--mint)}.connection-card>span,.sync-status>div,.privacy-callout span,.clock-card>div span{display:grid;gap:4px}.connection-card strong{font-size:11px}.connection-card small,.sync-status small,.privacy-callout small,.clock-card small{color:var(--muted);font-size:9px;line-height:1.4}.connection-card button{min-height:34px;padding:0 10px;border:1px solid var(--mint);background:transparent;color:var(--mint);cursor:pointer;font-size:8px;font-weight:900}.mapping-list{display:grid;gap:7px}.mapping-list article{display:grid;min-height:54px;grid-template-columns:1fr auto 32px;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line)}.mapping-list article>span{display:grid;gap:3px}.mapping-list strong{font-size:10px}.mapping-list small{color:var(--muted);font-size:8px}.mapping-list button{min-height:30px;padding:0 9px;border:1px solid var(--line-strong);background:transparent;color:var(--mint);cursor:pointer;font-size:8px;font-weight:900}.mapping-list button.active{border-color:var(--gold);color:var(--gold)}.mapping-list button:last-child{display:grid;width:30px;place-items:center;padding:0;color:var(--muted)}.clock-card{display:grid;gap:12px;padding:15px;border:1px solid var(--line)}.clock-card>div{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px}.clock-card svg{width:22px;color:var(--mint)}.clock-card>label{display:flex;align-items:center;gap:8px;color:#c5d4d4;font-size:10px}.clock-card input{accent-color:var(--mint)}.privacy-callout{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:14px;border:1px solid rgba(109,216,195,.3);background:#6dd8c30f}.privacy-callout>svg{width:23px;color:var(--mint)}.sync-status{display:grid;min-height:58px;grid-template-columns:12px 1fr;align-items:center;gap:11px;padding:11px 13px;border:1px solid var(--line)}.sync-status strong{font-size:11px;text-transform:capitalize}.sync-compatibility{border:1px solid var(--line);background:#081a2a61}.sync-compatibility summary{padding:12px 13px;color:var(--muted);cursor:pointer;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.sync-compatibility[open]{padding:0 13px 13px}.sync-compatibility[open] summary{margin:0 -13px 10px;border-bottom:1px solid var(--line)}.sync-compatibility p{margin:0 0 10px;color:var(--muted);font-size:9px;line-height:1.5}.workspace-switcher{display:flex;min-width:205px;align-items:stretch;margin-left:auto;margin-right:14px;border:1px solid var(--line-strong);background:#091f33}.workspace-switcher label{display:grid;min-width:0;flex:1;gap:1px;padding:7px 10px}.workspace-switcher label>span{color:var(--teal-bright);font-size:7px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.workspace-switcher select{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:10px;font-weight:800}.workspace-switcher>button{display:grid;width:40px;place-items:center;padding:0;border:0;border-left:1px solid var(--line);background:transparent;color:var(--mint);cursor:pointer}.workspace-switcher svg{width:17px}.active-kit-selector{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:-15px 0 15px;padding:10px;border:1px solid rgba(109,216,195,.34);background:#6dd8c30e}.active-kit-selector label{display:grid;min-width:0;gap:4px}.active-kit-selector label>span{overflow:hidden;font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.active-kit-selector select{min-width:0;height:27px;padding:0 6px;border:1px solid var(--line);background:#0c2941;color:var(--muted);font-size:8px}.active-kit-selector>button{align-self:stretch;padding:0 9px;border:1px solid var(--line-strong);background:transparent;color:var(--mint);cursor:pointer;font-size:8px;font-weight:900}.sound-card{grid-template-columns:54px minmax(0,1fr) 36px;min-height:104px}.sound-assignment-select{min-width:0;width:100%;height:25px;margin-top:3px;padding:0 5px;border:1px solid var(--line);background:#0b263c;color:#c4d5d5;font-size:8px}.next-kit:disabled{opacity:.42;cursor:default}.drawer-tabs{grid-template-columns:repeat(6,1fr)}.library-section-tabs{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line-strong)}.library-section-tabs button{min-height:38px;padding:0 5px;border:0;border-right:1px solid var(--line);background:#0a2238;color:var(--muted);cursor:pointer;font-size:8px;font-weight:900}.library-section-tabs button:last-child{border-right:0}.library-section-tabs button.active{background:#6dd8c31a;color:var(--mint);box-shadow:inset 0 -2px 0 var(--mint)}.library-view{display:grid;gap:18px}.next-project-button{justify-self:start;min-width:140px}.library-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px;border:1px solid rgba(109,216,195,.3);background:#6dd8c30e}.library-intro>span{display:grid;gap:4px}.library-intro strong{font-size:12px}.library-intro small{color:var(--muted);font-size:9px;line-height:1.45}.library-intro>button,.library-intro>b{flex:0 0 auto;min-height:36px;padding:0 11px;border:1px solid var(--mint);background:transparent;color:var(--mint);cursor:pointer;font-size:8px;font-weight:900}.library-intro>b{display:grid;place-items:center;border-color:var(--line-strong);color:#dce8e6}.pattern-save-controls{display:flex;flex:0 0 auto;align-items:stretch;gap:6px}.pattern-save-controls input{width:150px;min-height:36px;padding:0 9px;border:1px solid var(--line-strong);background:#031423b3;color:var(--text);font:inherit;font-size:9px;outline:none}.pattern-save-controls input:focus{border-color:var(--mint);box-shadow:0 0 0 2px #6dd8c31f}.pattern-save-controls button{display:inline-flex;min-height:36px;align-items:center;gap:5px;padding:0 11px;border:1px solid var(--mint);background:transparent;color:var(--mint);cursor:pointer;font-size:8px;font-weight:900;white-space:nowrap}.pattern-save-controls button:disabled{opacity:.45;cursor:default}.named-kit-list{display:grid;gap:10px}.named-kit-list>article{display:grid;gap:12px;padding:14px;border:1px solid var(--line);background:#102b4340}.named-kit-list>article.active{border-color:#6dd8c394;box-shadow:inset 3px 0 0 var(--mint)}.named-kit-list article>header{display:flex;align-items:start;justify-content:space-between;gap:10px}.named-kit-list header>span{display:grid;gap:3px}.named-kit-list header strong{font-size:13px}.named-kit-list header small{color:var(--muted);font-size:8px}.named-kit-list header>b{color:var(--mint);font-size:8px}.kit-role-mix{display:grid;border:1px solid var(--line)}.kit-role-mix>span{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:32px;padding:5px 8px;border-bottom:1px solid var(--line)}.kit-role-mix>span:last-child{border-bottom:0}.kit-role-mix strong{font-size:8px;text-transform:uppercase}.kit-role-mix small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.kit-role-mix b{color:#bcd0ce;font-size:7px;font-weight:800}.named-kit-list footer{display:flex;flex-wrap:wrap;gap:6px}.named-kit-list footer button{display:inline-flex;min-height:31px;align-items:center;gap:5px;padding:0 9px;border:1px solid var(--line-strong);background:transparent;color:#c6d6d5;cursor:pointer;font-size:8px;font-weight:900}.named-kit-list footer button:first-child{border-color:var(--mint);color:var(--mint)}.named-kit-list footer button:disabled{border-color:var(--line);color:var(--muted);opacity:.6;cursor:default}.named-kit-list footer svg{width:12px}.pattern-library-list{display:grid;gap:10px}.pattern-library-list>article{display:grid;gap:12px;padding:14px;border:1px solid var(--line);background:#102b4340}.pattern-library-list>article.active{border-color:#6dd8c394;box-shadow:inset 3px 0 0 var(--mint)}.pattern-library-list article>header{display:flex;align-items:start;justify-content:space-between;gap:10px}.pattern-library-list header>span{display:grid;min-width:0;gap:4px}.pattern-library-list header strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.pattern-library-list header small{color:var(--muted);font-size:8px;line-height:1.45}.pattern-library-list header>b{display:grid;min-width:27px;height:24px;place-items:center;border:1px solid rgba(109,216,195,.35);color:var(--mint);font-size:8px}.pattern-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line)}.pattern-facts>span{display:grid;gap:3px;padding:8px;border-right:1px solid var(--line)}.pattern-facts>span:last-child{border-right:0}.pattern-facts small{color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pattern-facts strong{color:#dce8e6;font-size:9px}.pattern-lineage{display:flex;align-items:center;gap:7px;color:#8ecac0;font-size:8px;line-height:1.45}.pattern-lineage svg{width:13px;flex:0 0 auto}.pattern-library-list footer{display:flex;flex-wrap:wrap;gap:6px}.pattern-library-list footer button{display:inline-flex;min-height:31px;align-items:center;gap:5px;padding:0 9px;border:1px solid var(--line-strong);background:transparent;color:#c6d6d5;cursor:pointer;font-size:8px;font-weight:900}.pattern-library-list footer button:first-child{border-color:var(--mint);color:var(--mint)}.pattern-library-list footer button:last-child{width:31px;justify-content:center;margin-left:auto;padding:0;color:var(--muted)}.pattern-library-list footer button:disabled{opacity:.45;cursor:default}.pattern-library-list footer svg{width:12px}.pattern-confirm{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid rgba(243,193,76,.35);background:#f3c14c0f}.pattern-confirm>span{display:grid;flex:1;gap:2px;min-width:0}.pattern-confirm strong{color:#f4d67a;font-size:9px}.pattern-confirm small{color:var(--muted);font-size:8px;line-height:1.35}.pattern-confirm button{min-height:29px;padding:0 8px;border:1px solid var(--line-strong);background:transparent;color:#dce8e6;cursor:pointer;font-size:8px;font-weight:900}.pattern-confirm button:first-of-type{border-color:#f3c14c;color:#f4d67a}.empty-library-card{display:grid;min-height:110px;grid-template-columns:40px 1fr;align-items:center;gap:12px;padding:18px;border:1px dashed var(--line-strong);color:var(--muted)}.empty-library-card>svg{width:27px;color:var(--mint)}.empty-library-card>span{display:grid;gap:5px}.empty-library-card strong{color:#dce8e6;font-size:11px}.empty-library-card small{font-size:9px;line-height:1.5}.sound-library-list{display:grid;gap:8px}.sound-library-mode{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line-strong)}.sound-library-mode button{display:flex;min-height:38px;align-items:center;justify-content:center;gap:7px;border:0;border-right:1px solid var(--line);background:#0a2238;color:var(--muted);cursor:pointer;font-size:8px;font-weight:900}.sound-library-mode button:last-child{border-right:0}.sound-library-mode button.active{background:#6dd8c31a;color:var(--mint);box-shadow:inset 0 -2px 0 var(--mint)}.sound-library-mode b{display:grid;min-width:19px;height:19px;place-items:center;border-radius:10px;background:#6dd8c31f;font-size:7px}.sound-library-list>article{display:grid;min-height:70px;grid-template-columns:38px minmax(0,1fr) 34px 34px;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--line);background:#102b433d}.sound-library-list.archived>article{border-color:#f1bf4940;background:#f1bf4909}.sound-library-list.archived .sound-library-icon{background:#6c5b32;color:#f1d99b}.sound-library-list.archived article>button:last-child{color:var(--mint)}.sound-library-icon{display:grid;width:38px;height:38px;place-items:center;background:var(--teal);color:#fff}.sound-library-icon svg{width:20px}.sound-library-list article>span:nth-child(2){display:grid;min-width:0;gap:3px}.sound-library-list strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.sound-library-list small,.sound-library-list em{color:var(--muted);font-size:8px;font-style:normal}.sound-library-list em{color:#8ecac0}.sound-library-list article>button{display:grid;width:34px;height:34px;place-items:center;padding:0;border:1px solid var(--line-strong);background:transparent;color:var(--muted);cursor:pointer}.sound-library-list article>button:hover{color:var(--mint);border-color:var(--mint)}.sound-library-list article>button:last-child:hover{color:#ff9d9d;border-color:#ef7d7d8c}.sound-library-list button svg{width:14px}.project-kit-order{display:grid;gap:7px;margin:0;padding:0;list-style:none}.project-kit-order li{display:grid;min-height:58px;grid-template-columns:28px minmax(0,1fr) 30px 30px 30px;align-items:center;gap:6px;padding:8px;border:1px solid var(--line);background:#102b433d}.project-kit-order li.active{border-color:#6dd8c38c;background:#6dd8c30f}.project-kit-order li>b{display:grid;width:25px;height:25px;place-items:center;background:#0d3048;color:var(--mint);font-size:9px}.project-kit-order li>span{display:grid;min-width:0;gap:3px}.project-kit-order strong{font-size:11px}.project-kit-order small{color:var(--muted);font-size:8px}.project-kit-order button{width:30px;height:30px;padding:0;border:1px solid var(--line-strong);background:transparent;color:var(--muted);cursor:pointer}.project-kit-order button:disabled{opacity:.3;cursor:default}.unordered-kits{display:flex;flex-wrap:wrap;gap:7px}.unordered-kits h3,.unordered-kits p{flex-basis:100%}.unordered-kits button{display:flex;min-height:34px;align-items:center;gap:6px;padding:0 10px;border:1px dashed var(--line-strong);background:transparent;color:var(--mint);cursor:pointer;font-size:8px;font-weight:900}.unordered-kits svg{width:13px}.workspace-boundary{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:11px;padding:15px;border:1px solid rgba(241,191,73,.4);background:#f1bf4911}.workspace-boundary>svg{width:24px;color:var(--gold)}.workspace-boundary>span{display:grid;gap:4px}.workspace-boundary strong{color:#f1d99b;font-size:11px}.workspace-boundary small{color:#aa9f84;font-size:9px;line-height:1.5}.workspace-management-card{display:grid;gap:10px;padding:14px;border:1px solid var(--line)}.workspace-management-card label{display:grid;gap:7px}.workspace-management-card label>span,.member-form label>span{color:var(--teal-bright);font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.workspace-management-card select,.member-form input,.member-form select{width:100%;height:39px;padding:0 10px;border:1px solid var(--line-strong);background:#0d2941;color:#fff}.workspace-management-card>div{display:flex;gap:8px}.workspace-management-card button,.member-form>button{display:flex;min-height:36px;flex:1;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line-strong);background:transparent;color:#dce8e7;cursor:pointer;font-size:8px;font-weight:900}.workspace-management-card button:first-child,.member-form>button{border-color:var(--mint);color:var(--mint)}.workspace-management-card svg,.member-form svg{width:13px}.workspace-usage-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.workspace-usage-grid article{display:grid;min-width:0;gap:4px;padding:12px 8px;border-right:1px solid var(--line)}.workspace-usage-grid article:last-child{border-right:0}.workspace-usage-grid strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.workspace-usage-grid small{color:var(--muted);font-size:7px;text-transform:uppercase}.workspace-policy-card,.workspace-members-card{display:grid;gap:11px;padding:14px;border:1px solid var(--line)}.workspace-policy-card .toggle-row{display:grid;grid-template-columns:18px 1fr;align-items:start;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}.workspace-policy-card .toggle-row:last-child{border-bottom:0}.workspace-policy-card .toggle-row input{margin-top:2px;accent-color:var(--mint)}.workspace-policy-card .toggle-row span{display:grid;gap:3px}.workspace-policy-card strong{font-size:10px}.workspace-policy-card small{color:var(--muted);font-size:8px;line-height:1.45}.workspace-members-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.workspace-members-card header>span{display:grid;gap:3px}.workspace-members-card header strong{font-size:12px}.workspace-members-card header small,.workspace-members-card header>b{color:var(--muted);font-size:8px}.member-list{display:grid;border:1px solid var(--line)}.member-list article{display:grid;min-height:51px;grid-template-columns:minmax(0,1fr) auto 30px;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line)}.member-list article:last-child{border-bottom:0}.member-list article>span{display:grid;min-width:0;gap:3px}.member-list strong{font-size:10px}.member-list small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.member-list article>b{color:var(--mint);font-size:7px;text-transform:uppercase}.member-list button{display:grid;width:30px;height:30px;place-items:center;padding:0;border:1px solid var(--line-strong);background:transparent;color:var(--muted);cursor:pointer}.member-list button:hover{color:#ff9d9d}.member-list svg{width:13px}.member-form{display:grid;grid-template-columns:1fr 1.25fr .75fr;gap:8px}.member-form label{display:grid;gap:5px}.member-form>button{grid-column:1 / -1}.export-preflight{display:grid;min-height:66px;grid-template-columns:30px 1fr;align-items:center;gap:12px;margin:-8px 0 20px;padding:12px 14px;border:1px solid rgba(109,216,195,.35);background:#6dd8c312}.export-preflight>svg{width:23px;color:var(--mint)}.export-preflight>span{display:grid;gap:4px}.export-preflight strong{font-size:11px}.export-preflight small{color:var(--muted);font-size:9px}.export-preflight.warning{border-color:#f1bf4966}.export-preflight.warning>svg{color:var(--gold)}.export-preflight.blocked{border-color:#ef7d7d73}.export-preflight.blocked>svg{color:#ff9d9d}.export-destination-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:18px;border:1px solid var(--line-strong)}.export-destination-tabs button{display:flex;min-height:46px;align-items:center;justify-content:center;gap:8px;border:0;border-right:1px solid var(--line-strong);background:#0a2135;color:var(--muted);cursor:pointer;font-size:10px;font-weight:900}.export-destination-tabs button:last-child{border-right:0}.export-destination-tabs button.active{background:#6dd8c31c;color:var(--mint);box-shadow:inset 0 -2px 0 var(--mint)}.export-destination-tabs svg{width:17px;height:17px}.melody-publish-panel{display:grid;gap:15px}.melody-destination,.melody-package-picker,.melody-publish-boundary{margin:0;padding:15px;border:1px solid var(--line);background:#102b4340}.melody-destination.selected{border-color:#6dd8c373;background:#6dd8c30e}.melody-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.melody-section-heading>span{display:grid;gap:3px}.melody-section-heading strong,.melody-package-picker legend{color:var(--teal-bright);font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.melody-section-heading small{color:var(--muted);font-size:9px}.melody-section-heading>svg{width:21px;color:var(--mint)}.melody-choose-button{display:grid;width:100%;min-height:62px;grid-template-columns:30px 1fr 18px;align-items:center;gap:10px;padding:11px 13px;border:1px dashed rgba(109,216,195,.5);background:#6dd8c30b;color:#fff;text-align:left;cursor:pointer}.melody-choose-button>svg:first-child{width:23px;color:var(--mint)}.melody-choose-button>span,.melody-publish-button>span{display:grid;gap:3px}.melody-choose-button strong,.melody-publish-button strong{font-size:11px}.melody-choose-button small,.melody-publish-button small{color:var(--muted);font-size:9px;line-height:1.4}.melody-destination-selection{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) auto;align-items:center;gap:10px}.melody-destination-selection>span{display:grid;min-width:0;gap:3px}.melody-destination-selection small,.melody-architecture-summary small,.melody-version-lineage small{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.melody-destination-selection strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.melody-destination-selection>svg{width:14px;color:var(--muted)}.melody-destination-selection button{min-height:34px;padding:0 11px;border:1px solid var(--line-strong);background:transparent;color:var(--mint);cursor:pointer;font-size:8px;font-weight:900}.melody-package-picker{display:grid;gap:8px}.melody-package-picker legend{padding:0 6px}.melody-package-picker label{display:grid;min-height:56px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);background:#0b273e;cursor:pointer}.melody-package-picker label.active{border-color:#6dd8c38c;background:#6dd8c314}.melody-package-picker input{accent-color:var(--mint)}.melody-package-picker label>span{display:grid;gap:3px}.melody-package-picker strong{font-size:10px}.melody-package-picker small{color:var(--muted);font-size:8px;line-height:1.4}.melody-package-picker b{color:var(--mint);font-size:8px;letter-spacing:.05em}.melody-architecture-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.melody-architecture-summary>span{display:grid;min-width:0;gap:4px;padding:11px;border-right:1px solid var(--line)}.melody-architecture-summary>span:last-child{border-right:0}.melody-architecture-summary strong{font-size:11px}.melody-audio-consent{display:grid;grid-template-columns:20px 1fr;align-items:start;gap:10px;padding:13px 14px;border:1px solid rgba(241,191,73,.5);background:#f1bf4912;cursor:pointer}.melody-audio-consent input{width:17px;height:17px;margin:1px 0 0;accent-color:var(--gold)}.melody-audio-consent>span{display:grid;gap:4px}.melody-audio-consent strong{color:#f5dc9a;font-size:10px}.melody-audio-consent small{color:#b5a982;font-size:8px;line-height:1.5}.melody-audio-source,.melody-prepared-package,.melody-audio-preflight{display:grid;gap:9px;padding:13px 14px;border:1px solid var(--line);background:#102b4340}.melody-audio-source>div,.melody-prepared-package>div,.melody-audio-preflight>span{display:grid;gap:4px}.melody-audio-source strong,.melody-prepared-package strong,.melody-audio-preflight strong{color:var(--teal-bright);font-size:10px}.melody-audio-source small,.melody-prepared-package small,.melody-audio-preflight small{color:var(--muted);font-size:8px;line-height:1.5}.melody-audio-source>label{display:flex;align-items:center;gap:8px;color:var(--text);font-size:9px;cursor:pointer}.melody-audio-source>label.disabled{color:var(--muted);cursor:default}.melody-audio-source input{accent-color:var(--mint)}.melody-audio-source select{min-height:34px;padding:0 9px;border:1px solid var(--line-strong);background:#0b273e;color:var(--text);font:inherit;font-size:9px}.melody-audio-source em{color:#b5a982;font-size:8px;font-style:normal;line-height:1.45}.melody-prepared-package{border-color:#f1bf497a;background:#f1bf490e}.melody-prepared-package ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}.melody-prepared-package li{display:flex;justify-content:space-between;gap:10px;padding:7px 8px;background:#07192873;font-size:8px}.melody-prepared-package li b{color:var(--mint);letter-spacing:.06em}.melody-prepared-package li span{color:var(--muted);overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.melody-audio-preflight{grid-template-columns:25px 1fr;align-items:center}.melody-audio-preflight>svg{width:20px;color:var(--gold)}.melody-retry-button{min-height:42px;justify-content:center}.melody-publish-boundary{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px}.melody-publish-boundary>svg{width:21px;color:var(--mint)}.melody-publish-boundary>span{display:grid;gap:3px}.melody-publish-boundary strong{font-size:10px}.melody-publish-boundary small{color:var(--muted);font-size:8px;line-height:1.5}.melody-publish-status{margin:0;padding:10px 12px;border-left:2px solid var(--mint);background:#6dd8c312;color:#c9dfdc;font-size:9px;line-height:1.5}.melody-publish-status.error{border-left-color:#ff9d9d;background:#ef7d7d14;color:#ffc3c3}.melody-version-lineage{display:flex;min-height:45px;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border:1px solid rgba(109,216,195,.35)}.melody-version-lineage>span{display:grid;grid-template-columns:20px auto;align-items:center;column-gap:7px}.melody-version-lineage>span svg{grid-row:1 / 3;width:18px;color:var(--mint)}.melody-version-lineage strong{font-size:10px}.melody-version-lineage a{display:flex;align-items:center;gap:6px;color:var(--mint);font-size:9px;font-weight:900;text-decoration:none}.melody-version-lineage a svg{width:13px}.melody-publish-button{display:grid;min-height:62px;grid-template-columns:28px 1fr;align-items:center;gap:11px;padding:12px 15px;border:1px solid var(--gold);background:var(--gold);color:#122335;text-align:left;cursor:pointer}.melody-publish-button>svg{width:22px}.melody-publish-button small{color:#122335b3}.melody-publish-button:disabled{border-color:var(--line-strong);background:#102a40;color:var(--muted);cursor:default;opacity:.65}.melody-publish-button:disabled small{color:var(--muted)}.modal-heading>button{display:grid;width:38px;height:38px;place-items:center;padding:0;border:1px solid var(--line-strong)}.modal-heading>button svg{width:18px}.modal-heading>button[aria-disabled=true]{opacity:.45;cursor:wait}@media(pointer:coarse){.tool-cluster>button,.scene-controls>button{min-width:44px;height:44px}.lane-quick{grid-template-columns:1fr}.lane-quick button,.icon-transport{width:44px;height:44px}.next-kit,.drawer-action-row button,.current-project-card button,.mapping-list button{min-height:44px}}@media(max-width:1380px){.app-shell{grid-template-columns:320px minmax(820px,1fr)}.topbar{padding-inline:22px}.brand-lockup{gap:18px}.brand-lockup img{width:188px}.product-name{padding-left:18px}.top-actions{gap:8px}.button,.readiness-button{padding-inline:11px}.top-actions .button.primary{min-width:142px}.architecture-controls,.command-strip,.transport,.selection-summary{padding-inline:24px}.workspace-switcher{min-width:170px;margin-right:8px}}@media(max-width:1180px){.app-shell{grid-template-columns:280px minmax(0,1fr)}.product-name,.compact-action span,.readiness-button span{display:none}.compact-action,.readiness-button{width:42px;padding:0;justify-content:center}.architecture-controls{grid-template-columns:minmax(180px,1.4fr) repeat(4,minmax(74px,.7fr))}.swing-control{grid-column:1 / -1}.transport{grid-template-columns:190px 54px 74px minmax(80px,1fr) 34px 84px 96px;gap:12px}}@media(max-width:900px){body{padding-bottom:58px}.app-shell{display:grid;grid-template:auto auto auto / minmax(0,1fr);min-height:100vh}.topbar{grid-column:1;position:sticky;top:0;z-index:12;flex-wrap:wrap;gap:10px;padding:12px 14px}.brand-lockup{height:auto}.brand-lockup img{width:155px}.workspace-switcher{order:3;width:100%;min-width:0;margin:0}.top-actions{margin-left:auto}.top-actions .button.primary{min-width:48px;width:48px;padding:0;font-size:0}.top-actions .button.primary svg{width:18px}.kit-panel{grid-row:2;padding:24px 18px;border-right:0;border-bottom:1px solid var(--line-strong)}.sound-list{grid-template-columns:1fr 1fr}.privacy-note{margin-top:22px}.architecture-panel{grid-row:3;min-width:0}.mobile-workspace-nav{position:fixed;inset:auto 0 0;z-index:20;display:grid;height:58px;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-strong);background:#06192a}.mobile-workspace-nav button{border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mobile-workspace-nav button.active{color:var(--mint);box-shadow:inset 0 3px 0 var(--mint)}.mobile-pattern .kit-panel,.mobile-live .kit-panel{display:none}.mobile-kit .architecture-panel>:not(.mobile-workspace-nav){display:none}.mobile-live .architecture-controls,.mobile-live .grid-scroll,.mobile-live .selection-summary{display:none}.mobile-live .command-strip{min-height:92px}.mobile-live .project-title-field,.mobile-live .edit-tool-cluster,.mobile-live .command-strip>.tool-cluster:not(.command-actions){display:none}.architecture-controls{grid-template-columns:1fr 1fr 1fr;padding:22px 18px}.template-control{grid-column:span 2}.swing-control{grid-column:auto}.command-strip{padding-inline:18px}.grid-stage{min-width:calc(var(--steps) * 36px + 175px)}.grid-step:after{width:46%}.transport{grid-template-columns:1fr 54px 78px minmax(120px,1fr) 34px 92px;padding:16px 18px}.transport .transport-stat:nth-last-of-type(1){display:none}.next-kit{min-width:92px}.selection-summary{padding:22px 18px}.operations-drawer{width:min(560px,100vw)}.workspace-usage-grid{grid-template-columns:1fr 1fr}.workspace-usage-grid article:nth-child(2n){border-right:0}.workspace-usage-grid article:nth-child(-n+4){border-bottom:1px solid var(--line)}.workspace-usage-grid article:last-child{grid-column:1 / -1;border-right:0}.toast{right:12px;bottom:72px;left:12px;justify-content:center}}@media(max-width:600px){.brand-lockup img{width:132px}.topbar{gap:8px}.top-actions{gap:5px}.readiness-button,.compact-action{width:38px;min-height:38px}.top-actions .compact-action:nth-of-type(2),.top-actions .compact-action:nth-of-type(4){display:none}.top-actions .button.primary{width:40px;min-width:40px;min-height:38px}.sound-list{grid-template-columns:1fr}.architecture-controls{grid-template-columns:1fr 1fr;gap:14px}.template-control,.swing-control{grid-column:1 / -1}.command-strip{gap:10px}.project-title-field{flex-basis:170px}.grid-stage{min-width:calc(var(--steps) * 44px + 160px)}.timeline-spacer{width:160px}.track-row-wrap{grid-template-columns:160px minmax(0,1fr);min-height:92px}.track-label{grid-template-columns:minmax(0,1fr) 45px}.transport{grid-template-columns:1fr 54px 74px 90px;gap:10px}.transport-progress,.icon-transport,.transport>.transport-stat:nth-of-type(2){display:none}.selection-summary{grid-template-columns:1fr}.operations-drawer{width:100vw}.drawer-heading{padding:20px 18px 16px}.drawer-section{padding:20px 16px}.drawer-tabs button span{display:none}.drawer-tabs button{min-height:50px}.library-section-tabs{grid-template-columns:1fr 1fr}.library-section-tabs button:nth-child(2n){border-right:0}.library-section-tabs button:nth-child(-n+4){border-bottom:1px solid var(--line)}.library-section-tabs button:last-child{grid-column:1 / -1;border-right:0}.library-intro{align-items:stretch;flex-direction:column}.library-intro>button,.library-intro>b{min-height:42px}.pattern-save-controls{display:grid;grid-template-columns:minmax(0,1fr) auto}.pattern-save-controls input,.pattern-save-controls button{min-height:42px}.pattern-save-controls input{width:auto}.kit-role-mix>span{grid-template-columns:48px minmax(0,1fr)}.kit-role-mix b{grid-column:1 / -1}.pattern-facts{grid-template-columns:1fr 1fr}.pattern-facts>span:nth-child(2){border-right:0}.pattern-facts>span:nth-child(-n+2){border-bottom:1px solid var(--line)}.pattern-library-list footer button{flex:1 1 calc(50% - 6px);justify-content:center}.pattern-library-list footer button:last-child{flex:0 0 38px;margin-left:0}.pattern-confirm{align-items:stretch;flex-wrap:wrap}.pattern-confirm>span{flex-basis:100%}.pattern-confirm button{flex:1;min-height:38px}.sound-library-list>article{grid-template-columns:38px minmax(0,1fr) 38px 38px}.member-form{grid-template-columns:1fr}.member-form>button{grid-column:1;min-height:42px}.workspace-management-card>div{flex-direction:column}.status-grid,.export-options{grid-template-columns:1fr}.export-modal{padding:24px 18px}.modal-heading h2{font-size:29px}.export-destination-tabs button{min-height:50px;padding:0 8px;font-size:9px}.melody-destination-selection{grid-template-columns:1fr auto}.melody-destination-selection>svg{display:none}.melody-destination-selection button{grid-column:1 / -1;min-height:42px}.melody-package-picker label{grid-template-columns:18px 1fr}.melody-package-picker b{grid-column:2}.melody-architecture-summary{grid-template-columns:1fr 1fr}.melody-architecture-summary>span:nth-child(2){border-right:0}.melody-architecture-summary>span:nth-child(-n+2){border-bottom:1px solid var(--line)}.melody-version-lineage{align-items:flex-start;flex-direction:column}}@media(orientation:landscape)and (max-height:700px)and (min-width:700px){.topbar{min-height:64px}.app-shell{grid-template-rows:64px auto;min-height:100vh}.kit-panel{padding-top:20px}.sound-list{gap:7px}.sound-card{min-height:64px;padding:8px}.sound-icon{width:44px;height:44px}.drop-sound{min-height:74px}.architecture-controls{padding-block:14px}.command-strip{min-height:60px;padding-block:8px}.track-row-wrap{min-height:74px}.transport{min-height:82px}}.app-shell{grid-template:84px minmax(0,1fr) / minmax(0,1fr);min-height:100vh}.topbar{grid-column:1}.kit-panel{display:none}.architecture-panel{grid-column:1;grid-row:2;grid-template-rows:auto auto minmax(0,1fr) auto auto}.architecture-controls{grid-template-columns:minmax(220px,1.4fr) minmax(220px,.95fr) 84px 68px 110px minmax(150px,.75fr);padding-block:18px 16px}.tempo-control{align-self:stretch}.tempo-editor{display:grid;grid-template-columns:32px minmax(78px,1fr) 32px 58px;gap:5px}.tempo-editor>button{display:flex;height:44px;align-items:center;justify-content:center;gap:4px;padding:0;border:1px solid var(--line-strong);background:#0d2941;color:var(--muted);cursor:pointer;font-size:8px;font-weight:900}.tempo-editor>button:hover,.tempo-editor>button:focus-visible{border-color:var(--mint);color:var(--mint)}.tempo-editor>button svg{width:14px;height:14px}.tempo-editor .number-field{padding-inline:8px;border-color:#6dd8c36b}.tempo-editor .number-field:focus-within{border-color:var(--mint);box-shadow:inset 0 -2px 0 var(--mint)}.tempo-editor .number-field input{text-align:center}.tempo-editor .tap-tempo-button{color:var(--gold)}.tempo-help{color:var(--muted)!important;font-size:7px!important;letter-spacing:0!important;text-transform:none!important}.command-strip{min-height:58px;padding-block:8px}.grid-scroll{min-height:0;overflow:auto}.grid-stage{width:100%;min-width:0}.timeline-spacer{width:172px;height:58px}.timeline{height:58px;grid-template-rows:19px 21px 18px}.track-row-wrap{min-height:43px;grid-template-columns:172px minmax(0,1fr)}.track-label{min-height:43px;grid-template-columns:minmax(0,1fr) 46px}.track-select{gap:7px}.track-select .mini-role{width:27px;height:27px;flex-basis:27px}.track-select .mini-role svg{width:15px}.track-select strong{font-size:10px}.track-select small{font-size:7px}.lane-quick button{height:21px}.grid-step:after{width:66%;height:calc(7px + 13px * var(--velocity));max-height:20px}.transport{min-height:76px;grid-template-columns:185px 48px 70px minmax(150px,1fr) 38px 90px 98px;padding-block:10px}.transport-play{width:48px;height:48px}.selection-summary{display:none}.metronome-toggle.active,.dock-click-toggle.active{border-color:#6dd8c3a6;background:#6dd8c31f;color:var(--mint)}.mixer-dock{position:relative;display:flex;height:var(--mixer-dock-height, clamp(210px, 24vh, 300px));min-height:52px;flex-direction:column;margin:10px 20px 0;overflow:hidden;border:1px solid rgba(183,217,215,.3);background:#081d30;box-shadow:0 14px 42px #0003;transition:height .18s ease,border-color .18s ease,box-shadow .18s ease}.mixer-dock.mode-hidden{display:none}.mixer-dock.mode-compact{height:52px}.mixer-dock.mode-expanded{height:var(--mixer-dock-height, clamp(210px, 24vh, 300px))}.mixer-dock.mode-focus{height:var(--mixer-dock-height, min(75vh, 720px));border-color:#6dd8c385;box-shadow:0 -12px 52px #00000057}.resizing-mixer{cursor:ns-resize;-webkit-user-select:none;user-select:none}.resizing-mixer .mixer-dock{transition:none}.mixer-resize-handle{position:absolute;inset:0 0 auto;z-index:3;display:grid;height:9px;place-items:start center;outline:0;cursor:ns-resize}.mixer-resize-handle span{width:72px;height:3px;border-radius:0 0 4px 4px;background:#6dd8c361;transition:width .12s ease,background .12s ease}.mixer-resize-handle:hover span,.mixer-resize-handle:focus-visible span{width:112px;background:var(--mint)}.mixer-dock-heading{display:grid;min-height:50px;flex:0 0 50px;grid-template-columns:42px auto minmax(200px,1fr) auto auto;align-items:center;gap:12px;padding:7px 12px;border-bottom:1px solid var(--line)}.mixer-dock.mode-compact .mixer-dock-heading{border-bottom:0}.mixer-collapse{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--line-strong);background:#6dd8c314;color:var(--mint);cursor:pointer}.mixer-dock-heading>span{display:grid;gap:1px}.mixer-dock-heading>span strong{color:var(--mint);font-size:13px}.mixer-dock-heading>span small{color:var(--muted);font-size:7px;letter-spacing:.08em;text-transform:uppercase}.mobile-mixer-mode{display:none}.mixer-selected-name{display:flex;min-width:0;align-items:center;gap:9px;padding-left:16px;border-left:1px solid var(--line)}.mixer-selected-name label{display:grid;min-width:150px;gap:2px}.mixer-selected-name small,.mixer-focus-controls label>span{color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mixer-selected-name select{width:min(260px,100%);border:0;background:transparent;color:#fff;font-weight:800}.dock-click-toggle{display:flex;min-height:34px;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--line-strong);background:transparent;color:var(--muted);cursor:pointer;font-size:9px;font-weight:800;white-space:nowrap}.mixer-view-controls{display:flex;align-items:center;gap:4px}.mixer-view-controls button{min-width:54px;height:32px;padding:0 8px;border:1px solid var(--line-strong);background:transparent;color:var(--muted);cursor:pointer;font-size:8px;font-weight:900}.mixer-view-controls button:hover,.mixer-view-controls button.active{border-color:var(--mint);background:#6dd8c31a;color:var(--mint)}.mixer-view-controls .hide-mixer{display:grid;min-width:32px;width:32px;place-items:center;padding:0}.mixer-view-controls .hide-mixer svg{width:15px}.mixer-dock-body{display:grid;min-height:0;flex:1 1 auto;grid-template-rows:auto minmax(96px,1fr);overflow:hidden}.mixer-dock.mode-compact .mixer-dock-body{display:none}.mixer-focus-controls{display:grid;grid-template-columns:minmax(220px,1.25fr) repeat(3,minmax(120px,.75fr)) auto;align-items:end;gap:18px;padding:10px 14px;border-bottom:1px solid var(--line);background:#102b4357}.mixer-focus-controls label{display:grid;min-width:0;grid-template-columns:auto minmax(50px,1fr) 35px;align-items:center;gap:7px}.mixer-focus-controls label input{width:100%;accent-color:var(--mint)}.mixer-focus-controls label b{color:#c9d8d7;font-size:8px;text-align:right}.mixer-focus-controls .focus-sound{grid-template-columns:auto minmax(120px,1fr)}.focus-sound select{width:100%;height:34px;padding:0 8px;border:1px solid var(--line-strong);background:#0d2941;color:#fff;font-size:9px}.focus-mute-solo{display:grid;grid-template-columns:1fr 1fr;gap:5px}.focus-mute-solo button{min-height:34px;border:1px solid var(--line-strong);background:transparent;color:var(--muted);cursor:pointer;font-size:8px;font-weight:900}.focus-mute-solo button.active{border-color:var(--gold);background:#f1bf491f;color:var(--gold)}.mixer-channel-strip{display:grid;min-height:0;grid-template-columns:repeat(10,minmax(0,1fr));overflow:hidden}.mixer-channel{position:relative;display:grid;min-width:0;min-height:96px;grid-template:auto minmax(28px,1fr) auto / minmax(0,1fr) auto;align-content:stretch;gap:3px 6px;padding:7px 8px 6px;border-right:1px solid var(--line);background:transparent;color:#dfe9e7;text-align:left}.mixer-channel:last-child{border-right:0}.mixer-channel:hover,.mixer-channel.selected{background:#6dd8c314;box-shadow:inset 0 2px 0 var(--mint)}.mixer-channel.muted{opacity:.48}.channel-select-button{display:grid;min-width:0;grid-column:1 / -1;grid-template-columns:16px 20px minmax(0,1fr);align-items:center;gap:5px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.channel-select-button small{color:var(--muted);font-size:7px}.channel-select-button svg{width:18px;height:18px;color:#d6eee9}.channel-select-button strong{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.channel-level{display:flex;min-width:0;align-items:center;gap:6px}.channel-fader{min-width:0;width:100%;accent-color:var(--mint);cursor:pointer}.mixer-channel>em{align-self:center;color:var(--muted);font-size:7px;font-style:normal}.channel-meter{position:relative;display:block;width:7px;height:28px;flex:0 0 7px;overflow:hidden;background:#b7d9d714}.channel-meter i{position:absolute;inset:auto 0 0;display:block;min-height:3px;background:linear-gradient(to top,#55c67d,var(--gold));transition:height 70ms linear}.channel-actions{display:grid;grid-column:1 / -1;grid-template-columns:1fr 1fr;gap:4px}.channel-actions button{height:22px;border:1px solid var(--line-strong);background:transparent;color:var(--muted);cursor:pointer;font-size:7px;font-weight:900}.channel-actions button.active{border-color:var(--gold);background:#f1bf491f;color:var(--gold)}.mixer-dock.mode-focus .mixer-channel-strip{min-height:280px}.mixer-dock.mode-focus .mixer-channel{grid-template:34px minmax(150px,1fr) 18px 28px / 1fr;justify-items:center;padding:14px 10px 10px}.mixer-dock.mode-focus .channel-select-button{grid-column:1}.mixer-dock.mode-focus .channel-level{min-height:0;justify-content:center}.mixer-dock.mode-focus .channel-fader{width:24px;height:100%;writing-mode:vertical-lr;direction:rtl}.mixer-dock.mode-focus .channel-meter{width:9px;height:100%;flex-basis:9px}.mixer-dock.mode-focus .mixer-channel>em{justify-self:center}.mixer-dock.mode-focus .channel-actions{grid-column:1;width:100%}.mixer-reveal{position:fixed;right:20px;bottom:20px;z-index:16;display:flex;height:42px;align-items:center;gap:8px;padding:0 13px;border:1px solid rgba(109,216,195,.55);background:#0c2a3f;color:var(--mint);box-shadow:0 12px 36px #00000057;cursor:pointer;font-size:10px;font-weight:900}.mixer-reveal svg{width:18px}.mixer-reveal small{padding-left:7px;border-left:1px solid var(--line);color:var(--muted);font-size:8px}.mobile-mixer-backdrop{display:none}@media(min-width:901px){.app-shell{height:100dvh;min-height:720px;overflow:hidden}.architecture-panel{min-height:0;overflow:hidden}.mixer-hidden .grid-stage,.mixer-compact .grid-stage{height:100%}.mixer-hidden .track-row-wrap,.mixer-compact .track-row-wrap{height:calc((100% - 58px)*.1);min-height:43px}}@media(max-width:900px){.app-shell{grid-template:auto auto auto / minmax(0,1fr)}.app-shell,.architecture-panel{max-width:100vw;overflow-x:hidden}.grid-scroll{width:100vw;max-width:100vw}.kit-panel{display:flex;grid-row:2}.architecture-panel{grid-row:3;grid-template-rows:auto auto auto auto auto}.mobile-pattern .kit-panel,.mobile-mixer-open .kit-panel{display:none}.mobile-kit .architecture-panel>:not(.mobile-workspace-nav){display:none}.mobile-mixer-closed .mixer-dock{display:none}.mobile-mixer-open .mobile-mixer-backdrop{position:fixed;top:0;right:0;bottom:58px;left:0;z-index:18;display:block;border:0;background:#010a1294;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mobile-mixer-open .mixer-dock,.mobile-mixer-open .mixer-dock.mode-hidden{position:fixed;inset:auto 10px 58px;z-index:19;display:flex;width:auto;min-height:96px;margin:0;border-color:#6dd8c375;border-radius:14px 14px 0 0;box-shadow:0 -24px 68px #0000007a}.mobile-mixer-snap-compact .mixer-dock{height:max(96px,12dvh)}.mobile-mixer-snap-expanded .mixer-dock{height:55dvh}.mobile-mixer-snap-focus .mixer-dock{height:calc(92dvh - 58px)}.mobile-mixer-open .mixer-resize-handle{cursor:default}.mobile-mixer-open .mixer-dock-body{overflow-y:auto}.mobile-mixer-snap-compact .mixer-dock-body,.mixer-reveal{display:none}.architecture-controls{grid-template-columns:1fr 1fr 1fr}.architecture-controls .template-control{grid-column:span 2}.architecture-controls .swing-control{grid-column:auto}.grid-stage{width:auto;min-width:calc(var(--steps) * 36px + 160px)}.track-row-wrap{min-height:58px;grid-template-columns:160px minmax(0,1fr)}.timeline-spacer{width:160px}.mixer-dock-heading{min-height:58px;flex-basis:auto;grid-template-columns:40px minmax(80px,1fr) auto;gap:8px;padding:10px}.desktop-mixer-mode{display:none}.mobile-mixer-mode{display:inline}.mixer-selected-name{grid-column:1 / -1;padding:8px 0 0;border-top:1px solid var(--line);border-left:0}.dock-click-toggle span{display:inline}.mobile-mixer-snap-expanded .dock-click-toggle,.mobile-mixer-snap-focus .dock-click-toggle{grid-column:3;grid-row:1}.mixer-view-controls{grid-column:1 / -1;justify-content:stretch}.mixer-view-controls button{flex:1 1 auto;min-width:0}.mixer-view-controls .hide-mixer{flex:0 0 36px}.mobile-mixer-snap-compact .mixer-dock-heading{min-height:86px;grid-template-columns:38px auto minmax(90px,1fr) 38px}.mobile-mixer-snap-compact .mixer-selected-name{grid-column:3;padding:0;border:0}.mobile-mixer-snap-compact .mixer-selected-name .mini-role,.mobile-mixer-snap-compact .mixer-selected-name label>small{display:none}.mobile-mixer-snap-compact .mixer-selected-name label{min-width:0}.mobile-mixer-snap-compact .mixer-selected-name select{width:100%;font-size:10px}.mobile-mixer-snap-compact .dock-click-toggle{width:36px;justify-content:center;padding:0}.mobile-mixer-snap-compact .dock-click-toggle span,.mobile-mixer-snap-compact .mixer-view-controls{display:none}.mixer-focus-controls{grid-template-columns:1fr;gap:12px;padding:14px}.mixer-focus-controls label{grid-template-columns:48px minmax(80px,1fr) 38px}.mixer-focus-controls .focus-sound{grid-template-columns:48px minmax(120px,1fr)}.mixer-channel-strip{grid-template-columns:1fr}.mixer-channel,.mixer-dock.mode-focus .mixer-channel{min-height:72px;grid-template:1fr auto / minmax(118px,.9fr) minmax(110px,1.1fr) 30px;align-items:center;justify-items:stretch;gap:5px 9px;padding:8px 12px;border-right:0;border-bottom:1px solid var(--line)}.channel-select-button,.mixer-dock.mode-focus .channel-select-button{grid-column:1}.channel-level,.mixer-dock.mode-focus .channel-level{grid-column:2;min-height:0;justify-content:stretch}.channel-fader,.mixer-dock.mode-focus .channel-fader{width:100%;height:auto;writing-mode:horizontal-tb;direction:ltr}.channel-meter,.mixer-dock.mode-focus .channel-meter{width:7px;height:30px;flex-basis:7px}.mixer-channel>em,.mixer-dock.mode-focus .mixer-channel>em{grid-column:3;justify-self:end}.channel-actions,.mixer-dock.mode-focus .channel-actions{grid-column:1 / -1;grid-row:2;width:100%}.channel-meter{height:30px}.top-actions .readiness-button,.top-actions .button:nth-last-child(2){display:none}}@media(max-width:600px){.top-actions .metronome-toggle{display:inline-flex!important}.architecture-controls{grid-template-columns:1fr 1fr;padding:14px}.architecture-controls .template-control,.architecture-controls .swing-control,.architecture-controls .tempo-control{grid-column:1 / -1}.tempo-editor{grid-template-columns:38px minmax(86px,1fr) 38px 68px}.command-strip{min-height:54px;padding-inline:14px}.transport{grid-template-columns:1fr 48px 64px 38px;min-height:70px;padding:10px 14px}.transport .metronome-toggle{display:grid}}.auth-entry{min-height:100dvh;display:grid;place-items:center;padding:32px 18px;background:radial-gradient(circle at 15% 10%,rgba(117,214,194,.16),transparent 34%),radial-gradient(circle at 90% 85%,rgba(241,191,73,.12),transparent 32%),#061625;color:#f5f7fb;font-family:Avenir Next,Avenir,Inter,system-ui,sans-serif}.auth-card{width:min(100%,510px);display:grid;gap:18px;padding:30px;border:1px solid rgba(117,214,194,.28);border-radius:22px;background:linear-gradient(155deg,#0f293efa,#071929fa);box-shadow:0 30px 80px #0006}.auth-brand{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid rgba(139,165,187,.18)}.auth-brand img{width:min(54%,225px);height:auto}.auth-brand span{display:grid;gap:2px;text-align:right}.auth-brand strong{font-size:17px}.auth-brand small{color:#75d6c2;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.auth-eyebrow{display:flex;align-items:center;gap:8px;color:#75d6c2;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.auth-eyebrow svg{width:18px;height:18px}.auth-card h1{margin:-4px 0 0;font-size:clamp(29px,6vw,42px);line-height:1.05}.auth-card>p{margin:-8px 0 0;color:#a8bbca;line-height:1.55}.auth-social{display:grid;gap:10px}.auth-social>button,.auth-card form>button,.account-security button{min-height:46px;border:1px solid rgba(117,214,194,.32);border-radius:11px;background:#0f2e44d1;color:#f5f7fb;font:inherit;font-weight:800;cursor:pointer}.auth-social>button{display:flex;align-items:center;justify-content:center;gap:9px}.auth-social>button:hover,.account-security button:hover{border-color:#75d6c2}.auth-social>div{display:flex;align-items:center;gap:10px;color:#718ba0;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.auth-social i{height:1px;flex:1;background:#8ba5bb33}.auth-methods{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:#04121e9e}.auth-methods button{min-height:39px;border:0;border-radius:9px;background:transparent;color:#8fa5b7;font:inherit;font-weight:800;cursor:pointer}.auth-methods button.active{background:#75d6c224;color:#75d6c2;box-shadow:inset 0 0 0 1px #75d6c240}.auth-card form{display:grid;gap:13px}.auth-card label,.account-security label{display:grid;gap:6px;color:#b7c7d3;font-size:11px;font-weight:800}.auth-card input,.account-security input{min-height:46px;width:100%;border:1px solid rgba(139,165,187,.28);border-radius:10px;padding:0 13px;background:#061827;color:#f5f7fb;font:inherit;outline:none}.auth-card input:focus,.account-security input:focus{border-color:#75d6c2;box-shadow:0 0 0 3px #75d6c21a}.auth-card form>button:first-of-type{border-color:#f1bf49;background:#f1bf49;color:#071a2c}.auth-card button:disabled,.account-security button:disabled{opacity:.52;cursor:not-allowed}.auth-card form small{color:#718ba0;line-height:1.45}.auth-card .auth-secondary{background:transparent}.auth-card .auth-link{min-height:32px;border:0;background:transparent;color:#75d6c2;cursor:pointer}.auth-message{margin:0!important;padding:11px 13px;border:1px solid rgba(241,191,73,.28);border-radius:9px;background:#f1bf4914;color:#efd584!important;font-size:11px;line-height:1.45}.auth-card aside{display:flex;gap:12px;padding:14px;border:1px solid rgba(117,214,194,.18);border-radius:12px;background:#75d6c20f}.auth-card aside svg{flex:0 0 auto;width:22px;height:22px;color:#75d6c2}.auth-card aside span{display:grid;gap:3px}.auth-card aside strong{font-size:12px}.auth-card aside small{color:#91a8ba;line-height:1.45}.auth-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-card footer a,.auth-card footer button{border:0;background:transparent;color:#75d6c2;font:inherit;font-size:11px;font-weight:800;cursor:pointer;text-decoration:none}.auth-loading{align-content:center;gap:18px}.auth-loading .auth-brand{width:min(90vw,440px)}.auth-loading p{color:#a8bbca}.account-security-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:grid;place-items:center;padding:18px;background:#020a11c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.account-security{width:min(100%,520px);max-height:min(90dvh,760px);overflow:auto;display:grid;gap:15px;padding:22px;border:1px solid rgba(117,214,194,.32);border-radius:20px;background:#091d2e;color:#f5f7fb;box-shadow:0 32px 90px #0000008c}.account-security>header{display:flex;justify-content:space-between;align-items:start;gap:16px}.account-security header span{display:grid;gap:3px}.account-security header small{color:#75d6c2;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.account-security h2{margin:0}.account-security header button{width:40px;min-height:40px;background:transparent}.account-identity,.account-session,.account-security article{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid rgba(139,165,187,.18);border-radius:12px;background:#0f2a3eb8}.account-identity svg,.account-session svg{width:28px;height:28px;color:#75d6c2}.account-identity span,.account-session span,.account-security article>span{display:grid;gap:2px;flex:1}.account-identity small,.account-session small,.account-security article small{color:#8fa5b7}.account-security article button{padding:0 13px;display:flex;align-items:center;gap:7px}.account-security form{display:grid;gap:11px;padding-top:3px}.account-security form button{margin-top:4px;background:#f1bf49;border-color:#f1bf49;color:#071a2c}.account-security .account-signout{display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:#e6a2a2;border-color:#e6a2a240}.top-actions .account-button{width:40px;min-width:40px;padding:0}.top-actions .account-button svg{width:20px;height:20px}@media(max-width:600px){.auth-entry{padding:12px;place-items:stretch}.auth-card{min-height:calc(100dvh - 24px);align-content:center;padding:22px 18px;border-radius:16px}.auth-brand{align-items:start}.auth-brand img{width:58%}.account-security{max-height:94dvh;padding:17px}.account-security article{align-items:stretch;flex-direction:column}.account-security article button{justify-content:center}}