@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#1b1d19;background:#eceee8;font-synthesis:none;--ink: #171916;--muted: #777c73;--line: #dde0d7;--paper: #fafbf7;--lime: #b8f36b;--dark: #10120f;--shadow: 0 18px 50px rgba(28, 34, 22, .1)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:#eceee8}button,input,textarea{color:inherit;font:inherit}button{cursor:pointer}button:disabled{cursor:default}.app-shell{display:grid;grid-template:58px minmax(0,1fr) / 210px minmax(0,1fr);width:100%;height:100%;background:var(--paper)}.topbar{z-index:20;grid-column:1 / -1;display:grid;grid-template-columns:210px 1fr auto;align-items:center;background:#fdfefaf5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;height:100%;align-items:center;gap:9px;padding:0 18px;color:var(--ink);text-decoration:none;border-right:1px solid var(--line)}.brand>span{display:grid;width:30px;height:30px;place-items:center;color:#172111;background:var(--lime);border-radius:9px}.brand strong{font-size:14px;letter-spacing:-.45px}.brand em{padding:3px 5px;color:#5a6650;background:#e7ebdf;border-radius:4px;font:500 7px DM Mono;font-style:normal;letter-spacing:.6px}.top-tabs{display:flex;height:100%;align-items:center;justify-content:center;gap:3px}.top-tabs button{position:relative;height:100%;padding:0 16px;color:#7e837a;background:none;border:0;font-size:9px;font-weight:700}.top-tabs button:after{position:absolute;right:17px;bottom:-1px;left:17px;height:2px;content:"";background:var(--ink);opacity:0;transform:scaleX(.5);transition:.2s}.top-tabs button:hover,.top-tabs button.active{color:var(--ink)}.top-tabs button.active:after{opacity:1;transform:none}.top-actions{display:flex;align-items:center;gap:7px;padding-right:12px}.local-status{display:flex;align-items:center;gap:6px;margin-right:5px;color:#90958b;font:500 7px DM Mono}.local-status i{width:6px;height:6px;background:#7cc43d;border-radius:50%;box-shadow:0 0 0 3px #ebf7df}.button{display:inline-flex;min-height:32px;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid var(--line);border-radius:7px;font-size:8px;font-weight:800}.button.ghost{background:#fff}.button.dark{color:#fff;background:var(--dark);border-color:var(--dark)}.button:hover{transform:translateY(-1px);box-shadow:0 5px 15px #12151014}.sidebar{z-index:10;display:flex;min-height:0;flex-direction:column;gap:9px;padding:11px 10px 12px;overflow:hidden;background:#f2f4ee;border-right:1px solid var(--line);transition:width .22s ease}.collapse{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;margin:0 0 2px auto;color:#7a8076;background:transparent;border:0;border-radius:6px}.collapse:hover{background:#e6e9e1}.new-button{display:flex;width:100%;min-height:37px;align-items:center;justify-content:center;gap:8px;color:#1a2114;background:var(--lime);border:1px solid #9cdf4d;border-radius:8px;font-size:9px;font-weight:800;box-shadow:inset 0 1px #ffffff73}.side-group{display:grid;gap:3px;margin-top:6px}.side-group>label{padding:0 9px;margin:7px 0 3px;color:#a0a59c;font:500 7px DM Mono;text-transform:uppercase;letter-spacing:.8px}.side-group button{display:grid;min-height:36px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 8px;color:#6d7369;background:transparent;border:0;border-radius:7px;text-align:left;font-size:8px;font-weight:700}.side-group button svg{justify-self:center}.side-group button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-group button b{display:grid;min-width:17px;height:17px;padding:0 4px;place-items:center;color:#91978c;background:#e5e8df;border-radius:8px;font:500 7px DM Mono}.side-group button:hover{color:var(--ink);background:#e8ebe3}.side-group button.active{color:var(--ink);background:#fff;box-shadow:0 3px 12px #1c22170d}.workbench-subnav{display:grid;gap:2px;margin:-1px 0 3px 29px;padding:3px 0 3px 8px;border-left:1px solid #d5dacf}.side-group .workbench-subnav button{min-height:31px;grid-template-columns:18px minmax(0,1fr) auto;gap:5px;padding:0 6px;font-size:7px;font-weight:750}.side-group .workbench-subnav button svg{width:14px;height:14px}.side-group .workbench-subnav button b{min-width:20px;height:15px;padding:0 4px;color:#7b8472;background:#e4e9de;font-size:5px}.side-group .workbench-subnav button.active{color:#26351c;background:#e7f6d9;box-shadow:inset 0 0 0 1px #c8e2ae}.side-group .workbench-subnav button.active b{color:#31501f;background:#c7ee9c}.pipeline-card{display:flex;align-items:center;gap:9px;margin-top:auto;padding:10px;background:#e6ecd9;border:1px solid #d5ddc8;border-radius:8px}.pipeline-card>span{display:grid;width:27px;height:27px;flex:0 0 auto;place-items:center;color:#4b7a28;background:#c8f398;border-radius:7px}.pipeline-card strong,.pipeline-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pipeline-card strong{font-size:8px}.pipeline-card small{margin-top:2px;color:#7e8774;font-size:6px}.sidebar-compact{grid-template-columns:62px minmax(0,1fr)}.sidebar-compact .topbar{grid-template-columns:62px 1fr auto}.sidebar-compact .brand{justify-content:center;padding:0}.sidebar-compact .brand strong,.sidebar-compact .brand em{display:none}.sidebar-compact .sidebar{padding-right:7px;padding-left:7px}.sidebar-compact .collapse{margin-right:auto}.sidebar-compact .new-button{width:46px}.sidebar-compact .new-button span,.sidebar-compact .side-group>label,.sidebar-compact .side-group button span,.sidebar-compact .side-group button b,.sidebar-compact .pipeline-card div{display:none}.sidebar-compact .side-group button{width:46px;grid-template-columns:1fr;padding:0}.sidebar-compact .workbench-subnav{margin-left:0;padding-left:0;border-left:0}.sidebar-compact .side-group .workbench-subnav button{width:46px;grid-template-columns:1fr;padding:0}.sidebar-compact .pipeline-card{justify-content:center;padding:7px}.main{min-width:0;min-height:0;overflow:hidden;background:#f7f8f4}.view{display:none;width:100%;height:100%}.view.active{display:block}.studio-grid{display:grid;width:100%;height:100%;grid-template-columns:minmax(290px,33%) minmax(410px,1fr) 272px}.chat-panel{display:flex;min-width:0;min-height:0;flex-direction:column;background:#f8f9f5;border-right:1px solid var(--line)}.chat-header{display:grid;min-height:62px;grid-template-columns:36px 1fr 28px;align-items:center;gap:9px;padding:0 13px;background:#fff;border-bottom:1px solid var(--line)}.assistant-mark{display:grid;width:34px;height:34px;place-items:center;color:#243316;background:var(--lime);border-radius:10px}.chat-header strong,.chat-header small{display:block}.chat-header strong{font-size:10px}.chat-header small{display:flex;align-items:center;gap:5px;margin-top:3px;color:#8a8f86;font-size:7px}.chat-header small i{width:5px;height:5px;background:#75c83a;border-radius:50%}.icon-button{display:grid;width:28px;height:28px;padding:0;place-items:center;color:#73786f;background:#f0f2ed;border:0;border-radius:7px}.icon-button:hover{color:var(--ink);background:#e7eae2}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px 11px;background:#f1f3ee;border-bottom:1px solid var(--line)}.mode-switch button{display:grid;grid-template-columns:27px 1fr;align-items:center;gap:7px;padding:8px;color:#83887f;background:transparent;border:1px solid transparent;border-radius:8px;text-align:left}.mode-switch button>svg{padding:5px;width:27px;height:27px;background:#e4e7df;border-radius:7px}.mode-switch button strong,.mode-switch button small{display:block}.mode-switch button strong{font-size:8px}.mode-switch button small{margin-top:2px;font-size:6px}.mode-switch button.active{color:var(--ink);background:#fff;border-color:#dde0d7;box-shadow:0 4px 12px #191e140a}.mode-switch button.active>svg{color:#253318;background:var(--lime)}.chat-messages{min-height:0;flex:1;padding:17px 13px;overflow-y:auto;scroll-behavior:smooth}.day-line{display:flex;align-items:center;gap:8px;margin-bottom:17px;color:#a2a69f;font:500 7px DM Mono;text-transform:uppercase;letter-spacing:.6px}.day-line:before,.day-line:after{height:1px;flex:1;content:"";background:#e3e5de}.message{display:flex;align-items:flex-start;gap:7px;margin-bottom:13px}.message.user{justify-content:flex-end}.message-avatar{display:grid;width:25px;height:25px;flex:0 0 25px;place-items:center;color:#4f8428;background:#e8f8d7;border:1px solid #d8ebc3;border-radius:8px}.bubble{max-width:89%;padding:10px 11px;background:#fff;border:1px solid #e0e2da;border-radius:4px 11px 11px;box-shadow:0 4px 13px #1b201809}.message.user .bubble{color:#fff;background:#1b1e1a;border-color:#1b1e1a;border-radius:11px 4px 11px 11px}.bubble p{margin:0;font-size:9px;line-height:1.58}.capabilities,.result-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px}.capabilities span,.result-tags span{padding:4px 6px;color:#5f6d54;background:#eef5e6;border-radius:4px;font-size:6px;font-weight:800}.result-tags span{color:#5e625b;background:#eff1ec}.suggestions{display:flex;gap:5px;padding:0 11px 9px;overflow-x:auto;scrollbar-width:none}.suggestions button{flex:0 0 auto;max-width:190px;padding:6px 8px;overflow:hidden;color:#757b71;background:#fff;border:1px solid #dde0d7;border-radius:12px;text-overflow:ellipsis;white-space:nowrap;font-size:6px}.suggestions button:hover{color:var(--ink);border-color:#a9d874}.composer{margin:0 11px 11px;padding:9px;background:#fff;border:1px solid #cfd3c9;border-radius:10px;box-shadow:0 8px 24px #181d1412}.composer:focus-within{border-color:#91bf5c;box-shadow:0 0 0 3px #a3d76621}.composer textarea{width:100%;min-height:39px;max-height:100px;padding:0;resize:none;background:transparent;border:0;outline:0;font-size:9px;line-height:1.45}.composer textarea::placeholder{color:#9ca097}.composer>div{display:flex;align-items:center;gap:8px;margin-top:5px}.composer>div span{flex:1;color:#aaaea6;font-size:6px}.composer button{display:grid;width:25px;height:25px;padding:0;place-items:center;color:#1c2814;background:var(--lime);border:0;border-radius:7px}.workbench{display:grid;min-width:0;min-height:0;grid-template-rows:62px minmax(0,1fr) 32px;background:#171a16}.bench-header{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;color:#fff;background:#1d201c;border-bottom:1px solid #2e322c}.bench-header>div:first-child{min-width:0}.eyebrow{display:block;color:#9ba096;font:500 7px DM Mono;letter-spacing:.8px}.bench-header input{width:min(260px,100%);margin-top:3px;padding:0;color:#f4f6f1;background:transparent;border:0;outline:0;font-size:14px;font-weight:700;letter-spacing:-.35px}.bench-actions{display:flex;gap:6px}.bench-actions .icon-button{color:#aab0a5;background:#2a2e28}.play-button{display:flex;height:31px;align-items:center;gap:6px;padding:0 11px;color:#192313;background:var(--lime);border:0;border-radius:7px;font-size:7px;font-weight:800}.audio-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 42%,#292f27,#161915 48%,#10120f)}.audio-stage:before{position:absolute;inset:0;content:"";background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle,black,transparent 80%);mask-image:radial-gradient(circle,black,transparent 80%)}.audio-stage:after{position:absolute;top:20%;left:50%;width:290px;height:290px;content:"";background:radial-gradient(circle,rgba(184,243,107,.08),transparent 66%);transform:translate(-50%);pointer-events:none}.stage-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:13px 15px}.stage-top>span:first-child{padding:5px 7px;color:#c7d0c1;background:#ffffff0f;border:1px solid rgba(255,255,255,.07);border-radius:5px;font:500 7px DM Mono;text-transform:uppercase}.stage-top>span:last-child{display:flex;align-items:center;gap:5px;color:#747b70;font:500 6px DM Mono;letter-spacing:.6px}.stage-top i{width:5px;height:5px;background:#7bc83d;border-radius:50%}#waveform{position:absolute;inset:17% 5% 20%;z-index:1;width:90%;height:63%;opacity:.72}.stage-center{position:absolute;z-index:3;top:50%;left:50%;display:grid;min-width:230px;justify-items:center;transform:translate(-50%,-50%)}.big-play{display:grid;width:68px;height:68px;place-items:center;margin-bottom:16px;color:#1e2b15;background:var(--lime);border:0;border-radius:50%;box-shadow:0 0 0 9px #b8f36b14,0 15px 45px #00000059;transition:.2s}.big-play:hover{transform:scale(1.05);box-shadow:0 0 0 13px #b8f36b14,0 17px 48px #0006}.stage-center strong{color:#f3f5f0;font-size:14px;letter-spacing:-.3px}.stage-center small{max-width:290px;margin-top:5px;color:#7f877b;font-size:7px;text-align:center;line-height:1.45}.time-row{position:absolute;z-index:4;right:16px;bottom:16px;left:16px;display:grid;grid-template-columns:38px 1fr 48px;align-items:center;gap:7px;color:#71786e;font:500 6px DM Mono}.time-row>span:last-child{text-align:right}.time-row>div{height:2px;overflow:hidden;background:#343a32;border-radius:2px}.time-row i{display:block;width:0;height:100%;background:var(--lime)}.sequencer{position:absolute;z-index:5;right:14px;bottom:14px;left:14px;display:none;padding:9px;background:#141713e0;border:1px solid #343a31;border-radius:9px;box-shadow:0 14px 35px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.song-stage .sequencer{display:block}.song-stage .time-row{display:none}.song-stage .stage-center{top:34%}.song-stage #waveform{top:5%;bottom:37%;height:58%;opacity:.42}.sequence-ruler,.track-row{display:grid;grid-template-columns:55px repeat(16,1fr);gap:3px;align-items:center}.sequence-ruler{margin-bottom:4px}.sequence-ruler b{color:#5f675c;font:500 6px DM Mono;text-align:center}.track-row{margin:3px 0}.track-row>strong{display:flex;align-items:center;gap:5px;color:#9ca498;font:500 6px DM Mono}.track-row>strong i{width:5px;height:5px;background:var(--track);border-radius:50%}.step{position:relative;aspect-ratio:1.3;min-height:11px;padding:0;background:#30352e;border:0;border-radius:2px}.step:nth-child(4n+2){box-shadow:-1px 0 #555d51}.step.active{background:var(--track);box-shadow:inset 0 1px #ffffff40}.step.current:after{position:absolute;inset:-2px;content:"";border:1px solid white;border-radius:3px}.bench-footer{display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#70776d;background:#131512;border-top:1px solid #282c26;font:500 6px DM Mono}.bench-footer kbd{padding:2px 4px;color:#979f93;background:#262a24;border:1px solid #343932;border-radius:3px;font:inherit}.inspector{min-width:0;min-height:0;padding-bottom:12px;overflow-y:auto;background:#fff;border-left:1px solid var(--line)}.inspector-head{display:flex;min-height:62px;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid var(--line)}.inspector-head strong{display:block;margin-top:4px;font-size:10px}#inspector-content{padding:3px 13px 12px}.range-control,.control-section{display:block;padding:14px 0;border-bottom:1px solid #eceee8}.control-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.control-label span{color:#747a70;font-size:8px;font-weight:700}.control-label b{color:#3d423a;font:500 7px DM Mono}.range-control input{width:100%;height:3px;margin:0;appearance:none;background:linear-gradient(to right,#1f231e var(--value),#dfe2da var(--value));border-radius:2px;outline:none}.range-control input::-webkit-slider-thumb{width:12px;height:12px;appearance:none;background:#fff;border:2px solid #252a23;border-radius:50%;box-shadow:0 2px 6px #0000002e}.range-ends{display:flex;justify-content:space-between;margin-top:6px;color:#b0b4ac;font:500 6px DM Mono}.choice-row{display:flex;flex-wrap:wrap;gap:4px}.choice-row button{min-height:25px;padding:0 7px;color:#7e837a;background:#f3f5f0;border:1px solid #e4e6e0;border-radius:5px;font-size:6px;font-weight:700}.choice-row button.active{color:#20251d;background:#eaf8dc;border-color:#bfdf9c}.choice-row.keys button{min-width:27px;padding:0}.loop-summary{display:flex;align-items:center;gap:7px;color:#7e847a;font-size:7px}.loop-summary i{height:1px;flex:1;background:repeating-linear-gradient(90deg,#aeb4a9 0 3px,transparent 3px 6px)}.handoff-card{display:flex;gap:9px;margin:0 12px;padding:11px;color:#30401f;background:#ebf6df;border:1px solid #daebc7;border-radius:8px}.handoff-card>span{display:grid;width:27px;height:27px;flex:0 0 auto;place-items:center;background:#cdf0a9;border-radius:7px}.handoff-card strong,.handoff-card small{display:block}.handoff-card strong{font-size:7px}.handoff-card small{margin-top:3px;color:#78866b;font-size:6px;line-height:1.45}.library-view,.projects-view,.connectors-view{padding:31px 38px 50px;overflow-y:auto;background:#f3f5ef}.page-head{display:flex;max-width:1260px;align-items:flex-end;justify-content:space-between;gap:30px;margin:0 auto 25px;padding-bottom:22px;border-bottom:1px solid #daddd4}.page-head h1{margin:7px 0;font-size:31px;line-height:1;letter-spacing:-1.5px}.page-head p{max-width:570px;margin:0;color:#737970;font-size:9px;line-height:1.55}.search{display:flex;width:260px;height:35px;flex:0 0 auto;align-items:center;gap:8px;padding:0 10px;background:#fff;border:1px solid #d9dcd3;border-radius:8px}.search svg{color:#92978e}.search input{min-width:0;flex:1;background:transparent;border:0;outline:0;font-size:8px}.library-tabs{display:flex;max-width:1260px;gap:5px;margin:0 auto 15px}.library-tabs button{min-height:28px;padding:0 9px;color:#747a70;background:transparent;border:1px solid transparent;border-radius:6px;font-size:7px;font-weight:700}.library-tabs button.active{color:var(--ink);background:#fff;border-color:#daddd4}.asset-grid{display:grid;max-width:1260px;grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px;margin:0 auto}.asset-card{overflow:hidden;background:#fff;border:1px solid #dfe2d9;border-radius:11px;transition:.2s}.asset-card:hover{border-color:#c6cbc0;box-shadow:var(--shadow);transform:translateY(-3px)}.asset-art{position:relative;display:grid;height:145px;place-items:center;overflow:hidden;background:color-mix(in srgb,var(--asset) 22%,#edf0e9)}.asset-art:before{position:absolute;width:180px;height:180px;content:"";background:radial-gradient(circle,rgba(255,255,255,.8),transparent 68%)}.asset-kind{position:absolute;z-index:2;top:9px;left:9px;padding:4px 6px;color:#545a50;background:#ffffffa3;border-radius:4px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:500 6px DM Mono;letter-spacing:.6px}.mini-wave{position:relative;z-index:1;display:flex;width:62%;height:62%;align-items:center;justify-content:center;gap:2px}.mini-wave i{width:2px;max-height:100%;background:var(--asset);border-radius:2px;box-shadow:0 3px 8px color-mix(in srgb,var(--asset) 40%,transparent)}.asset-art>button{position:absolute;z-index:3;right:10px;bottom:10px;display:grid;width:31px;height:31px;place-items:center;color:#1c2317;background:var(--asset);border:0;border-radius:50%;opacity:0;transform:scale(.8);transition:.2s}.asset-card:hover .asset-art>button{opacity:1;transform:none}.asset-copy{padding:12px}.asset-copy>span{color:#8b9187;font:500 6px DM Mono;text-transform:uppercase;letter-spacing:.7px}.asset-copy>strong{display:block;margin-top:4px;font-size:12px}.asset-copy>p{height:30px;margin:5px 0 11px;color:#7b8177;font-size:7px;line-height:1.5}.asset-copy>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:9px;border-top:1px solid #eceee9}.asset-copy small{color:#9a9f96;font:500 6px DM Mono}.asset-copy button{display:flex;align-items:center;gap:3px;padding:0;color:#343a31;background:none;border:0;font-size:7px;font-weight:800}.project-grid{display:grid;max-width:1260px;grid-template-columns:repeat(3,minmax(230px,1fr));gap:14px;margin:0 auto}.project-card{overflow:hidden;background:#fff;border:1px solid #dfe2d9;border-radius:11px}.project-visual{display:grid;height:105px;grid-template-columns:45px 1fr;align-items:center;gap:9px;padding:16px;color:#30382a;background:color-mix(in srgb,var(--asset) 23%,#eff1ec)}.project-visual>span{display:grid;width:42px;height:42px;place-items:center;background:var(--asset);border-radius:10px}.project-visual .mini-wave{width:100%;height:55px}.project-card>div:last-child{padding:13px}.project-card small{color:#989d94;font:500 6px DM Mono}.project-card strong{display:block;margin-top:5px;font-size:12px}.project-card p{height:28px;margin:5px 0 12px;color:#7c8278;font-size:7px;line-height:1.5}.project-card footer{display:flex;gap:6px}.project-card footer button{height:28px;flex:1;color:#fff;background:#191c18;border:0;border-radius:6px;font-size:7px;font-weight:800}.project-card footer .delete{display:grid;flex:0 0 28px;place-items:center;color:#888e84;background:#f0f2ed}.empty-state{grid-column:1 / -1;display:grid;min-height:280px;place-items:center;align-content:center;padding:30px;color:#8d9388;background:#ffffff8c;border:1px dashed #d1d5ca;border-radius:12px;text-align:center}.empty-state>span{font-size:35px;color:#b3b9ad}.empty-state h2{margin:8px 0 4px;color:#454a42;font-size:15px}.empty-state p{margin:0 0 14px;font-size:8px}.flow{display:flex;align-items:center;gap:6px;padding:8px;background:#e7eae2;border-radius:9px}.flow span,.flow strong{padding:7px 9px;background:#fff;border-radius:6px;font-size:7px}.flow strong{color:#253118;background:var(--lime)}.flow i{width:17px;height:1px;background:#adb2a8}.connector-grid{display:grid;max-width:1260px;grid-template-columns:repeat(4,minmax(190px,1fr));gap:12px;margin:0 auto}.connector-card{position:relative;min-height:260px;padding:15px;overflow:hidden;background:#fff;border:1px solid #dfe2d9;border-radius:11px}.connector-card:before{position:absolute;top:-50px;right:-35px;width:140px;height:140px;content:"";background:radial-gradient(circle,var(--connector),transparent 68%);opacity:.25}.connector-card header{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.connector-card header>span{display:grid;width:38px;height:38px;place-items:center;background:var(--connector);border-radius:10px;font-size:10px;font-weight:800}.connector-card header em{position:relative;padding:5px 7px 5px 15px;color:#787e74;background:#f0f2ed;border-radius:10px;font:500 6px DM Mono;font-style:normal}.connector-card header em:before{position:absolute;top:7px;left:7px;width:4px;height:4px;content:"";background:var(--connector);border-radius:50%}.connector-card>small{color:#9ba097;font:500 6px DM Mono;letter-spacing:.7px}.connector-card h2{margin:5px 0 6px;font-size:16px}.connector-card>p{height:46px;margin:0;color:#797f75;font-size:7px;line-height:1.55}.connector-card>div{display:flex;flex-wrap:wrap;gap:4px;margin:12px 0}.connector-card>div span{padding:4px 6px;color:#7c8277;background:#f1f3ee;border-radius:4px;font-size:6px}.connector-card>button{display:flex;width:100%;height:31px;align-items:center;justify-content:space-between;padding:0 9px;color:#20271a;background:var(--connector);border:0;border-radius:6px;font-size:7px;font-weight:800}.connector-card>button:disabled{color:#959a91;background:#eceee9}.architecture-note{display:flex;max-width:1260px;gap:11px;margin:17px auto 0;padding:14px 16px;color:#344626;background:#e7f2db;border:1px solid #d7e5c9;border-radius:9px}.architecture-note>span{color:#6ca036}.architecture-note strong{font-size:8px}.architecture-note p{margin:3px 0 0;color:#75806c;font-size:7px;line-height:1.5}.toast{position:fixed;z-index:100;right:18px;bottom:18px;max-width:310px;padding:10px 13px;color:#fff;background:#171a16;border:1px solid #343a31;border-radius:8px;box-shadow:0 16px 45px #00000047;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s;font-size:8px;font-weight:700}.toast.show{opacity:1;transform:none}@media(max-width:1120px){.app-shell{grid-template-columns:62px minmax(0,1fr)}.topbar{grid-template-columns:62px 1fr auto}.brand{justify-content:center;padding:0}.brand strong,.brand em,.new-button span,.side-group>label,.side-group button span,.side-group button b,.pipeline-card div{display:none}.sidebar{padding-right:7px;padding-left:7px}.collapse{margin-right:auto}.new-button,.side-group button{width:46px}.side-group button{grid-template-columns:1fr;padding:0}.workbench-subnav{margin-left:0;padding-left:0;border-left:0}.side-group .workbench-subnav button{width:46px;grid-template-columns:1fr;padding:0}.pipeline-card{justify-content:center;padding:7px}.studio-grid{grid-template-columns:minmax(280px,32%) minmax(370px,1fr) 245px}.connector-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){body{overflow:auto}.app-shell{display:block;height:auto;min-height:100%;padding-top:58px}.topbar{position:fixed;top:0;right:0;left:0;display:grid;grid-template-columns:1fr auto;height:58px}.brand{justify-content:flex-start;gap:8px;padding:0 12px;border:0}.brand strong{display:block}.top-tabs,.local-status,.top-actions .ghost{display:none}.sidebar{position:fixed;z-index:30;right:0;bottom:0;left:0;display:grid;height:52px;grid-template-columns:repeat(5,1fr);gap:2px;padding:5px;border:0;border-top:1px solid var(--line)}.collapse,.new-button,.side-group>label,.side-group:last-of-type button:last-child,.pipeline-card{display:none}.side-group,.workbench-subnav{display:contents}.side-group button{display:grid;width:auto;min-height:42px;grid-template-columns:1fr;padding:0;place-items:center;background:transparent}.side-group button span,.side-group button b{display:none}.main{overflow:visible}.view,.studio-grid{height:auto;min-height:calc(100vh - 110px)}.studio-grid{display:flex;flex-direction:column}.chat-panel{height:520px;flex:0 0 520px;border-right:0;border-bottom:1px solid var(--line)}.workbench{min-height:630px}.inspector{overflow:visible;border:0;border-top:1px solid var(--line)}.library-view,.projects-view,.connectors-view{padding:25px 16px 80px}.page-head{display:block}.page-head .search,.page-head .button,.flow{margin-top:16px}.asset-grid,.project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.top-actions{padding-right:8px}.studio-grid{min-width:0}.mode-switch{grid-template-columns:1fr 1fr}.workbench{min-height:570px;grid-template-rows:60px minmax(0,1fr) 32px}.bench-header{padding:0 10px}.bench-header input{width:180px}.bench-actions .icon-button{display:none}.stage-center{top:38%}.song-stage .stage-center{top:28%}.sequencer{right:7px;bottom:7px;left:7px;padding:7px 5px}.sequence-ruler,.track-row{grid-template-columns:42px repeat(16,1fr);gap:2px}.track-row>strong{font-size:5px}.step{min-height:10px}.asset-grid,.project-grid,.connector-grid{grid-template-columns:1fr}.page-head h1{font-size:26px}.search{width:100%}.composer>div span,.bench-footer span:first-child{display:none}}.playground-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding:12px;background:#f4f6f1;border:1px solid #dfe3da;border-radius:9px}.playground-toolbar>div span,.timing-console header>div:first-child span,.beat-breakdown header span{display:block;color:#8b9386;font:600 8px DM Mono;letter-spacing:.7px}.playground-toolbar>div strong,.timing-console header>div:first-child strong,.beat-breakdown header strong{display:block;margin-top:4px;font-size:11px}.playground-toolbar nav{display:grid;grid-template-columns:repeat(5,minmax(48px,1fr));gap:4px}.playground-toolbar nav button{min-height:42px;padding:5px 7px;color:#777f72;background:#fff;border:1px solid #d9ded4;border-radius:7px}.playground-toolbar nav button b,.playground-toolbar nav button span{display:block}.playground-toolbar nav button b{font-size:11px}.playground-toolbar nav button span{margin-top:2px;font-size:7px}.playground-toolbar nav button.active{color:#203016;background:#e6f8d5;border-color:#a9cf78;box-shadow:inset 0 -2px #a7db63}.voice-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px}.voice-picker>span{color:#697165;font-size:10px;font-weight:750}.voice-picker>div{display:flex;gap:5px}.voice-picker button,.timing-mode button,.beat-grid button{min-height:32px;padding-inline:10px;color:#757d70;background:#f3f5f0;border:1px solid #dfe3da;border-radius:6px;font-size:9px;font-weight:750}.voice-picker button.active,.timing-mode button.active,.beat-grid button.active{color:#233319;background:#e7f7d8;border-color:#afd27f}.soundboard kbd:empty{visibility:hidden}.soundboard.complexity-3,.soundboard.complexity-4,.soundboard.complexity-5{grid-template-columns:repeat(6,minmax(0,1fr))}.soundboard.complexity-3 button,.soundboard.complexity-4 button,.soundboard.complexity-5 button{min-height:68px;padding:8px}.timing-console{margin-top:15px;padding:13px;background:#181b17;border:1px solid #2d332b;border-radius:10px;color:#f3f6ef}.timing-console header{display:flex;align-items:center;justify-content:space-between;gap:14px}.timing-console header>div:first-child span{color:#8e9788}.timing-console header>div:first-child strong{color:#f3f6ef}.timing-mode{display:flex;gap:4px;padding:3px;background:#292e27;border-radius:7px}.timing-mode button{color:#9aa395;background:transparent;border-color:transparent}.timing-mode button.active{color:#1e2b17;background:var(--lime);border-color:var(--lime)}.tempo-controls{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:end;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid #30362e}.tempo-controls>label>span{display:flex;justify-content:space-between;margin-bottom:7px;color:#aab2a5;font-size:9px;font-weight:700}.tempo-controls>label b{color:var(--lime)}.tempo-controls input{width:100%;accent-color:var(--lime)}.tempo-controls>button{min-height:34px;padding-inline:12px;color:#dce2d8;background:#30352e;border:1px solid #444b41;border-radius:6px;font-size:9px;font-weight:750}.beat-grid{display:flex;align-items:center;gap:4px}.beat-grid>span{margin-right:3px;color:#90998b;font-size:8px}.beat-grid button{min-height:34px;color:#b5bdb0;background:#292e27;border-color:#41473e}.beat-grid button.active{color:#1f2c17;background:var(--lime);border-color:var(--lime)}.beat-grid button:disabled{opacity:.35}.record-console{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:12px;background:#fff8f5;border:1px solid #eadbd5;border-radius:10px}.record-console>div{display:flex;min-width:0;align-items:center;gap:10px}.record-console>div>i{width:11px;height:11px;flex:0 0 auto;background:#ce695c;border:3px solid #f2cbc4;border-radius:50%}.record-console>div strong,.record-console>div small{display:block}.record-console>div strong{font-size:11px}.record-console>div small{margin-top:3px;color:#8b817c;font-size:8px}.record-console nav{display:flex;gap:5px}.record-console nav button{display:flex;min-height:36px;align-items:center;justify-content:center;gap:5px;padding-inline:10px;color:#646d60;background:#fff;border:1px solid #dddeda;border-radius:7px;font-size:9px;font-weight:780;white-space:nowrap}.record-console nav button:disabled{opacity:.38}.record-console .record-button{color:#fff;background:#c85c50;border-color:#c85c50}.record-console .record-button>i{width:8px;height:8px;background:#fff;border-radius:50%}.record-console.recording{background:#fff0ec;border-color:#df8b7f;box-shadow:0 0 0 3px #cf5c4d14}.record-console.recording>div>i{animation:record-pulse 1s infinite}@keyframes record-pulse{50%{opacity:.35;transform:scale(.82)}}.beat-breakdown{margin-top:14px;padding:13px;background:#f4f6f1;border:1px solid #dfe3da;border-radius:10px}.beat-breakdown>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.beat-breakdown>header>b{padding:5px 8px;color:#526049;background:#e6eadf;border-radius:5px;font:600 8px DM Mono}.phase-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}.phase-cards article{position:relative;padding:11px;background:#fff;border:1px solid #dfe3da;border-radius:8px}.phase-cards article>i{display:block;width:22px;height:4px;margin-bottom:9px;background:var(--lime);border-radius:2px}.phase-cards strong,.phase-cards b,.phase-cards small{display:block}.phase-cards strong{font-size:10px}.phase-cards b{margin-top:4px;font:600 9px DM Mono}.phase-cards small{margin-top:3px;color:#858d81;font-size:8px}.beat-lanes{display:grid;gap:7px;margin-top:11px}.beat-lanes article{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:10px;padding:9px;background:#fff;border:1px solid #dfe3da;border-radius:7px}.beat-lanes article>div{display:grid;grid-template-columns:8px 1fr;align-items:center;gap:6px}.beat-lanes article>div>i{width:7px;height:7px;background:var(--track);border-radius:50%}.beat-lanes article strong{font-size:9px}.beat-lanes article b{grid-column:2;color:#8c9488;font-size:7px;font-weight:600}.beat-lanes article>span{display:grid;grid-template-columns:repeat(16,1fr);gap:3px}.beat-lanes article>span i{height:14px;background:#e8ebe5;border-radius:2px}.beat-lanes article>span i.active{background:var(--track)}.breakdown-sections{display:flex;gap:6px;margin-top:9px}.breakdown-sections span{flex:1;padding:7px;color:#697164;background:#fff;border:1px solid #dfe3da;border-radius:6px;font-size:8px;text-align:center}.breakdown-sections b{margin-left:5px;color:#2d3827}@media(min-width:1181px){.studio-grid:has(.studio-panel[data-workflow-mode=assisted]){grid-template-columns:minmax(390px,.68fr) minmax(610px,1.32fr)}}@media(min-width:1450px){.studio-grid:has(.studio-panel[data-workflow-mode=assisted]){grid-template-columns:minmax(480px,.72fr) minmax(720px,1.28fr)}}@media(max-width:1180px){.soundboard.complexity-3,.soundboard.complexity-4,.soundboard.complexity-5{grid-template-columns:repeat(4,minmax(0,1fr))}.record-console{align-items:stretch;flex-direction:column}.record-console nav button{flex:1}}@media(max-width:850px){.playground-toolbar,.timing-console header{align-items:stretch;flex-direction:column}.tempo-controls,.phase-cards{grid-template-columns:1fr}}.studio-grid{grid-template-columns:minmax(540px,1.35fr) minmax(390px,.65fr)}.creation-column{display:grid;min-width:0;min-height:0;grid-template-rows:minmax(270px,44%) minmax(300px,56%)}.compact-workbench{grid-template-rows:58px minmax(0,1fr) 28px;border-bottom:1px solid #30352d}.compact-workbench .bench-header{min-height:58px}.compact-workbench .audio-stage:after{top:0;width:240px;height:240px}.compact-workbench #waveform{inset:12% 4% 14%;width:92%;height:74%}.compact-workbench .stage-center{top:49%;left:50%;display:flex;min-width:310px;align-items:center;justify-content:center;gap:14px;transform:translate(-50%,-50%)}.compact-workbench .stage-center>div{min-width:0}.compact-workbench .stage-center strong,.compact-workbench .stage-center small{display:block;text-align:left}.compact-workbench .stage-center small{max-width:245px}.compact-workbench .big-play{width:52px;height:52px;flex:0 0 52px;margin:0}.compact-workbench .time-row{right:13px;bottom:10px;left:13px}.compact-workbench.song-stage .stage-center,.compact-workbench .song-stage .stage-center{top:27%}.compact-workbench .song-stage #waveform{top:2%;bottom:43%;height:55%}.compact-workbench .song-stage .sequencer{right:9px;bottom:7px;left:9px;max-height:112px;padding:7px;overflow-x:auto}.compact-chat{min-height:0;border-right:0;border-top:1px solid #dfe2da}.compact-chat .chat-header{min-height:52px}.compact-chat .chat-messages{padding-top:13px}.compact-chat .composer{margin-bottom:9px}.studio-panel{min-width:0;min-height:0;padding-bottom:14px;overflow-y:auto;background:#fff;border-left:1px solid var(--line)}.lane-heading{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:12px;padding:0 15px;border-bottom:1px solid var(--line)}.lane-heading strong{display:block;margin-top:4px;font-size:11px}.recipe-status{display:flex;align-items:center;gap:5px;color:#838a7f;font:500 6px DM Mono}.recipe-status i{width:5px;height:5px;background:#7bc83d;border-radius:50%}.studio-panel[data-workflow-mode=powered] .lane-heading{box-shadow:inset 3px 0 var(--lime)}.studio-panel[data-workflow-mode=assisted] .lane-heading{box-shadow:inset 3px 0 #7bdde5}.studio-panel[data-workflow-mode=assisted] .recipe-status i{background:#41b8c1}.lane-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 12px;background:#f2f4ef;border-bottom:1px solid var(--line)}.lane-switch button{display:grid;min-width:0;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:6px;padding:8px 7px;color:#7c8278;background:transparent;border:1px solid transparent;border-radius:8px;text-align:left}.lane-switch button>svg{padding:5px;width:26px;height:26px;background:#e4e7df;border-radius:7px}.lane-switch strong,.lane-switch small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lane-switch strong{font-size:7px}.lane-switch small{margin-top:2px;font-size:5px}.lane-switch button.active{color:var(--ink);background:#fff;border-color:#d9ddd3;box-shadow:0 4px 12px #191e140a}.lane-switch button.active>svg{color:#223217;background:var(--lime)}.workflow-content{padding:8px 12px 13px}.workflow-head{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:9px;padding:9px 10px;background:#171a16;border-radius:8px}.workflow-number{display:grid;width:32px;height:32px;place-items:center;color:#1f2b17;background:var(--lime);border-radius:8px;font:600 7px DM Mono}.workflow-head strong{color:#f4f6f1;font-size:9px}.workflow-head p{margin:2px 0 0;color:#8f978a;font-size:6px;line-height:1.35}.brief-field{display:block;margin-top:11px}.brief-field>span,.brief-group>span{display:block;margin-bottom:6px;color:#6f756b;font-size:7px;font-weight:800}.brief-field input{width:100%;height:35px;padding:0 9px;background:#fafbf8;border:1px solid #d9ddd3;border-radius:7px;outline:0;font-size:7px}.brief-field input:focus{border-color:#91bf5c;box-shadow:0 0 0 3px #a3d7661f}.brief-group{margin-top:11px}.brief-group>div{display:flex;flex-wrap:wrap;gap:4px}.brief-group button{min-height:25px;padding:0 7px;color:#777d73;background:#f3f5f0;border:1px solid #e2e5de;border-radius:5px;font-size:6px;font-weight:700}.brief-group button.active{color:#243119;background:#e9f8dc;border-color:#bddc9a}.produce-button{display:flex;width:100%;min-height:36px;align-items:center;justify-content:center;gap:7px;margin-top:13px;color:#1c2814;background:var(--lime);border:1px solid #9fdd54;border-radius:8px;font-size:8px;font-weight:800}.produce-button span{color:#5c7b3d;font-size:6px;font-weight:600}.produce-button.secondary{color:#fff;background:#191c18;border-color:#191c18}.produce-button:disabled{color:#959b91;background:#eceee9;border-color:#e1e4dc}.engine-disclosure{display:flex;align-items:center;gap:6px;margin-top:10px;padding:7px 8px;color:#7b8276;background:#f6f7f3;border:1px solid #e2e5dd;border-radius:6px;font:500 5px DM Mono;line-height:1.45}.engine-disclosure i{width:5px;height:5px;flex:0 0 auto;background:#f2b84b;border-radius:50%}.clip-editor{margin-top:13px;padding-top:12px;border-top:1px solid #dfe3da}.clip-editor-head,.reel-builder>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.clip-editor-head>div:first-child span,.reel-builder>header span{display:block;color:#949b90;font:600 5px DM Mono;letter-spacing:.6px}.clip-editor-head>div:first-child strong,.reel-builder>header strong{display:block;max-width:215px;margin-top:3px;overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.clip-editor-head>div:last-child{display:flex;gap:4px}.clip-editor-head button,.reel-builder>header button{display:flex;min-height:25px;align-items:center;gap:4px;padding:0 7px;color:#687064;background:#f2f4ef;border:1px solid #dfe3da;border-radius:6px;font-size:6px;font-weight:750}.clip-editor-head button:hover,.reel-builder>header button:hover{color:#26321d;border-color:#bad88f}.source-timeline{margin-top:8px;padding:9px;background:#171a16;border:1px solid #2a2f28;border-radius:9px}.timeline-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#8e9788;font:500 5px DM Mono}.timeline-meta b{color:#b7c0b1;font-weight:500}.timeline-track{position:relative;display:grid;min-height:57px;grid-template-columns:repeat(var(--units),minmax(22px,1fr));gap:3px;padding:5px;overflow-x:auto;background:#252a23;border-radius:6px;scrollbar-width:thin}.clip-selection{position:absolute;z-index:3;top:2px;bottom:2px;pointer-events:none;background:#b8f36b14;border:1px solid var(--lime);border-radius:5px;box-shadow:0 0 0 2px #b8f36b14}.timeline-unit{position:relative;z-index:1;min-width:0;padding:4px 2px;overflow:hidden;color:#252c21;background:color-mix(in srgb,var(--clip) 68%,#f1f4ed);border:1px solid transparent;border-radius:4px;opacity:.62}.timeline-unit span{display:block;overflow:hidden;font:600 5px DM Mono;text-overflow:ellipsis;white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg)}.timeline-unit.selected{opacity:1}.timeline-unit.quiet{color:#9ba296;background:#343a32}.timeline-empty{position:absolute;inset:0;display:grid;place-items:center;padding:10px;color:#818a7d;font-size:6px;text-align:center}.clip-range-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.clip-range-controls label>span{display:flex;justify-content:space-between;color:#aab2a5;font:500 5px DM Mono}.clip-range-controls label b{color:var(--lime);font-weight:600}.clip-range-controls input{width:100%;height:12px;margin-top:3px;accent-color:var(--lime)}.add-to-reel{display:flex;width:100%;min-height:29px;align-items:center;justify-content:center;gap:5px;margin-top:7px;color:#202b18;background:var(--lime);border:0;border-radius:6px;font-size:7px;font-weight:800}.add-to-reel:disabled{color:#70776d;background:#363c34}.reel-builder{margin-top:8px;padding:9px;background:#f4f6f1;border:1px solid #dfe3da;border-radius:9px}.reel-builder>header button:disabled{opacity:.45}.reel-strip{display:grid;gap:5px;margin-top:8px}.reel-strip>p{margin:0;padding:10px;color:#8a9185;background:#fff;border:1px dashed #cfd5ca;border-radius:6px;font-size:6px;line-height:1.5;text-align:center}.reel-strip article{display:grid;min-width:0;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px;background:#fff;border:1px solid #dfe3da;border-left:4px solid var(--clip);border-radius:6px}.reel-strip article>b{display:grid;width:20px;height:20px;place-items:center;color:#5d6657;background:color-mix(in srgb,var(--clip) 25%,#f0f3ec);border-radius:4px;font:600 5px DM Mono}.reel-strip article>div{min-width:0}.reel-strip article strong,.reel-strip article small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel-strip article strong{font-size:7px}.reel-strip article small{margin-top:2px;color:#90968c;font-size:5px}.reel-strip nav{display:flex;gap:2px}.reel-strip nav button{display:grid;width:19px;height:19px;place-items:center;padding:0;color:#70786c;background:#f0f2ed;border:0;border-radius:4px;font-size:8px}.reel-strip nav button:disabled{opacity:.28}.reel-strip nav button:last-child{color:#a6534b}.share-reel{display:flex;width:100%;min-height:34px;align-items:center;justify-content:center;gap:6px;margin-top:8px;color:#f5f7f2;background:#1b1e19;border:0;border-radius:7px;font-size:7px;font-weight:800}.share-reel span{color:#8e9788;font-size:5px;font-weight:600}.share-reel:disabled{color:#9da39a;background:#e3e6df}.share-reel:disabled span{color:#a8ada5}.board-tabs{display:flex;gap:4px;margin-top:10px;padding-bottom:2px;overflow-x:auto;scrollbar-width:thin}.board-tabs button{min-height:26px;flex:0 0 auto;padding:0 7px;color:#7a8175;background:#f3f5f0;border:1px solid #e0e4db;border-radius:6px;font-size:6px;font-weight:750}.board-tabs button.active{color:#213016;background:#e7f7d8;border-color:#bcd992}.board-description{margin:6px 1px 0;color:#8b9287;font-size:6px}.soundboard{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:11px}.soundboard button{position:relative;display:grid;min-width:0;min-height:60px;align-content:space-between;padding:7px;overflow:hidden;color:#27301f;background:color-mix(in srgb,var(--pad) 34%,#f5f7f2);border:1px solid color-mix(in srgb,var(--pad) 52%,#dce0d7);border-radius:8px;text-align:left;box-shadow:inset 0 -3px #0000000f;transition:.08s}.soundboard button:active{transform:translateY(2px);box-shadow:inset 0 -1px #0000000f}.soundboard kbd{justify-self:end;padding:2px 4px;color:#656e5e;background:#fff9;border:1px solid rgba(255,255,255,.8);border-radius:4px;font:500 5px DM Mono}.soundboard strong,.soundboard small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soundboard strong{font-size:7px}.soundboard small{margin-top:2px;color:#6f7868;font-size:5px}.phrase-tray{margin-top:10px;padding:9px;background:#f4f6f1;border:1px solid #e1e4dc;border-radius:8px}.phrase-tray header{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.phrase-tray header span{font-size:7px;font-weight:800}.phrase-tray header button{padding:0;color:#8a9086;background:none;border:0;font-size:6px}.phrase-tray>div{display:flex;min-height:25px;flex-wrap:wrap;gap:4px;align-items:center}.phrase-tray>div>span{display:flex;align-items:center;gap:4px;padding:4px 6px;background:color-mix(in srgb,var(--pad) 28%,white);border-radius:5px;font-size:6px}.phrase-tray b{display:grid;width:13px;height:13px;place-items:center;background:#ffffffa6;border-radius:3px;font:500 5px DM Mono}.phrase-tray em{color:#9ba097;font-size:6px;font-style:normal}.cowork-guidance{display:flex;align-items:center;gap:5px;margin-top:9px;color:#747b70}.cowork-guidance span{display:grid;width:17px;height:17px;flex:0 0 auto;place-items:center;color:#304021;background:#dff2ca;border-radius:50%;font:500 5px DM Mono}.cowork-guidance p{flex:0 0 auto;margin:0;font-size:5px}.cowork-guidance i{height:1px;flex:1;background:#d4d8cf}.manual-drawer{border-top:1px solid var(--line)}.manual-drawer .inspector-head{min-height:52px}.manual-drawer #inspector-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;padding-top:0}.manual-drawer .control-section{min-width:0}.manual-drawer .handoff-card{margin-top:4px}.song-stage .sequencer{overflow-x:auto;scrollbar-width:thin}.sequence-grid{min-width:calc(68px + var(--steps) * 16px)}.sequence-grid .sequence-ruler,.sequence-grid .track-row{grid-template-columns:55px repeat(var(--steps),minmax(10px,1fr))}.section-strip{display:flex;min-width:calc(13px + var(--steps, 32) * 16px);gap:3px;margin:0 0 5px 58px}.section-strip span{flex:var(--span);padding:3px 5px;color:#aeb5aa;background:#2c322a;border-left:2px solid var(--lime);border-radius:3px;font:500 5px DM Mono}.collection-tabs{display:flex;max-width:1260px;align-items:center;gap:5px;margin:-7px auto 15px;padding-top:9px;border-top:1px solid #e0e3dc;overflow-x:auto;scrollbar-width:thin}.collection-tabs>span{margin-right:3px;color:#949a90;font:600 6px DM Mono;letter-spacing:.5px;text-transform:uppercase}.collection-tabs button{min-height:25px;flex:0 0 auto;padding:0 8px;color:#737a6f;background:#f1f3ee;border:1px solid #e1e4dc;border-radius:12px;font-size:6px;font-weight:700}.collection-tabs button.active{color:#1f2c16;background:#e7f7d8;border-color:#bcd992}.asset-copy>span{display:flex;align-items:center;justify-content:space-between;gap:6px}.asset-copy>span em{padding:3px 5px;color:#68725f;background:#eef2e9;border-radius:4px;font:500 5px DM Mono;font-style:normal;letter-spacing:0;text-transform:none}.connector-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}@media(max-width:1180px){.studio-grid{grid-template-columns:minmax(500px,1.2fr) minmax(360px,.8fr)}.lane-switch small{display:none}.soundboard{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.studio-grid{display:block;min-height:auto}.creation-column{display:grid;min-height:810px;grid-template-rows:340px 470px}.compact-chat{height:auto;flex:auto;border-bottom:0}.studio-panel{overflow:visible;border-top:1px solid var(--line);border-left:0}.soundboard{grid-template-columns:repeat(4,1fr)}.manual-drawer #inspector-content,.connector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.creation-column{min-height:830px;grid-template-rows:330px 500px}.lane-switch{grid-template-columns:1fr}.lane-switch button{grid-template-columns:28px 1fr}.lane-switch small{display:block}.soundboard{grid-template-columns:repeat(2,1fr)}.manual-drawer #inspector-content{grid-template-columns:1fr}.compact-workbench .stage-center{min-width:250px}.compact-workbench .stage-center small{max-width:170px}.connector-grid{grid-template-columns:1fr}}.brand strong{font-size:17px}.brand em{font-size:9px}.top-tabs button{padding-inline:20px;font-size:12px}.local-status{font-size:9px}.button{min-height:38px;padding-inline:14px;font-size:11px}.new-button{min-height:42px;font-size:12px}.side-group>label{font-size:9px}.side-group button{min-height:42px;font-size:11px}.side-group button b{min-width:22px;height:20px;font-size:8px}.workbench-subnav{margin-left:32px;padding-left:10px}.side-group .workbench-subnav button{min-height:38px;grid-template-columns:20px minmax(0,1fr) auto;font-size:10px}.side-group .workbench-subnav button b{min-width:23px;height:18px;font-size:7px}.pipeline-card{padding:12px}.pipeline-card strong{font-size:10px}.pipeline-card small{font-size:8px}.chat-header strong{font-size:13px}.chat-header small{font-size:10px}.day-line{font-size:9px}.bubble{padding:12px 13px}.bubble p{font-size:12px;line-height:1.55}.capabilities span,.result-tags span{padding:5px 8px;font-size:9px}.suggestions{gap:7px;padding-bottom:11px}.suggestions button{max-width:260px;padding:8px 11px;border-radius:16px;font-size:9px}.composer{padding:12px}.composer textarea{min-height:48px;font-size:12px}.composer>div span{font-size:9px}.composer button{width:31px;height:31px}.eyebrow{font-size:9px}.bench-header input{font-size:17px}.play-button{height:38px;padding-inline:14px;font-size:10px}.stage-top>span:first-child{padding:6px 8px;font-size:9px}.stage-top>span:last-child{font-size:8px}.stage-center strong{font-size:17px}.stage-center small{max-width:340px;font-size:10px}.time-row,.bench-footer{font-size:8px}.sequence-ruler b,.track-row>strong{font-size:8px}.section-strip span{font-size:7px}.lane-heading{min-height:70px;padding-inline:18px}.lane-heading strong{font-size:15px}.recipe-status{font-size:9px}.lane-switch{gap:8px;padding:13px 15px}.lane-switch button{grid-template-columns:32px minmax(0,1fr);min-height:58px;padding:10px}.lane-switch button>svg{width:31px;height:31px}.lane-switch strong{font-size:11px}.lane-switch small{font-size:8px}.workflow-content{padding:13px 16px 18px}.workflow-head{grid-template-columns:46px 1fr;gap:12px;padding:13px}.workflow-number{width:40px;height:40px;font-size:9px}.workflow-head strong{font-size:12px}.workflow-head p{margin-top:4px;font-size:10px}.brief-field,.brief-group{margin-top:15px}.brief-field>span,.brief-group>span{margin-bottom:8px;font-size:10px}.brief-field input{height:43px;padding-inline:12px;font-size:11px}.brief-group>div{gap:6px}.brief-group button,.choice-row button{min-height:34px;padding-inline:10px;font-size:9px}.produce-button{min-height:45px;margin-top:16px;font-size:11px}.produce-button span{font-size:9px}.engine-disclosure{padding:10px 11px;font-size:8px}.board-tabs{gap:6px;margin-top:14px}.board-tabs button{min-height:34px;padding-inline:10px;font-size:9px}.board-description{margin-top:8px;font-size:9px}.soundboard{gap:8px;margin-top:13px}.soundboard button{min-height:76px;padding:10px}.soundboard kbd{font-size:7px}.soundboard strong{font-size:11px}.soundboard small{font-size:8px}.clip-editor{margin-top:18px;padding-top:17px}.clip-editor-head>div:first-child span,.reel-builder>header span{font-size:8px}.clip-editor-head>div:first-child strong,.reel-builder>header strong{max-width:275px;font-size:11px}.clip-editor-head button,.reel-builder>header button{min-height:34px;padding-inline:10px;font-size:9px}.source-timeline,.reel-builder{margin-top:11px;padding:12px}.timeline-meta{font-size:8px}.timeline-track{min-height:72px;grid-template-columns:repeat(var(--units),minmax(28px,1fr));gap:4px;padding:6px}.timeline-unit span{font-size:7px}.timeline-empty{font-size:10px}.clip-range-controls{gap:15px;margin-top:11px}.clip-range-controls label>span{font-size:8px}.clip-range-controls input{height:17px}.add-to-reel{min-height:39px;margin-top:10px;font-size:10px}.reel-strip{gap:7px;margin-top:11px}.reel-strip>p{padding:14px;font-size:9px}.reel-strip article{grid-template-columns:30px minmax(0,1fr) auto;gap:9px;padding:9px}.reel-strip article>b{width:27px;height:27px;font-size:8px}.reel-strip article strong{font-size:10px}.reel-strip article small{font-size:8px}.reel-strip nav button{width:27px;height:27px;font-size:12px}.share-reel{min-height:44px;margin-top:11px;font-size:10px}.share-reel span{font-size:8px}.manual-drawer .inspector-head{min-height:64px}.inspector-head strong{font-size:13px}.manual-drawer #inspector-content{gap:0 20px;padding-inline:16px}.range-control,.control-section{padding-block:18px}.control-label span{font-size:10px}.control-label b{font-size:9px}.range-ends{display:none}.loop-summary{font-size:10px}.handoff-card{padding:14px}.handoff-card strong{font-size:10px}.handoff-card small{font-size:9px}.page-head p{font-size:12px}.search{width:320px;height:43px}.search input{font-size:11px}.library-tabs button,.collection-tabs button{min-height:36px;padding-inline:12px;font-size:10px}.collection-tabs>span{font-size:9px}.asset-kind{font-size:9px}.asset-copy{padding:16px}.asset-copy>span{font-size:9px}.asset-copy>span em{font-size:8px}.asset-copy>strong{font-size:16px}.asset-copy>p{height:auto;min-height:44px;font-size:11px}.asset-copy small,.asset-copy button,.project-card small{font-size:9px}.project-card strong{font-size:16px}.project-card p{height:auto;min-height:42px;font-size:11px}.project-card footer button{height:36px;font-size:10px}.connector-card{min-height:310px;padding:20px}.connector-card header em,.connector-card>small{font-size:9px}.connector-card h2{font-size:20px}.connector-card>p{height:auto;min-height:62px;font-size:11px}.connector-card>div span{padding:6px 8px;font-size:9px}.connector-card>button{height:40px;font-size:10px}.architecture-note strong{font-size:11px}.architecture-note p{font-size:10px}.toast{font-size:11px}@media(min-width:1181px){.app-shell{grid-template:64px minmax(0,1fr) / 230px minmax(0,1fr)}.topbar{grid-template-columns:230px 1fr auto}.studio-grid{grid-template-columns:minmax(540px,1fr) minmax(470px,.82fr)}.creation-column{grid-template-rows:minmax(290px,43%) minmax(330px,57%)}.compact-workbench{grid-template-rows:64px minmax(0,1fr) 32px}.compact-chat .chat-header{min-height:62px}}@media(max-width:1180px)and (min-width:851px){.studio-grid{grid-template-columns:minmax(480px,1.05fr) minmax(420px,.95fr)}}@media(max-width:850px){.bubble p{font-size:13px}.workflow-content{padding:16px}.creation-column{min-height:900px;grid-template-rows:370px 530px}.studio-panel{font-size:12px}}@media(max-width:560px){.lane-switch button{min-height:54px}.soundboard{grid-template-columns:repeat(2,1fr)}.clip-editor-head{align-items:flex-start;flex-direction:column}.clip-editor-head>div:last-child{width:100%}.clip-editor-head button{flex:1;justify-content:center}.reel-strip article{grid-template-columns:28px minmax(0,1fr)}.reel-strip nav{grid-column:1 / -1;justify-content:flex-end}.share-reel{flex-wrap:wrap;padding:8px}}.board-tabs{padding-bottom:6px}.board-tabs button{min-height:36px;font-size:9px}.voice-picker{align-items:flex-start}.voice-picker>div{flex-wrap:wrap;justify-content:flex-end}.hotkey-guide{display:flex;align-items:center;gap:6px;margin-top:10px;padding:9px 11px;color:#697165;background:#f3f5f0;border:1px solid #dfe3da;border-radius:8px}.hotkey-guide>span{margin-right:3px;color:#8b9386;font:600 8px DM Mono;letter-spacing:.6px}.hotkey-guide b{padding:4px 7px;color:#313a2c;background:#fff;border:1px solid #d9ded4;border-radius:5px;font:650 8px DM Mono}.hotkey-guide small{margin-left:auto;color:#858d80;font-size:8px}.tempo-source{display:flex;align-items:center;gap:5px;margin-top:12px;padding-top:11px;border-top:1px solid #30362e}.tempo-source>span{margin-right:5px;color:#9aa395;font-size:8px;font-weight:750}.tempo-source button{min-height:29px;padding-inline:9px;color:#a7b0a1;background:#292e27;border:1px solid #41483e;border-radius:6px;font-size:8px;font-weight:750}.tempo-source button.active{color:#1f2c17;background:var(--lime);border-color:var(--lime)}.tempo-source small{margin-left:auto;color:#7f887b;font-size:8px}.tempo-controls input:disabled{opacity:.42}.record-console nav{flex-wrap:wrap;justify-content:flex-end}.record-console nav button{min-height:37px}.take-version{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:8px;background:#eef1ea;border:1px solid #dce1d7;border-radius:8px}.take-version>div{display:flex;gap:4px}.take-version button{min-height:31px;padding-inline:10px;color:#737b6e;background:#fff;border:1px solid #d9ded4;border-radius:6px;font-size:9px;font-weight:750}.take-version button.active{color:#223118;background:#e4f7d2;border-color:#acd17b}.take-version>span{color:#70796b;font-size:8px}.layer-studio{margin-top:11px;padding:13px;background:#f2f5ef;border:1px solid #dbe0d6;border-radius:10px}.layer-studio>header,.effect-board>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.layer-studio>header span,.effect-board>header span{display:block;color:#8b9386;font:600 8px DM Mono;letter-spacing:.65px}.layer-studio>header strong,.effect-board>header strong{display:block;margin-top:3px;font-size:11px}.layer-studio>header nav{display:flex;gap:5px}.layer-studio>header button{display:flex;min-height:33px;align-items:center;gap:5px;padding-inline:9px;color:#5d6758;background:#fff;border:1px solid #d5dbd0;border-radius:6px;font-size:8px;font-weight:750}.layer-studio>header button:disabled{opacity:.4}.layer-list{display:grid;gap:6px;margin-top:10px}.layer-list>p{margin:0;padding:13px;color:#80897b;background:#fff;border:1px dashed #cdd4c8;border-radius:7px;font-size:9px;text-align:center}.layer-list article{display:grid;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;background:#fff;border:1px solid #dbe0d7;border-left:4px solid var(--layer);border-radius:7px}.layer-list article.muted{opacity:.5}.layer-list article>b{display:grid;width:27px;height:27px;place-items:center;color:#52604b;background:color-mix(in srgb,var(--layer) 22%,#f2f5ef);border-radius:5px;font:650 8px DM Mono}.layer-list article>div{min-width:0}.layer-list article>div strong,.layer-list article>div small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-list article>div strong{font-size:10px}.layer-list article>div small{margin-top:3px;color:#879083;font-size:8px}.layer-list article nav{display:flex;gap:4px}.layer-list article nav button{min-height:28px;padding-inline:8px;color:#697364;background:#f1f4ee;border:0;border-radius:5px;font-size:8px;font-weight:700}.layer-list article nav button:last-child{color:#ad574e;font-size:13px}.effect-board{margin-top:11px;padding-top:11px;border-top:1px solid #d9ded4}.effect-board>header small{color:#899184;font-size:8px}.effect-board>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px}.effect-board>div>p{grid-column:1/-1;margin:0;padding:12px;color:#858e80;background:#fff;border:1px dashed #cfd5ca;border-radius:7px;font-size:9px;text-align:center}.effect-board button{position:relative;min-height:62px;padding:9px;color:#27311f;background:color-mix(in srgb,var(--pad) 26%,#fff);border:1px solid color-mix(in srgb,var(--pad) 45%,#dce0d7);border-radius:7px;text-align:left}.effect-board button kbd{position:absolute;top:6px;right:6px;padding:2px 4px;color:#687061;background:#ffffffb8;border-radius:4px;font:600 7px DM Mono}.effect-board button strong,.effect-board button small{display:block}.effect-board button strong{max-width:calc(100% - 26px);font-size:9px}.effect-board button small{margin-top:5px;color:#6f7868;font-size:8px}@media(max-width:1180px){.hotkey-guide{flex-wrap:wrap}.hotkey-guide small{width:100%;margin-left:0}.tempo-source{flex-wrap:wrap}.tempo-source small{width:100%;margin-left:0}}@media(max-width:560px){.take-version,.layer-studio>header,.effect-board>header{align-items:stretch;flex-direction:column}.layer-list article{grid-template-columns:28px minmax(0,1fr)}.layer-list article nav{grid-column:1/-1;justify-content:flex-end}.effect-board>div{grid-template-columns:repeat(2,minmax(0,1fr))}}