:root{--ink: #0b0c0e;--panel: #101216;--panel-2: #15181d;--panel-3: #1b1e24;--line: rgba(255, 255, 255, .09);--muted: #8d929d;--soft: #c5c8cf;--acid: #f3ff4a;--coral: #ff6659;--white: #f6f4ee;--radius: 8px}*{box-sizing:border-box}html{background:var(--ink);color:var(--white)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 72% 10%,rgba(118,132,255,.08),transparent 28rem),var(--ink);color:var(--white);font-family:Geist,Arial,sans-serif,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.app-shell{min-height:100vh;padding-left:72px;padding-bottom:82px}.command-dock{position:fixed;inset:0 auto 0 0;z-index:50;width:72px;display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line);background:#08090beb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{width:48px;height:auto;margin:27px 0 44px}.command-dock nav{display:grid;gap:10px}.dock-button,.icon-button,.mini-icon,.share-icon,.sort-actions button{display:inline-grid;place-items:center;border:0;background:transparent;cursor:pointer}.dock-button{width:42px;height:42px;border-radius:6px;color:#6f747e}.dock-button:hover,.dock-button.active{color:var(--white);background:#191c21}.dock-button.active{box-shadow:0 0 28px #f3ff4a17}.dock-bottom{margin-top:auto;margin-bottom:24px;display:grid;place-items:center;gap:8px;color:#60656e;font:600 8px/1 Geist Mono,monospace;letter-spacing:.12em}.status-light{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px #f3ff4ab3}.workspace{width:min(100%,1720px);min-height:calc(100vh - 82px);margin:0 auto;padding:0 28px 36px}.topbar{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.topbar h1,.project-hero h2,.first-project h2,.signin-card h1,.share-hero h1{margin:2px 0 0;font-weight:480;letter-spacing:-.045em}.topbar h1{font-size:22px}.eyebrow{color:#737983;font:600 9px/1.2 Geist Mono,monospace;letter-spacing:.14em;text-transform:uppercase}.topbar-actions,.hero-actions,.project-stats,.playlist-tabs,.sort-actions,.player-track,.player-progress,.modal-heading,.split-fields,.share-brand{display:flex;align-items:center}.topbar-actions,.hero-actions{gap:9px}.primary-button,.secondary-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:12px;font-weight:650;text-decoration:none;transition:transform .15s ease,background .15s ease,color .15s ease}.primary-button{background:var(--acid);color:#0a0b0d}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.42;pointer-events:none}.secondary-button{border-color:var(--line);background:#14171b;color:var(--soft)}.full{width:100%}.search-wrap{display:flex;align-items:center;border:1px solid transparent;border-radius:6px}.search-wrap.open{border-color:var(--line);background:#121419}.search-wrap input{width:180px;height:36px;padding:0 4px 0 12px;border:0;outline:0;background:transparent;color:var(--white);font-size:12px}.icon-button{width:36px;height:36px;border-radius:6px;color:#8b9099}.icon-button:hover,.mini-icon:hover,.share-icon:hover{color:var(--white);background:#1c1f24}.notice{position:fixed;z-index:70;top:94px;right:28px;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(243,255,74,.28);border-radius:6px;background:#171b12;color:#e9f48b;box-shadow:0 16px 50px #0000004d;cursor:pointer;font-size:12px}.workspace-grid{min-height:calc(100vh - 204px);display:grid;grid-template-columns:232px minmax(0,1fr);border:1px solid var(--line);border-top:0;background:#0d0f12c2}.project-rail{padding:22px 14px;border-right:1px solid var(--line);background:#090a0c80}.rail-heading{display:flex;align-items:center;justify-content:space-between;padding:0 8px 16px;color:#777c86;font:600 10px/1 Geist Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.mini-icon{width:27px;height:27px;border-radius:5px;color:#747984}.project-list{display:grid;gap:5px}.project-row{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:1px solid transparent;border-radius:6px;background:transparent;color:#a8acb4;text-align:left;cursor:pointer}.project-row:hover,.project-row.selected{background:#171a1f;color:var(--white)}.project-row.selected{border-color:#ffffff12}.project-swatch{width:30px;height:30px;border-radius:4px;box-shadow:inset 0 0 0 1px #0000002e}.project-row span:nth-child(2){min-width:0;display:grid;gap:3px}.project-row strong{overflow:hidden;font-size:12px;font-weight:580;text-overflow:ellipsis;white-space:nowrap}.project-row small,.player-track small,.track-title small,.file-meta small{color:#6f747d;font-size:10px}.empty-project{min-height:72px;display:grid;place-items:center;gap:7px;border:1px dashed rgba(255,255,255,.12);border-radius:6px;background:transparent;color:#747a83;cursor:pointer;font-size:11px}.project-content{min-width:0}.project-hero{position:relative;min-height:324px;display:grid;grid-template-columns:minmax(360px,.8fr) minmax(380px,1.2fr);overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 84% 44%,color-mix(in srgb,var(--project-color) 17%,transparent),transparent 32%),linear-gradient(120deg,#13161b,#0c0e11)}.project-hero:before{position:absolute;inset:0;content:"";opacity:.1;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(90deg,black,transparent 88%);mask-image:linear-gradient(90deg,black,transparent 88%)}.project-hero-copy{position:relative;z-index:2;align-self:center;padding:42px 24px 42px 42px}.project-hero h2{max-width:580px;margin-top:9px;font-size:clamp(38px,5vw,68px);line-height:.94}.project-hero-copy>p{max-width:490px;margin:18px 0 24px;color:#8f949e;font-size:13px;line-height:1.65}.project-stats{gap:17px;margin-top:23px;color:#747a84;font:500 10px/1 Geist Mono,monospace}.project-stats span{display:inline-flex;align-items:center;gap:6px}.recorder-wrap{position:relative;min-height:324px}.recorder-scene{position:absolute;inset:-30px 0 -30px -20px;cursor:crosshair}.recorder-scene canvas{width:100%;height:100%;display:block}.recorder-caption{position:absolute;right:22px;bottom:19px;display:grid;gap:2px;color:#858b95;text-align:right;font:500 8px/1.3 Geist Mono,monospace;letter-spacing:.08em}.recorder-caption strong{color:#c8cbd0}.playlist-tabs{min-height:54px;gap:4px;padding:0 24px;overflow-x:auto;border-bottom:1px solid var(--line)}.playlist-tabs button{min-height:32px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:0;border-radius:5px;background:transparent;color:#7c818b;cursor:pointer;font-size:11px;white-space:nowrap}.playlist-tabs button:hover,.playlist-tabs button.active{background:#191c21;color:var(--white)}.playlist-tabs button.active{box-shadow:inset 0 -2px var(--acid)}.playlist-tabs .add-playlist{margin-left:auto;border:1px solid var(--line)}.track-panel{min-height:326px}.track-head,.track-row{display:grid;grid-template-columns:48px minmax(190px,1.2fr) minmax(125px,.7fr) minmax(150px,.85fr) 70px;align-items:center}.track-head{min-height:38px;padding:0 16px;border-bottom:1px solid var(--line);color:#5f646d;font:500 8px/1 Geist Mono,monospace;letter-spacing:.11em;text-transform:uppercase}.track-row{min-height:62px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.055)}.track-row:hover,.track-row.playing{background:#ffffff07}.track-row.playing{box-shadow:inset 2px 0 var(--acid)}.track-play,.track-title{border:0;background:transparent;cursor:pointer;text-align:left}.track-play{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#737983;font:500 10px/1 Geist Mono,monospace}.track-row:hover .track-play,.track-row.playing .track-play{color:var(--acid);background:#20231b}.track-title{min-width:0;display:grid;gap:5px;color:var(--white)}.track-title strong{overflow:hidden;font-size:12px;font-weight:570;text-overflow:ellipsis;white-space:nowrap}.playlist-select{position:relative;width:max-content}.playlist-select select{max-width:150px;height:30px;padding:0 28px 0 9px;border:1px solid var(--line);border-radius:5px;appearance:none;background:#15181c;color:#979ca5;font-size:10px;cursor:pointer}.playlist-select svg{position:absolute;top:9px;right:8px;pointer-events:none;color:#696e77}.file-meta{min-width:0;display:grid;gap:4px;overflow:hidden;color:#828791;font:500 9px/1.2 Geist Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.sort-actions{justify-content:flex-end;gap:3px}.sort-actions button{width:26px;height:26px;border-radius:4px;color:#60656e}.sort-actions button:hover:not(:disabled){color:var(--white);background:#202329}.sort-actions button:disabled{opacity:.2}.empty-tracks,.loading-state{min-height:286px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-disc{width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:#6c727b;background:radial-gradient(circle,#0f1114 18%,#1b1e24 20%,#111318 58%)}.empty-tracks h3{margin:16px 0 5px;font-size:15px;font-weight:560}.empty-tracks p{max-width:340px;margin:0 0 18px;color:#747a84;font-size:11px;line-height:1.6}.loading-state{min-height:500px;gap:12px;color:#747a84;font:500 10px/1 Geist Mono,monospace}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.first-project{min-height:calc(100vh - 205px);display:grid;grid-template-columns:minmax(280px,.9fr) minmax(300px,.7fr);align-items:center;gap:clamp(30px,7vw,100px);padding:clamp(32px,6vw,92px);overflow:hidden;background:radial-gradient(circle at 30% 45%,rgba(243,255,74,.08),transparent 32%),#101216}.first-project-art{position:relative}.first-project-art:after{position:absolute;inset:10% -2% -5%;z-index:0;border-radius:50%;background:var(--acid);content:"";filter:blur(70px);opacity:.09}.first-project-art img{position:relative;z-index:1;width:100%;height:auto;mix-blend-mode:screen;filter:contrast(1.05)}.first-project h2{max-width:560px;margin:10px 0 18px;font-size:clamp(42px,6vw,78px);line-height:.93}.first-project p{max-width:480px;margin:0 0 25px;color:#8d929b;font-size:13px;line-height:1.7}.player-bar{position:fixed;z-index:45;right:0;bottom:0;left:72px;min-height:82px;display:grid;grid-template-columns:minmax(210px,.65fr) 48px minmax(260px,1.1fr) 48px;align-items:center;gap:16px;padding:0 28px;border-top:1px solid var(--line);background:#0a0b0df0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.player-track{min-width:0;gap:11px}.player-track>span:last-child{min-width:0;display:grid;gap:4px}.player-track strong{overflow:hidden;font-size:11px;font-weight:570;text-overflow:ellipsis;white-space:nowrap}.now-art{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:4px;color:#101114}.player-play{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--white);color:#101114;cursor:pointer}.player-play:disabled{opacity:.25}.player-progress{min-width:0;gap:10px;color:#5f646d;font:500 8px/1 Geist Mono,monospace}.player-progress>div{flex:1;height:3px;overflow:hidden;border-radius:4px;background:#24272c}.player-progress i{height:100%;display:block;background:var(--acid);transition:width .4s linear}.share-icon{width:36px;height:36px;border-radius:6px;color:#747a83}.activity-pill{position:fixed;z-index:100;right:26px;bottom:98px;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:99px;background:#171a1e;color:#a4a8b0;font:500 9px/1 Geist Mono,monospace;text-transform:lowercase}.orb{position:relative;width:20px;height:20px;display:block}.orb i{position:absolute;inset:3px;border:1px solid var(--acid);border-radius:50%;opacity:.65;animation:orb 1.35s ease-in-out infinite}.orb i:nth-child(2){animation-delay:-.45s}.orb i:nth-child(3){animation-delay:-.9s}@keyframes orb{0%,to{transform:scale(.35);opacity:.1}50%{transform:scale(1);opacity:.8}}.modal-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:18px;background:#020304bd;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.modal{width:min(100%,440px);display:grid;gap:20px;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#15171b;box-shadow:0 35px 90px #0000008c}.upload-modal{width:min(100%,580px)}.modal-heading{justify-content:space-between}.modal h3{margin:5px 0 0;font-size:20px;font-weight:520;letter-spacing:-.03em}.modal>label,.split-fields label{display:grid;gap:8px;color:#858a94;font:500 10px/1 Geist Mono,monospace}.modal input:not([type=radio]):not([type=file]){width:100%;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:#0f1114;color:var(--white);outline:0}.modal input::placeholder{color:#4f545d}.modal fieldset{margin:0;padding:0;border:0}.modal legend{margin-bottom:10px;color:#858a94;font:500 10px/1 Geist Mono,monospace}.color-options{display:flex;gap:9px}.color-options label{cursor:pointer}.color-options input{position:absolute;opacity:0}.color-options span{width:31px;height:31px;display:block;border:2px solid transparent;border-radius:5px}.color-options input:checked+span{border-color:var(--white);box-shadow:0 0 0 2px #15171b inset}.drop-zone{position:relative;min-height:164px;display:grid!important;place-items:center;align-content:center;gap:8px!important;border:1px dashed rgba(255,255,255,.18);border-radius:7px;background:#101215;color:#767b84!important;cursor:pointer;overflow:hidden;text-align:center}.drop-zone:hover{border-color:#f3ff4a7a;background:#131611}.drop-zone strong{color:#d6d7d9;font-family:Geist,Arial,sans-serif;font-size:13px}.drop-zone input{position:absolute;inset:0;z-index:2;width:100%;height:100%;opacity:0;cursor:pointer}.drop-zone.has-file{border-color:#ff6b2175;background:#fff8f4;color:#d55a20!important}.drop-zone.has-file strong{max-width:100%;overflow:hidden;color:#25282d;text-overflow:ellipsis;white-space:nowrap}.upload-file-error{margin:-10px 0 0;color:#b13c22;font:600 10px/1.45 Geist Mono,monospace}.split-fields{gap:12px}.split-fields label{flex:1}.signin-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 40%,rgba(243,255,74,.11),transparent 28rem),#0b0c0e}.signin-card{width:min(100%,510px);padding:46px;border:1px solid var(--line);border-radius:8px;background:#121418e0}.signin-card img{width:80px;height:auto;margin-bottom:48px}.signin-card h1{margin:12px 0;font-size:clamp(42px,8vw,68px);line-height:.93}.signin-card p:not(.eyebrow){margin:0 0 26px;color:#8c919a;font-size:13px;line-height:1.7}.share-page{min-height:100vh;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--share-color) 15%,transparent),transparent 38rem),#0b0c0e}.share-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,70px);border-bottom:1px solid var(--line)}.share-brand{gap:14px}.share-brand img{width:55px;height:auto}.share-brand span,.share-header>span{color:#6f747d;font:500 9px/1 Geist Mono,monospace;letter-spacing:.1em}.share-main{width:min(100% - 40px,1040px);margin:0 auto;padding:clamp(48px,9vw,110px) 0}.share-hero{max-width:760px;margin-bottom:62px}.share-hero h1{margin:12px 0 18px;font-size:clamp(58px,10vw,112px);line-height:.84}.share-hero p{max-width:560px;color:#8b9098;font-size:14px;line-height:1.65}.share-playlist{margin-bottom:34px;border-top:1px solid var(--line)}.share-playlist h2{margin:20px 0 11px;color:#8e939c;font:600 10px/1 Geist Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.share-track{display:grid;grid-template-columns:36px minmax(170px,1fr) minmax(240px,.8fr);align-items:center;gap:14px;min-height:68px;border-bottom:1px solid rgba(255,255,255,.06)}.share-track>span:first-child{color:#575c65;font:500 10px/1 Geist Mono,monospace}.share-track>div{display:grid;gap:4px}.share-track strong{font-size:13px;font-weight:570}.share-track small{color:#676c75;font-size:10px}.share-track audio{width:100%;height:32px;filter:invert(1) hue-rotate(180deg);opacity:.72}.share-empty{padding:30px 0;color:#6d727b;font-size:12px}@media(max-width:1040px){.project-hero{grid-template-columns:1fr .9fr}.project-hero-copy{padding-left:28px}.track-head,.track-row{grid-template-columns:44px minmax(190px,1fr) 140px 64px}.track-head span:nth-child(4),.file-meta{display:none}}@media(max-width:820px){.app-shell{padding-left:0;padding-bottom:140px}.command-dock{top:auto;right:0;width:auto;height:62px;flex-direction:row;justify-content:center;border-top:1px solid var(--line);border-right:0}.brand-mark,.dock-bottom{display:none}.command-dock nav{display:flex;gap:18px}.workspace{padding:0 14px 24px}.topbar{align-items:flex-start;padding:18px 0}.topbar-actions .secondary-button,.search-wrap{display:none}.workspace-grid{display:block}.project-rail{padding:10px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.rail-heading{display:none}.project-list{display:flex;gap:5px}.project-row{min-width:175px}.project-hero{min-height:510px;grid-template-columns:1fr}.project-hero-copy{align-self:start;padding:28px 22px 0}.project-hero h2{font-size:48px}.recorder-wrap{min-height:240px}.recorder-scene{inset:-45px 0}.player-bar{right:0;bottom:62px;left:0;grid-template-columns:minmax(140px,1fr) 42px 36px;gap:9px;min-height:70px;padding:0 14px}.player-progress{display:none}.first-project{grid-template-columns:1fr;padding:36px 24px}.first-project-art{max-width:400px;margin:0 auto}}.paper-atmosphere{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.paper-atmosphere-shader,.paper-atmosphere-shader canvas{width:100%!important;height:100%!important}.paper-atmosphere-shader{position:absolute;inset:-7%;width:114%!important;height:114%!important;opacity:.88;filter:saturate(.78) contrast(.94);transform:scale(1.02)}.paper-atmosphere-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,249,249,.22),transparent 42%),radial-gradient(circle at 50% 38%,transparent 0 28%,rgba(246,247,248,.38) 76%),#f7f8f938}.app-shell,.signin-screen,.shared-listening-room{position:relative;z-index:1;background:transparent}.workspace{position:relative}.command-dock nav{isolation:isolate}.dock-divider{width:30px;height:1px;display:block;justify-self:center;margin:4px 0;background:#1c21281c}.dock-search-panel{position:absolute;top:108px;left:calc(100% + 18px);z-index:20;width:268px;min-height:48px;display:grid;grid-template-columns:18px minmax(0,1fr) 26px;align-items:center;gap:8px;padding:6px 8px 6px 14px;border:1px solid rgba(28,33,40,.11);border-radius:8px;background:#ffffffe6;box-shadow:0 18px 48px #1b202721,inset 0 1px #fffffff5;color:#858b94;-webkit-backdrop-filter:blur(20px) saturate(1.1);backdrop-filter:blur(20px) saturate(1.1);animation:dock-search-arrive .18s cubic-bezier(.2,.8,.2,1)}.dock-search-panel input{width:100%;height:34px;padding:0;border:0;outline:0;background:transparent;color:#20242b;font-size:12px}.dock-search-panel input::placeholder{color:#999fa7}.dock-search-panel button{width:26px;height:26px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:#8b9199;cursor:pointer}.dock-search-panel button:hover{background:#eef0f2;color:#20242b}.dock-search:hover:not(:disabled) .dock-button-icon,.dock-search:focus-visible .dock-button-icon{transform:scale(1.12) rotate(-8deg)}.dock-create:hover:not(:disabled) .dock-button-icon,.dock-create:focus-visible .dock-button-icon{transform:rotate(90deg)}.dock-upload:hover:not(:disabled) .dock-button-icon,.dock-upload:focus-visible .dock-button-icon{animation:dock-upload-lift .48s cubic-bezier(.2,.8,.2,1)}.dock-button-icon{transition:transform .22s cubic-bezier(.2,.8,.2,1)}@keyframes dock-search-arrive{0%{opacity:0;transform:translate(-8px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes dock-upload-lift{0%,to{transform:translateY(0)}45%{transform:translateY(-4px)}72%{transform:translateY(1px)}}@media(prefers-reduced-motion:reduce){.paper-atmosphere-shader{transform:none}.dock-search-panel,.dock-upload:hover:not(:disabled) .dock-button-icon,.dock-upload:focus-visible .dock-button-icon{animation:none}}*{scrollbar-color:rgba(98,99,95,.78) transparent;scrollbar-width:thin}*::-webkit-scrollbar{width:11px;height:11px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{min-height:42px;border:3px solid transparent;border-radius:999px;background:linear-gradient(180deg,#9d9f99,#686b67) padding-box;box-shadow:inset 0 1px #ffffff52}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff884b,#e95e1a) padding-box}*::-webkit-scrollbar-corner{background:transparent}.dock-logo-tile{width:58px;height:58px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(40,38,34,.12);border-radius:20px;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.76),transparent 34%),linear-gradient(145deg,#ff8b50,#f16827);box-shadow:0 12px 25px #eb601f38,inset 0 1px #ffffff80;transition:transform .48s cubic-bezier(.2,.85,.2,1),box-shadow .3s ease}.dock-brand:hover .dock-logo-tile{box-shadow:0 16px 34px #eb601f4d,inset 0 1px #ffffff8c;transform:translateY(-3px) rotate(-4deg)}.dock-divider{width:30px;height:1px;margin:5px auto;background:#2625221a}.dock-button{position:relative;width:56px;height:56px;z-index:0;overflow:visible;border:0;border-radius:20px;background:transparent;color:#85817c;isolation:isolate;transition:color .18s ease,transform .28s cubic-bezier(.18,.9,.25,1)}.dock-button-icon{position:relative;z-index:1}.dock-button.shared:before{position:absolute;top:9px;right:9px;width:7px;height:7px;z-index:3;border:2px solid #fff;border-radius:50%;background:#35b96f;box-shadow:0 0 0 3px #35b96f1f;content:""}.dock-button:after{left:calc(100% + 17px);border-radius:9px;background:#282522;box-shadow:0 12px 30px #1d1b182e}.dock-bottom{min-width:62px;min-height:31px;margin-top:auto;border-radius:16px;background:#ffffff94}.project-rail{max-height:calc(100vh - 182px);padding:4px;overflow:hidden;border:1px solid rgba(35,38,43,.1);border-radius:16px;background:#ffffffe6;box-shadow:0 24px 60px #24201b14,inset 0 1px #fffffff5}.project-row{padding-right:5px;border-radius:8px}.project-row-actions{display:flex;flex:0 0 auto;align-items:center;gap:1px}.project-row-edit,.project-row-delete{width:27px;height:27px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#98948e;cursor:pointer;opacity:0;transition:opacity .16s ease,color .16s ease,background .16s ease}.project-row:hover .project-row-edit,.project-row:hover .project-row-delete,.project-row:focus-within .project-row-edit,.project-row:focus-within .project-row-delete{opacity:1}.project-row-edit:hover{background:#e8e9e8;color:#242321}.project-row-delete:hover{background:#fff0ed;color:#c3472d}.shelf-tape-stack .reference-tape-card{width:100%;aspect-ratio:1.58 / 1;margin-bottom:58px;flex:none}.shelf-tape-stack .reference-tape-trigger{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;margin:0}.reference-tape-cover-control{position:absolute;right:8px;bottom:-43px;width:30px;height:30px;z-index:12;display:grid;place-items:center;border:1px solid rgba(32,34,38,.1);border-radius:50%;background:#ffffffe6;color:#85817c;box-shadow:0 8px 18px #1e1d1b14;cursor:pointer;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .18s ease,color .16s ease}.reference-tape-card:hover .reference-tape-cover-control,.reference-tape-card:focus-within .reference-tape-cover-control{opacity:1;transform:translateY(0)}.reference-tape-cover-control:hover{color:#ef6627}.reference-tape-label{position:relative;overflow:hidden;isolation:isolate}.reference-tape-cover-art{z-index:0;object-fit:cover;filter:saturate(.9) contrast(1.04)}.reference-tape-label.has-cover:after{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0708096b,#0708090a 44%,#07080947);content:"";pointer-events:none}.reference-tape-label.has-cover .reference-tape-label-top,.reference-tape-label.has-cover .reference-tape-title{position:relative;z-index:2}.reference-tape-label.has-cover .reference-tape-label-top b,.reference-tape-label.has-cover .reference-tape-label-top em,.reference-tape-label.has-cover .reference-tape-title strong,.reference-tape-label.has-cover .reference-tape-title small{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.48)}.reference-tape-label.has-cover .reference-tape-title{background:#0e0f11ad;box-shadow:0 1px 3px #00000038,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reference-player-stage:before,.shared-recorder-stage:before{position:absolute;inset:6% 8%;z-index:0;border-radius:50%;background-image:var(--tape-cover-image);background-position:center;background-size:cover;content:"";opacity:0;filter:blur(52px) saturate(1.15);transform:scale(.92);transition:opacity .4s ease,transform .65s cubic-bezier(.2,.8,.2,1);pointer-events:none}.reference-player-stage>*,.shared-recorder-stage>*{position:relative;z-index:1}.share-settings-modal,.cover-art-modal,.delete-project-modal,.delete-track-modal{width:min(460px,100%)}.share-power-row{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:15px;border:1px solid rgba(34,37,42,.1);border-radius:8px;background:#f5f5f3;color:#777670;cursor:pointer;text-align:left}.share-power-row>span:nth-child(2){display:grid;gap:4px}.share-power-row strong{color:#262522;font-size:13px}.share-power-row small{font-size:10px;line-height:1.45}.share-power-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e8e8e5}.share-power-row>i{width:34px;height:19px;position:relative;border-radius:999px;background:#d4d3cf}.share-power-row>i:after{position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #00000024;content:"";transition:transform .2s ease}.share-power-row.enabled{border-color:#2fa06333;background:#f0faf4;color:#3d7254}.share-power-row.enabled .share-power-icon{background:#d9f3e4;color:#218653}.share-power-row.enabled>i{background:#35ad6f}.share-power-row.enabled>i:after{transform:translate(15px)}.cover-art-preview{position:relative;aspect-ratio:16 / 9;display:grid;place-items:center;gap:8px;overflow:hidden;border:1px dashed rgba(34,37,42,.2);border-radius:8px;background:radial-gradient(circle at 42% 28%,rgba(255,255,255,.25),transparent 48%),var(--cover-tape-color, #e86a33);color:#ffffffd6;font-size:11px;box-shadow:inset 0 1px #ffffff3d}.cover-art-preview.has-cover{border-style:solid}.cover-art-preview img{object-fit:cover}.upload-file-list{max-height:164px;display:grid;gap:1px;padding:1px;overflow-x:hidden;overflow-y:auto;border:1px solid rgba(34,37,42,.1);border-radius:10px;background:#22252a14}.upload-file-list>span{min-height:38px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 10px;background:#fffffff0}.upload-file-list>span:first-child{border-radius:8px 8px 0 0}.upload-file-list>span:last-child{border-radius:0 0 8px 8px}.upload-file-list b,.upload-file-list small{color:#9a9790;font:600 8px/1 Geist Mono,monospace}.upload-file-list strong{overflow:hidden;color:#34322f;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.modal-help{margin:0;color:#74736e;font-size:12px;line-height:1.55}.cover-art-actions,.modal-actions{display:flex;justify-content:flex-end;gap:9px}.cover-art-actions label{position:relative;overflow:hidden;cursor:pointer}.cover-art-actions input{position:absolute;inset:0;z-index:2;width:100%;height:100%;opacity:0;cursor:pointer}.cover-art-file-button:has(input:disabled){cursor:wait;opacity:.56}.danger-button{color:#b84b36}.destructive-button{background:#c8462f;color:#fff}@media(max-width:820px){.app-shell{padding-right:max(0px,env(safe-area-inset-right));padding-bottom:calc(92px + env(safe-area-inset-bottom));padding-left:max(0px,env(safe-area-inset-left))}.command-dock{inset:auto max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));width:auto;height:68px;padding:7px 10px;border:1px solid rgba(40,38,34,.1);border-radius:26px;background:#fbf9f6e6;box-shadow:0 16px 42px #332c262e}.command-dock nav{width:auto;display:flex;gap:2px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.dock-button{width:50px;height:50px;border-radius:17px}.dock-divider{width:1px;height:28px;margin:auto 3px}}@media(max-width:560px){.shelf-tape-stack{grid-template-columns:minmax(0,280px);justify-content:center}.project-rail-scroll{padding-right:8px;padding-left:8px}.cover-art-actions,.modal-actions{flex-direction:column}.cover-art-actions>*,.modal-actions>*{width:100%}}.cnvs-connections g.moodboard-link path{stroke:#e65f2194;stroke-dasharray:2 7;stroke-linecap:round;stroke-width:1.65;filter:drop-shadow(0 0 5px rgba(230,95,33,.2))}.cnvs-connections g.cluster-link path{stroke:#e65f216b;stroke-dasharray:1 9;stroke-linecap:round;stroke-width:1.45}.cnvs-node-moodboard{min-height:360px;gap:14px;padding:18px;overflow:visible;border:1px solid rgba(83,76,64,.16);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.68),transparent 42%),#e8e3d8;box-shadow:0 28px 58px #43392c21,0 0 0 10px #e65f2106,inset 0 1px #ffffffe0}.cnvs-node-moodboard:hover{border-color:#e65f2157;box-shadow:0 32px 68px #43392c26,0 0 48px #e65f2117,inset 0 1px #ffffffe6}.cnvs-moodboard-heading{gap:5px;padding:3px 5px 0}.cnvs-moodboard-heading strong{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:24px;font-style:italic;font-weight:650;letter-spacing:-.035em}.cnvs-moodboard-grid{height:286px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}.cnvs-moodboard-grid.has-pins{padding:7px;border:1px dashed rgba(230,95,33,.2);border-radius:12px;background:#fffcf56b}.cnvs-moodboard-pin{position:relative;min-width:0;min-height:0;display:block;overflow:hidden;border-radius:8px;background:#cbc5b9;box-shadow:0 7px 16px #37302621}.cnvs-moodboard-pin img{width:100%;height:100%;display:block;object-fit:cover}.cnvs-moodboard-pin small{position:absolute;right:7px;bottom:6px;left:7px;overflow:hidden;color:#fff;font:650 8px/1.2 Geist Mono,monospace;text-overflow:ellipsis;text-shadow:0 1px 5px rgba(0,0,0,.72);white-space:nowrap}.cnvs-moodboard-pin.text-pin{display:grid;align-content:center;gap:8px;padding:18px;background:#f6f0df;color:#41413c}.cnvs-moodboard-pin.text-pin em{color:var(--cnvs-orange);font:650 8px/1 Geist Mono,monospace;letter-spacing:.09em;text-transform:uppercase}.cnvs-moodboard-pin.text-pin strong{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:18px;font-style:italic;line-height:1.15}.cnvs-node-quote,.cnvs-node-lyric{min-height:150px;display:flex;align-items:center;padding:20px 8px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}.cnvs-node-quote:hover,.cnvs-node-lyric:hover,.cnvs-node-quote.selected,.cnvs-node-lyric.selected{border-color:transparent;background:transparent;box-shadow:0 22px 48px #e65f2114;transform:none}.cnvs-node-quote.selected:after,.cnvs-node-lyric.selected:after{position:absolute;right:7%;bottom:8px;left:7%;height:1px;background:linear-gradient(90deg,transparent,rgba(230,95,33,.62),transparent);content:""}.cnvs-quote-text{margin:0;color:#393832;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:clamp(32px,4vw,58px);font-style:italic;font-weight:700;letter-spacing:-.048em;line-height:1.06;text-wrap:balance;white-space:pre-wrap}.cnvs-node-group{border:1px solid rgba(230,95,33,.2);border-radius:24px;background:radial-gradient(circle at 50% 45%,rgba(230,95,33,.075),transparent 68%),#f7f1e61a;box-shadow:0 0 0 8px #e65f2106,0 0 54px #e65f2112}.cnvs-node-group:before{position:absolute;inset:-8px;border:1px dashed rgba(230,95,33,.3);border-radius:30px;content:"";pointer-events:none}.cnvs-node-group:hover,.cnvs-node-group.selected{border-color:#e65f216b;box-shadow:0 0 0 10px #e65f2109,0 0 66px #e65f211c}.tape-carousel-current{filter:drop-shadow(0 14px 22px rgba(230,95,33,.14))}.track-panel{box-shadow:0 22px 58px #1e1b170f,0 0 52px #e65f2117}.cnvs-playback-hub{box-shadow:0 28px 70px #322d252b,0 0 52px #e65f211a,inset 0 1px #ffffffd6}.shared-player-layout.tape-loaded .shared-tracklist{border-radius:18px;box-shadow:0 24px 58px #231f190e,0 0 54px #e65f2116}@media(max-width:720px){.cnvs-node-moodboard{border-radius:14px}.cnvs-quote-text{font-size:clamp(28px,9vw,48px)}}.cnvs-connections{z-index:2}.cnvs-connections g.cluster-link{opacity:.68;transition:opacity .18s ease}.cnvs-connections g.cluster-link.selected,.cnvs-connections g.cluster-link:hover{opacity:1}.cnvs-connections g.cluster-link .cnvs-connection-halo{stroke:#e85d2417;stroke-dasharray:none;stroke-linecap:round;stroke-width:8;filter:blur(1.6px)}.cnvs-connections g.cluster-link .cnvs-connection-thread{stroke:#d5572280;stroke-dasharray:1 8;stroke-linecap:round;stroke-width:1.35;filter:drop-shadow(0 0 4px rgba(232,93,36,.18))}.cnvs-connections g.cluster-link.selected .cnvs-connection-thread,.cnvs-connections g.cluster-link:hover .cnvs-connection-thread{stroke:#e85d24db;stroke-dasharray:2 6;stroke-width:1.8}.cnvs-cluster-hub,.cnvs-cluster-anchor{vector-effect:non-scaling-stroke}.cnvs-cluster-hub{fill:#f5efe3;stroke:#e85d24b8;stroke-width:1.3;filter:drop-shadow(0 0 5px rgba(232,93,36,.34))}.cnvs-cluster-anchor{fill:#e85d24cc;stroke:#fffaf0e0;stroke-width:1.2}.cnvs-cluster-label{position:absolute;top:-70px;left:14px;width:min(320px,calc(100% - 28px));display:grid;gap:5px;padding:10px 12px 11px;border:1px solid rgba(68,61,51,.12);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.58),transparent 52%),#f5f0e5d1;box-shadow:0 15px 34px #322b231a,0 0 30px #e85d240f,inset 0 1px #ffffffc2;-webkit-backdrop-filter:blur(16px) saturate(.88);backdrop-filter:blur(16px) saturate(.88);cursor:grab}.cnvs-cluster-label:active{cursor:grabbing}.cnvs-cluster-kicker{display:flex;align-items:center;justify-content:space-between;gap:10px}.cnvs-cluster-kicker>span{display:flex;align-items:center;gap:6px;color:var(--cnvs-orange);font:700 7px/1 Geist Mono,monospace;letter-spacing:.11em}.cnvs-cluster-kicker em{color:#908a80;font-style:normal;font-weight:620;letter-spacing:.07em}.cnvs-cluster-kicker button{width:26px;height:26px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;color:#746e65;cursor:pointer;transition:background .14s ease,color .14s ease,transform .14s ease}.cnvs-cluster-kicker button:hover,.cnvs-cluster-kicker button:focus-visible{background:#e85d241a;color:var(--cnvs-orange);transform:scale(1.04)}.cnvs-cluster-label>input,.cnvs-cluster-label>textarea{width:100%;padding:0;border:0;outline:0;background:transparent;color:#34322e}.cnvs-cluster-label>input{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:20px;font-style:italic;font-weight:700;letter-spacing:-.038em}.cnvs-cluster-label>textarea{overflow:hidden;color:#746e65;font:520 8px/1.38 Geist Mono,monospace;resize:none}.cnvs-cluster-label>input:focus,.cnvs-cluster-label>textarea:focus{box-shadow:0 1px #e85d247a}.cnvs-cluster-signal{position:absolute;right:15px;bottom:-5px;width:34px;height:10px;display:flex;align-items:center;justify-content:center;gap:4px}.cnvs-cluster-signal i{width:3px;height:3px;border-radius:50%;background:#e85d2461;box-shadow:0 0 7px #e85d243d}.cnvs-cluster-signal i:nth-child(2){width:5px;height:5px;background:#e85d24b8}.cnvs-node.cluster-member-active:not(.cnvs-node-group){filter:drop-shadow(0 0 11px rgba(232,93,36,.26))}.cnvs-node.cluster-member-active:not(.cnvs-node-group)::selection{background:transparent}@media(pointer:coarse){.cnvs-cluster-kicker button{background:#e85d2414;color:var(--cnvs-orange)}}@media(prefers-reduced-motion:no-preference){.cnvs-node-group.selected:after{animation:cnvs-cluster-breathe 4.8s ease-in-out infinite}.cnvs-node.cluster-member-active:not(.cnvs-node-group){animation:cnvs-cluster-member-light 2.8s ease-in-out infinite alternate}}@keyframes cnvs-cluster-breathe{0%,to{opacity:.58;transform:scale(.98)}50%{opacity:.9;transform:scale(1.025)}}@keyframes cnvs-cluster-member-light{0%{filter:drop-shadow(0 0 8px rgba(232,93,36,.18))}to{filter:drop-shadow(0 0 14px rgba(232,93,36,.31))}}@media(max-width:720px){.cnvs-cluster-label{top:-66px;left:10px;width:min(292px,calc(100% - 20px));padding:9px 10px 10px}}@media(max-width:420px){.command-dock{right:max(6px,env(safe-area-inset-right));left:max(6px,env(safe-area-inset-left));padding-right:5px;padding-left:5px}.dock-button{width:42px}}.cnvs-node-recording{overflow:visible;isolation:isolate}.cnvs-node-recording.playing{border-color:var(--cnvs-orange);animation:cnvs-active-tape-glow 1.8s ease-in-out infinite alternate}.cnvs-playing-halo{position:absolute;inset:-30px;z-index:-1;border-radius:24px;background:radial-gradient(ellipse at center,rgba(244,102,39,.52) 0,rgba(244,102,39,.22) 46%,transparent 74%);filter:blur(12px);opacity:.9;pointer-events:none;animation:cnvs-playing-halo 1.8s ease-in-out infinite alternate}.cnvs-connections g.note-link path{filter:drop-shadow(0 1px 2px rgba(156,62,23,.18))}@keyframes cnvs-playing-halo{to{inset:-38px;opacity:.58}}@keyframes cnvs-active-tape-glow{0%{box-shadow:0 0 0 4px #e85d242e,0 0 30px #e85d243d,0 22px 42px #322e2633}to{box-shadow:0 0 0 7px #e85d2417,0 0 48px #e85d2461,0 26px 52px #322e2638}}@media(prefers-reduced-motion:reduce){.cnvs-playing-halo,.cnvs-node-recording.playing{animation:none}}.universal-player{position:fixed;right:24px;bottom:18px;left:96px;z-index:180;min-height:68px;display:grid;grid-template-columns:74px minmax(150px,.75fr) auto minmax(180px,1.25fr) 120px;align-items:center;gap:14px;padding:9px 12px;border:1px solid rgba(38,39,35,.18);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.42),transparent),#e8e6def0;box-shadow:0 18px 44px #24221d2e,inset 0 1px #ffffffc7;color:#2d2f2b;-webkit-backdrop-filter:blur(22px) saturate(.94);backdrop-filter:blur(22px) saturate(.94)}.universal-player:before{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 8% 50%,color-mix(in srgb,var(--player-tape-color) 20%,transparent),transparent 22%);content:"";pointer-events:none}.universal-player-tape{height:46px;display:grid;grid-template-columns:22px 1fr 22px;align-items:center;gap:5px;padding:8px;border:1px solid rgba(35,36,32,.5);border-radius:5px;background:color-mix(in srgb,var(--player-tape-color) 72%,#353630);box-shadow:inset 0 2px 7px #00000047}.universal-player-tape i{width:20px;height:20px;border:3px dotted #f2eee4;border-radius:50%;box-shadow:inset 0 0 0 3px #24252175}.universal-player.is-playing .universal-player-tape i{animation:cnvs-reel-spin 1.15s linear infinite}.universal-player-tape span{height:2px;background:#f5f1e78c}.universal-player-title{min-width:0;display:grid;gap:2px}.universal-player-title small,.universal-player-title span{overflow:hidden;color:#777970;font:620 8px/1.15 Geist Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.universal-player-title small{letter-spacing:.055em;text-transform:uppercase}.universal-player-title strong{overflow:hidden;color:#292b27;font-size:13px;font-weight:670;text-overflow:ellipsis;white-space:nowrap}.universal-player-controls{display:flex;align-items:center;gap:3px}.universal-player-controls button{width:31px;height:31px;display:grid;place-items:center;padding:0;border:1px solid rgba(40,42,37,.14);border-radius:5px;background:#f7f5eed1;color:#30322e;cursor:pointer}.universal-player-controls .universal-player-play{background:#292b27;color:#f6f2e8}.universal-player-progress{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 82px;align-items:center;gap:9px}.universal-player-progress span{color:#666860;font:620 8px/1 Geist Mono,monospace;text-align:right}.universal-player input[type=range]{width:100%;height:3px;accent-color:#e85d24;cursor:pointer}.universal-player-volume{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:7px;color:#696b63}.cnvs-header{top:18px}.cnvs-touch-hint{color:#898b83;font:620 7px/1 Geist Mono,monospace;letter-spacing:.08em}.cnvs-toolbar{top:70px}.cnvs-toolbar button:disabled{color:#a7a79f;cursor:default;opacity:.44;transform:none}.cnvs-toolbar button:disabled:hover{background:transparent;color:#a7a79f}.cnvs-search{grid-template-columns:18px minmax(0,1fr) 28px}.cnvs-search-close{width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:4px;background:transparent;color:#73756e;cursor:pointer}.cnvs-search-close:hover{background:#2628230f;color:#292b27}.cnvs-connections g.note-link path{stroke:var(--cnvs-orange);stroke-dasharray:none;stroke-width:1.8}.cnvs-node.current{border-color:var(--cnvs-orange);box-shadow:0 0 0 4px #e85d2426,0 20px 42px #322e2633}.cnvs-node.current::marker{color:var(--cnvs-orange)}.cnvs-node-recording.playing{animation:cnvs-now-playing 2.2s ease-in-out infinite}.cnvs-node-recording.playing:after{right:10px;bottom:auto;top:-24px;width:auto;height:auto;padding:5px 7px;border:0;border-radius:4px;background:var(--cnvs-orange);box-shadow:0 7px 18px #92381438;color:#fff8f1;content:"NOW PLAYING";font:720 7px/1 Geist Mono,monospace;letter-spacing:.08em}@keyframes cnvs-now-playing{0%,to{box-shadow:0 0 0 4px #e85d241f,0 20px 42px #322e262e}50%{box-shadow:0 0 0 7px #e85d240d,0 24px 48px #322e2638}}.cnvs-node-recording{overflow:visible}.cnvs-recording-direct-note{position:absolute;top:36px;left:calc(100% - 18px);width:174px;min-height:82px;display:grid;grid-template-columns:15px minmax(0,1fr);align-content:start;gap:7px;padding:11px 12px;border:1px solid rgba(181,72,30,.2);border-radius:5px;background:repeating-linear-gradient(transparent 0 20px,#74391d14 20px 21px),#f5c287;box-shadow:0 13px 26px #54341e29;color:#66391f;pointer-events:none;transform:rotate(1.2deg)}.cnvs-recording-direct-note p{max-height:76px;margin:0;overflow:hidden;font-family:Georgia,serif;font-size:11px;line-height:1.4;white-space:pre-wrap}.cnvs-node-group{border-width:2px;background:linear-gradient(#e85d2406,#e85d2406),#eeebe11f}.cnvs-linked-note-action{border-color:#e85d243d;background:#e85d240f;color:#98441f}.cnvs-rail-tracks>button.playing{border-color:#e85d2457;background:#e85d241f;box-shadow:inset 3px 0 var(--cnvs-orange)}.cnvs-rail-tracks>button.playing>svg{color:var(--cnvs-orange);animation:cnvs-sequence-pulse .9s ease-in-out infinite alternate}@keyframes cnvs-sequence-pulse{to{transform:translate(2px)}}.cnvs-overview i.current{border-color:var(--cnvs-orange);background:var(--cnvs-orange);box-shadow:0 0 0 3px #e85d2433}.cnvs-sequence-rail{bottom:102px}.cnvs-add-upload{position:relative;width:100%;min-height:47px;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;padding:7px;overflow:hidden;border-radius:4px;color:#4a4d45;cursor:pointer}.cnvs-add-upload:hover{background:#2a2c270f}.cnvs-add-upload>span{display:grid;gap:3px}.cnvs-add-upload strong{font-size:10px}.cnvs-add-upload small{color:#878980;font-size:8px}.cnvs-add-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}@media(max-width:1120px){.universal-player{grid-template-columns:58px minmax(130px,.75fr) auto minmax(150px,1fr)}.universal-player-volume{display:none}}@media(max-width:820px){.app-shell.has-universal-player{padding-bottom:154px}.universal-player{right:10px;bottom:88px;left:10px;min-height:62px;grid-template-columns:minmax(110px,1fr) auto;gap:8px;padding:8px 10px;border-radius:18px}.universal-player-tape,.universal-player-progress,.universal-player-volume{display:none}.universal-player-controls{justify-content:flex-end}.universal-player-controls button{width:34px;height:34px;border-radius:10px}.universal-player-controls button:nth-child(3){display:none}.cnvs-header{right:12px}.cnvs-touch-hint{display:none}.cnvs-toolbar,.cnvs-search{top:62px}.cnvs-sequence-rail,.cnvs-inspector,.cnvs-zoom,.cnvs-activity{bottom:160px}.cnvs-add-menu{top:108px}}@media(max-width:520px){.universal-player-title span{display:none}.universal-player-controls button:first-child,.universal-player-controls button:last-child{display:none}.cnvs-recording-direct-note{width:148px}}@media(prefers-reduced-motion:reduce){.cnvs-node-recording.playing,.cnvs-rail-tracks>button.playing>svg,.universal-player.is-playing .universal-player-tape i{animation:none}}@media(display-mode:standalone){body{min-height:100dvh;overscroll-behavior:none}.auth-shell,.modal-backdrop,.toast{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}}@media(max-width:520px){.signin-screen{min-height:100dvh;padding:max(18px,env(safe-area-inset-top)) max(15px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(15px,env(safe-area-inset-left))}.modal-backdrop{align-items:end;padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}}html{min-height:100%;overscroll-behavior:none}body{min-height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overscroll-behavior-y:none}button,a,label,input,select{touch-action:manipulation}.ipad-signin-card{width:min(430px,calc(100vw - 30px));gap:18px;padding:34px;border:1px solid rgba(37,35,32,.11);border-radius:28px;background:#ffffffe0;box-shadow:0 36px 90px #39302824,inset 0 1px #fffffff0;-webkit-backdrop-filter:blur(28px) saturate(1.12);backdrop-filter:blur(28px) saturate(1.12)}.signin-logo-tile{width:82px;height:82px;display:grid;place-items:center;overflow:hidden;border-radius:25px;background:#f06a2b;box-shadow:0 18px 34px #f06a2b40,inset 0 1px #ffffff61}.signin-logo-tile img{width:72px;height:auto;margin:0}.ipad-signin-card h1{margin-top:6px;color:#25231f;font-size:clamp(34px,8vw,52px);line-height:.96}.ipad-signin-card p:not(.eyebrow):not(.auth-error){color:#6f6b65;font-size:13px;line-height:1.65}.face-id-button{min-height:50px;border-radius:16px;background:#25231f;color:#fff}.recovery-form{display:grid;gap:12px}.signin-auth-choices{display:grid;gap:10px}.desktop-code-toggle{justify-self:center;padding:4px 8px;border:0;background:transparent;color:#6f6b65;font:650 9px/1.2 Geist Mono,monospace;letter-spacing:.06em;text-decoration:underline;text-decoration-color:#f06a2b8c;text-underline-offset:4px;cursor:pointer}.desktop-code-toggle:hover,.desktop-code-toggle:focus-visible{color:#f06a2b}.desktop-code-form{margin-top:3px;padding-top:14px;border-top:1px solid rgba(37,35,31,.09)}.desktop-code-form input{font-size:18px;letter-spacing:.18em;text-align:center}.desktop-code-hint{color:#8b8780;font-size:9px;line-height:1.5;text-align:center}.recovery-form label{display:grid;gap:8px;color:#7a766f;font:650 9px/1.2 Geist Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.recovery-form input{width:100%;height:50px;padding:0 15px;border:1px solid rgba(37,35,31,.13);border-radius:14px;background:#f4f3f0eb;color:#25231f;font:650 14px/1 Geist Mono,monospace;letter-spacing:.08em;outline:none}.recovery-form input:focus{border-color:#f06a2b8a;box-shadow:0 0 0 4px #f06a2b1a}.signin-security-note{display:flex;align-items:center;gap:7px;color:#85817b;font:600 8px/1.4 Geist Mono,monospace;letter-spacing:.05em;text-transform:uppercase}.auth-error{margin:0;padding:10px 12px;border:1px solid rgba(190,66,42,.18);border-radius:10px;background:#fff0ec;color:#b6402b;font-size:11px;line-height:1.45}button.dock-bottom{font:600 8px/1 Geist Mono,monospace;cursor:pointer}button.dock-bottom:hover{color:#292723;background:#fff}.passkey-setup-modal,.account-modal{width:min(460px,100%)}.passkey-setup-hero{display:grid;justify-items:center;gap:9px;padding:26px 22px;border:1px solid rgba(41,39,35,.09);border-radius:18px;background:radial-gradient(circle at 50% 0,rgba(240,106,43,.13),transparent 65%),#f5f4f1;color:#f06a2b;text-align:center}.passkey-setup-hero strong{color:#292723;font-size:15px}.passkey-setup-hero p{max-width:340px;margin:0;color:#74706a;font-size:11px;line-height:1.55}.ipad-install-steps{display:grid;gap:1px;margin:0;padding:0;overflow:hidden;border:1px solid rgba(41,39,35,.09);border-radius:15px;background:#29272317;list-style:none}.ipad-install-steps li{min-height:48px;display:flex;align-items:center;gap:12px;padding:10px 14px;background:#faf9f6;color:#4e4b46;font-size:11px}.ipad-install-steps span{color:#a19d95;font:650 9px/1 Geist Mono,monospace}.account-setting-row{width:100%;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:13px;border:1px solid rgba(41,39,35,.09);border-radius:14px;background:#f7f6f3;color:#25231f;cursor:pointer;text-align:left}.account-setting-row>span:first-child{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#fff;color:#f06a2b;box-shadow:0 6px 16px #2a262212}.account-setting-row>span:last-child{display:grid;gap:3px}.account-setting-row strong{font-size:12px}.account-setting-row small{color:#87837d;font-size:9px}.desktop-code-output{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid rgba(240,106,43,.2);border-radius:14px;background:#fff5eb;color:#25231f}.desktop-code-output>span{display:grid;gap:5px}.desktop-code-output .desktop-code-qr{display:grid;place-items:center;padding:6px;border:1px solid rgba(240,106,43,.25);border-radius:10px;background:#fff}.desktop-code-output small{color:#88827a;font:650 8px/1.3 Geist Mono,monospace;letter-spacing:.06em}.desktop-code-output code{color:#bd4e19;font:700 22px/1.1 Geist Mono,monospace;letter-spacing:.12em}.account-signout{margin-top:4px}@media(display-mode:standalone){.app-shell{min-height:100dvh}.command-dock{bottom:max(14px,env(safe-area-inset-bottom))}}@media(max-width:820px){.workspace{padding-right:max(16px,env(safe-area-inset-right));padding-left:max(16px,env(safe-area-inset-left))}.command-dock{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left))}}@media(max-width:520px){.signin-screen{min-height:100dvh;padding:max(18px,env(safe-area-inset-top)) max(15px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(15px,env(safe-area-inset-left))}.ipad-signin-card{padding:26px 22px;border-radius:24px}.modal-backdrop{align-items:end;padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.passkey-setup-modal,.account-modal{border-radius:22px}}@media(prefers-reduced-motion:reduce){.dock-logo-tile,.dock-active-indicator,.reference-player-stage:before,.shared-recorder-stage:before{transition-duration:.01ms!important}}@media(max-width:820px){.command-dock{background:#f9fafae0;-webkit-backdrop-filter:blur(24px) saturate(1.08);backdrop-filter:blur(24px) saturate(1.08)}.dock-divider{width:1px;height:30px;margin:0 3px}.dock-search-panel{position:fixed;inset:auto 14px 78px;width:auto}}@media(max-width:420px){.command-dock{padding-right:6px;padding-left:6px}.command-dock nav{gap:2px}.dock-button{width:43px}.dock-divider{margin-right:1px;margin-left:1px}}.workspace{max-width:1600px;margin:0 auto;padding:0 28px 112px}.workspace-grid{grid-template-columns:210px minmax(0,1fr);gap:18px;border:0;background:transparent}.project-content{overflow:visible;border:0;background:transparent;box-shadow:none}.project-hero{min-height:490px;grid-template-columns:minmax(330px,.72fr) minmax(560px,1.28fr);overflow:hidden;border:1px solid rgba(24,29,36,.1);border-radius:8px;background:radial-gradient(circle at 76% 44%,color-mix(in srgb,var(--project-color) 12%,transparent),transparent 34%),linear-gradient(132deg,#fff 8%,#f3f4f5 66%,#eceef0);box-shadow:0 28px 75px #20262e13}.project-hero:before{opacity:.11;background-size:24px 24px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 70%);mask-image:linear-gradient(90deg,#000,transparent 70%)}.project-hero-copy{padding:58px 10px 58px 48px}.project-hero h2{max-width:520px;font-size:clamp(52px,5.2vw,82px);font-weight:580;letter-spacing:-.075em}.project-hero-copy>p{max-width:410px;font-size:13px}.recorder-wrap{min-height:490px}.recorder-scene{inset:-44px -28px -44px -80px}.recorder-wrap:after{position:absolute;right:13%;bottom:7%;left:9%;height:15%;z-index:0;border-radius:50%;background:#20262e2b;content:"";filter:blur(34px);pointer-events:none}.recorder-scene,.recorder-caption{z-index:1}.tape-library{margin-top:22px;padding:28px;border:1px solid rgba(24,29,36,.1);border-radius:8px;background:#fffffff0;box-shadow:0 24px 70px #20262e0e}.tape-library-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.tape-library-head h3{margin:7px 0 0;color:#20242b;font-size:clamp(22px,2.4vw,34px);font-weight:540;letter-spacing:-.04em}.playlist-tabs{min-height:0;display:grid;grid-template-columns:repeat(3,minmax(210px,1fr));gap:clamp(24px,3vw,46px);padding:0;overflow:visible;border:0;background:transparent}.playlist-tabs button,.playlist-tabs .add-playlist{min-width:0;min-height:0;display:grid;align-items:start;gap:14px;margin:0;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;color:#20242b;box-shadow:none;text-align:left;white-space:normal;transform:none}.playlist-tabs button:before{display:none}.playlist-tabs button:hover,.playlist-tabs button.active,.playlist-tabs .add-playlist:hover{background:transparent;color:#20242b;box-shadow:none;transform:none}.cassette-shell{position:relative;width:100%;aspect-ratio:1.58 / 1;display:block;overflow:hidden;border:1px solid color-mix(in srgb,var(--tape-color) 56%,#101216);border-radius:8px;background:linear-gradient(152deg,rgba(255,255,255,.5),transparent 38%),var(--tape-color);box-shadow:0 18px 30px #1e242b24,0 5px 9px #1e242b17,inset 0 0 0 2px #ffffff42;transition:transform .26s cubic-bezier(.2,.7,.2,1),box-shadow .26s ease;transform:perspective(900px) rotateX(2deg) rotateY(-2deg);transform-style:preserve-3d}.playlist-tabs button:nth-child(2n) .cassette-shell{transform:perspective(900px) rotateX(2deg) rotateY(2deg)}.playlist-tabs button:hover .cassette-shell,.playlist-tabs button.active .cassette-shell{box-shadow:0 28px 42px #1e242b30,0 8px 12px #1e242b17,inset 0 0 0 2px #ffffff61;transform:perspective(900px) translateY(-8px) rotateX(0) rotateY(0)}.playlist-tabs button.active .cassette-shell:after{position:absolute;inset:0;z-index:6;border:3px solid #ff6b21;border-radius:inherit;content:"";pointer-events:none}.cassette-label{position:absolute;inset:10% 9% 38%;display:grid;align-content:start;gap:3px;padding:7% 8% 0;border-radius:4px 4px 12px 12px;background:repeating-linear-gradient(0deg,transparent 0 13px,rgba(28,34,41,.07) 14px),#faf8ede3;color:#242830;box-shadow:inset 0 0 0 1px #1f252c1c;transform:translateZ(12px)}.cassette-label b{overflow:hidden;font:650 clamp(13px,1.25vw,19px)/1.05 Geist Mono,monospace;letter-spacing:-.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.cassette-label em{color:#70757b;font:600 clamp(6px,.55vw,8px)/1 Geist Mono,monospace;font-style:normal;letter-spacing:.08em}.tape-window{position:absolute;right:21%;bottom:25%;left:21%;height:28%;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 5%;overflow:hidden;border:1px solid rgba(0,0,0,.38);border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.13),transparent 38%),#24272b;box-shadow:inset 0 3px 8px #00000094,0 1px #ffffff57;transform:translateZ(18px)}.tape-reel{width:30%;aspect-ratio:1;display:block;border:clamp(3px,.42vw,6px) dotted #e8e7de;border-radius:50%;background:#777b7e;box-shadow:0 0 0 2px #1f2225,inset 0 0 0 2px #393d41}.tape-spool{width:27%;height:38%;display:block;border-radius:999px;background:#111315;box-shadow:inset 0 0 0 2px #ffffff12}.tape-bridge{position:absolute;right:28%;bottom:7%;left:28%;height:16%;z-index:2;display:flex;align-items:center;justify-content:space-around;padding:0 7%;clip-path:polygon(9% 0,91% 0,100% 100%,0 100%);background:#1b1e22d1;box-shadow:inset 0 2px 3px #00000080}.tape-bridge i{width:9%;aspect-ratio:1;border-radius:50%;background:#cac9c2;box-shadow:0 0 0 2px #24272b}.tape-screw{position:absolute;width:3.6%;aspect-ratio:1;z-index:5;border-radius:50%;background:linear-gradient(45deg,transparent 42%,#555 44% 56%,transparent 58%),#d6d5cf;box-shadow:0 1px 2px #00000061}.tape-screw-one{top:5%;left:4%}.tape-screw-two{top:5%;right:4%}.tape-screw-three{bottom:5%;left:4%}.tape-screw-four{right:4%;bottom:5%}.cassette-meta{min-width:0;display:grid;gap:4px;padding:0 2px}.playlist-tabs button>.cassette-meta{max-width:none}.cassette-meta strong{overflow:hidden;color:#252a31;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.cassette-meta small{color:#868c94;font:500 9px/1.2 Geist Mono,monospace;letter-spacing:.03em}.playlist-tabs .add-playlist{align-self:start}.blank-tape-mark{width:100%;aspect-ratio:1.58 / 1;display:grid;place-items:center;border:1px dashed rgba(33,39,46,.22);border-radius:8px;background:linear-gradient(145deg,#ffffffc7,#eff1f3c7);color:#8b9199;transition:border-color .18s ease,color .18s ease,transform .18s ease}.add-playlist:hover .blank-tape-mark{border-color:#ff6b21a6;color:#ff6b21;transform:translateY(-5px)}.track-panel{min-height:310px;margin-top:22px;overflow:hidden;border:1px solid rgba(24,29,36,.1);border-radius:8px;background:#fff;box-shadow:0 24px 70px #20262e0d}.upload-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;color:#6e757e;font:600 9px/1 Geist Mono,monospace;letter-spacing:.04em;text-transform:uppercase}.upload-progress>div{height:7px;overflow:hidden;border-radius:999px;background:#e5e7ea}.upload-progress i{height:100%;display:block;border-radius:inherit;background:#ff6b21;transition:width .16s ease}@media(max-width:1160px){.project-hero{grid-template-columns:minmax(300px,.78fr) minmax(400px,1.22fr)}.project-hero-copy{padding-left:34px}.playlist-tabs{grid-template-columns:repeat(2,minmax(210px,1fr))}}@media(max-width:820px){.workspace{padding:0 14px 26px}.project-content{border:0;background:transparent}.project-hero{min-height:650px;grid-template-columns:1fr;border-radius:8px}.project-hero-copy{padding:34px 26px 0}.recorder-wrap{min-height:330px}.recorder-scene{inset:-30px -60px -35px}.tape-library{padding:22px}.playlist-tabs{grid-template-columns:repeat(2,minmax(180px,1fr));gap:30px 20px;padding:0}}@media(max-width:560px){.project-hero{min-height:620px}.project-hero h2{font-size:48px}.recorder-wrap{min-height:285px}.tape-library-head{align-items:stretch;flex-direction:column}.playlist-tabs{grid-template-columns:1fr}.cassette-label b{font-size:18px}.cassette-label em{font-size:8px}}.project-hero.reference-player-stage{position:relative;min-height:680px;display:block;overflow:hidden;border:0;border-radius:0;background:#f8f9fa;box-shadow:none}.project-hero.reference-player-stage:before{display:none}.reference-recorder-canvas{position:absolute;inset:0;z-index:1;cursor:grab}.reference-recorder-canvas:active{cursor:grabbing}.reference-recorder-canvas canvas{width:100%;height:100%;display:block}.reference-player-ui{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:32px;pointer-events:none}.reference-player-top,.reference-player-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.reference-player-top h2{margin:5px 0 2px;color:#111827;font-size:clamp(23px,2.5vw,34px);font-weight:700;letter-spacing:-.04em;line-height:1}.reference-player-top p{margin:8px 0 0;color:#6b7280;font-size:12px;font-weight:550}.reference-drag-hint{padding:10px 15px;border:1px solid #f1f1f1;border-radius:999px;background:#ffffffd1;color:#4b5563;box-shadow:0 2px 7px #0f172a0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px;font-weight:550;pointer-events:auto}.reference-player-bottom{align-items:flex-end}.reference-player-bottom .project-stats{display:flex;align-items:center;gap:16px;margin:0;padding:10px 13px;border:1px solid #eceef1;border-radius:999px;background:#ffffffd1;color:#6b7280;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.reference-player-bottom .project-stats button{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:#4b5563;cursor:pointer;font:inherit}.reference-play-button{min-height:48px;display:inline-flex;align-items:center;gap:9px;padding:0 24px;border:0;border-radius:8px;background:#e86a33;color:#fff;box-shadow:0 12px 28px #e86a334d;cursor:pointer;font-size:13px;font-weight:650;letter-spacing:.01em;pointer-events:auto}.reference-play-button:hover{background:#d55a22}.reference-play-button.playing{background:#1f2937;box-shadow:0 12px 28px #11182740}.reference-play-button:disabled{opacity:.38;cursor:not-allowed}.tape-library{margin-top:0;padding:54px 38px 64px;border:0;border-top:1px solid #e5e7eb;border-radius:0;background:#f8f9fa;box-shadow:none}.tape-library-head{margin-bottom:46px}.tape-library-head h3{margin-top:8px;font-size:clamp(28px,3.6vw,48px);font-weight:700;letter-spacing:-.055em}.playlist-tabs{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:76px 48px;padding:0 0 24px;overflow:visible;perspective:1000px}.playlist-tabs .reference-tape-trigger{position:relative;width:100%;min-width:0;min-height:0;aspect-ratio:1.58 / 1;display:block;margin:0;padding:0;overflow:visible;border:0!important;border-radius:0;outline-offset:9px;background:transparent!important;color:#1f2937;box-shadow:none!important;cursor:pointer;text-align:left;transform:none!important}.playlist-tabs .reference-tape-trigger:before,.playlist-tabs .reference-tape-trigger:after{display:none!important}.playlist-tabs .reference-tape-trigger[aria-pressed=true],.playlist-tabs .reference-tape-trigger:hover{border:0!important;background:transparent!important;box-shadow:none!important}@keyframes reference-tape-float{0%{transform:translateY(0) rotateX(10deg) rotateY(-5deg)}50%{transform:translateY(-12px) rotateX(12deg) rotateY(-3deg)}to{transform:translateY(0) rotateX(10deg) rotateY(-5deg)}}.reference-tape-container{position:absolute;inset:0;width:100%;height:100%;display:block;animation:reference-tape-float 6s ease-in-out infinite;transform:rotateX(10deg) rotateY(-5deg);transform-style:preserve-3d;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.reference-tape-trigger:hover .reference-tape-container{animation-play-state:paused;transform:translateY(-20px) rotateX(15deg) rotateY(-10deg) scale(1.05)}.reference-tape-delay-0{animation-delay:0s}.reference-tape-delay-1{animation-delay:-1.2s}.reference-tape-delay-2{animation-delay:-2.4s}.reference-tape-delay-3{animation-delay:-3.6s}.reference-tape-delay-4{animation-delay:-4.8s}.reference-tape-delay-5{animation-delay:-.6s}.reference-tape-shell{position:absolute;inset:0;display:block;overflow:hidden;border:1px solid #ffffff;border-radius:12px;background:#f4f4f5;box-shadow:5px 15px 30px #0000001a,inset 0 0 2px #ffffff80}.reference-screw{position:absolute;width:8px;height:8px;z-index:4;border:1px solid rgba(107,114,128,.22);border-radius:50%;background:#d1d5db;box-shadow:inset 0 1px 2px #0003}.screw-top-left{top:10px;left:10px}.screw-top-right{top:10px;right:10px}.screw-bottom-left{bottom:10px;left:10px}.screw-bottom-right{right:10px;bottom:10px}.reference-tape-label{position:absolute;inset:16px 16px 56px;display:flex;flex-direction:column;padding:12px;border-bottom:4px solid #d55a22;border-radius:2px;background:#e86a33;box-shadow:0 1px 3px #00000026}.reference-tape-label-top{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.22)}.reference-tape-label-top b{padding:1px 6px;border-radius:2px;background:#7a31118c;color:#fff;font-size:12px}.reference-tape-label-top em{color:#fff;font:700 10px/1.4 Geist Mono,monospace;font-style:normal}.reference-tape-title{width:86%;display:grid;gap:1px;margin-top:auto;margin-bottom:36px;padding:6px 12px;border-radius:3px;background:#fff;box-shadow:0 1px 3px #0000001f;transform:rotate(-1deg);transform-origin:left bottom}.reference-tape-title strong{overflow:hidden;color:#111827;font-size:clamp(14px,1.45vw,20px);font-weight:700;letter-spacing:-.04em;line-height:1;text-overflow:ellipsis;white-space:nowrap}.reference-tape-title small{overflow:hidden;color:#6b7280;font-size:9px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.reference-tape-window{position:absolute;top:45%;left:50%;width:55%;height:32%;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 20px;overflow:hidden;border:3px solid #d4d4d8;border-radius:6px;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.08) 2px,rgba(255,255,255,.08) 4px),#18181bf5;box-shadow:inset 0 4px 12px #000000a6;transform:translate(-50%,-50%)}.reference-reel{position:relative;width:clamp(34px,4.2vw,48px);aspect-ratio:1;display:grid;place-items:center;border:2px solid #e4e4e7;border-radius:50%;background:#27272a;box-shadow:0 0 0 7px #2a2a2a,0 0 10px #000c}.reference-reel:before{width:14px;height:14px;z-index:2;border-radius:50%;background:#e4e4e7;box-shadow:inset 0 0 0 5px #27272a;content:""}.reference-reel i,.reference-reel b,.reference-reel em{position:absolute;width:100%;height:3px;display:block;background:#e4e4e7}.reference-reel i{transform:rotate(0)}.reference-reel b{transform:rotate(60deg)}.reference-reel em{transform:rotate(120deg)}.reference-reel small{display:none}.reference-tape-base{position:absolute;right:15%;bottom:0;left:15%;height:48px;display:flex;align-items:flex-end;justify-content:center;gap:24px;padding-bottom:12px;border-top:1px solid #d1d5db;border-radius:12px 12px 0 0;background:#e5e7eb}.reference-tape-base i{width:14px;height:14px;border-radius:50%;background:#1f2937;box-shadow:inset 0 2px 4px #0000006b}.reference-tape-hover{position:absolute;inset:0;z-index:6;display:grid;place-items:center;opacity:0;transition:opacity .3s ease}.reference-tape-hover i{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#e86a33;color:#fff;box-shadow:0 14px 30px #0000003d;transform:translateY(16px);transition:transform .3s ease .1s}.reference-tape-trigger:hover .reference-tape-hover{opacity:1}.reference-tape-trigger:hover .reference-tape-hover i{transform:translateY(0)}.reference-tape-shadow{position:absolute;right:15%;bottom:-40px;left:15%;height:32px;border-radius:100%;background:#00000026;filter:blur(20px);transition:opacity .5s ease}.reference-tape-meta{position:absolute;top:calc(100% + 28px);left:0;width:100%;display:grid;gap:4px;padding:0 4px}.playlist-tabs .reference-tape-trigger>.reference-tape-meta{max-width:none}.reference-tape-meta strong{overflow:hidden;color:#1f2937;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.reference-tape-meta small{color:#9ca3af;font:500 9px/1.2 Geist Mono,monospace}.reference-tape-black .reference-tape-shell{border-color:#27272a;background:#18181b;box-shadow:5px 15px 30px #0000004d,inset 0 0 2px #ffffff1a}.reference-tape-black .reference-screw{border:0;background:#3f3f46}.reference-tape-black .reference-tape-label{border:1px solid #3f3f46;background:#27272a}.reference-tape-black .reference-tape-label-top{border-color:#3f3f46}.reference-tape-black .reference-tape-label-top b{background:#18181b;color:#a1a1aa}.reference-tape-black .reference-tape-label-top em{color:#71717a}.reference-tape-black .reference-tape-title{width:100%;border-left:4px solid #ca8a04;background:#facc15;transform:none}.reference-tape-black .reference-tape-base{border-color:#27272a;background:#27272a}.reference-tape-black .reference-tape-base i{background:#09090b}.reference-tape-glass .reference-tape-shell{border-color:#ffffff9e;background:#ffffff61;box-shadow:5px 15px 30px #0000000d,inset 0 0 10px #fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.reference-tape-glass .reference-screw{border:0;background:#ffffffb8}.reference-tape-glass .reference-tape-label{border:1px solid rgba(255,255,255,.72);background:linear-gradient(135deg,#fda4afb8,#93c5fdb8)}.reference-tape-glass .reference-tape-title{background:#ffffffd6}.reference-tape-glass .reference-tape-base{border-color:#fff6;background:#ffffff47}.reference-tape-teal .reference-tape-shell{border-color:#0d9488;background:#0f766e}.reference-tape-teal .reference-screw{border:0;background:#134e4a}.reference-tape-teal .reference-tape-label{border:2px solid #bfdbfe;background:#dbeafe}.reference-tape-teal .reference-tape-label-top{border-color:#2563eb40}.reference-tape-teal .reference-tape-label-top b,.reference-tape-teal .reference-tape-label-top em{background:transparent;color:#1e40af}.reference-tape-teal .reference-tape-title{background:transparent;box-shadow:none;transform:none}.reference-tape-teal .reference-tape-title strong{color:#134e4a}.reference-tape-teal .reference-tape-title small{color:#0f766e}.reference-tape-teal .reference-tape-window{border-color:#dbeafe;background:#042f2e}.reference-tape-teal .reference-tape-base{border-color:#0d9488;background:#115e59}.reference-tape-teal .reference-tape-base i{background:#042f2e}.reference-tape-blank .reference-tape-shell{border-color:#f3f4f6;background:#fff}.reference-tape-blank .reference-screw{border:0;background:#e5e7eb}.reference-tape-blank .reference-tape-label{border:1px solid #e5e7eb;background:repeating-linear-gradient(0deg,#f9fafb 0 21px,#d1d5db 22px)}.reference-tape-blank .reference-tape-label-top{border-color:#d1d5db}.reference-tape-blank .reference-tape-label-top b,.reference-tape-blank .reference-tape-label-top em{background:transparent;color:#9ca3af}.reference-tape-blank .reference-tape-title{background:transparent;box-shadow:none;transform:rotate(-1deg)}.reference-tape-blank .reference-tape-title strong,.reference-tape-blank .reference-tape-title small{color:#1d4ed8;font-family:Geist Mono,monospace;font-weight:500}.reference-tape-blank .reference-tape-base{border-color:#e5e7eb;background:#f3f4f6}.reference-tape-blank .reference-tape-base i{background:#d1d5db}.reference-tape-blank .reference-tape-hover i{background:#111827}.reference-tape-red .reference-tape-shell{border-color:#dc2626;background:#b91c1c}.reference-tape-red .reference-screw{border:0;background:#7f1d1d}.reference-tape-red .reference-tape-label{border:0;border-bottom:8px solid #991b1b;background:#f5f5f4}.reference-tape-red .reference-tape-label-top{border-color:#d6d3d1}.reference-tape-red .reference-tape-label-top b,.reference-tape-red .reference-tape-label-top em{background:#e7e5e4;color:#991b1b}.reference-tape-red .reference-tape-title{background:transparent;box-shadow:none;transform:none}.reference-tape-red .reference-tape-title strong{text-transform:uppercase}.reference-tape-red .reference-tape-title small{color:#dc2626;text-transform:uppercase}.reference-tape-red .reference-tape-window{border-color:#d6d3d1;background:#1c1917}.reference-tape-red .reference-tape-base{border-color:#7f1d1d;background:#991b1b}.reference-tape-red .reference-tape-base i{background:#450a0a}.reference-tape-red .reference-tape-hover i{background:#fff;color:#b91c1c}.project-row.selected,.track-row.playing,.playlist-tabs button.active,.dock-button.active{box-shadow:none!important}.playlist-tabs .add-playlist:hover .blank-tape-mark{border-color:#21272e6b;color:#20242b}@media(max-width:1160px){.playlist-tabs{grid-template-columns:repeat(2,minmax(210px,1fr))}}@media(max-width:820px){.project-hero.reference-player-stage{min-height:610px}.reference-player-ui{padding:24px}.reference-drag-hint,.reference-player-bottom .project-stats{display:none}.reference-play-button{margin-left:auto}.tape-library{padding:42px 22px 58px}.playlist-tabs{grid-template-columns:repeat(2,minmax(180px,1fr));gap:72px 24px}}@media(max-width:560px){.project-hero.reference-player-stage{min-height:540px}.reference-player-top h2{font-size:24px}.reference-recorder-canvas{inset:20px -150px 0}.reference-play-button{min-height:44px;padding:0 17px}.playlist-tabs{grid-template-columns:1fr;gap:82px}.reference-tape-title strong{font-size:19px}}@media(max-width:600px){.topbar h1{font-size:18px}.topbar-actions .primary-button{padding:0 11px;font-size:0}.topbar-actions .primary-button svg{margin:0}.project-hero{min-height:530px}.hero-actions{align-items:stretch;flex-direction:column}.playlist-tabs{padding:0 10px}.playlist-tabs .add-playlist{margin-left:0}.track-head{display:none}.track-row{grid-template-columns:38px minmax(145px,1fr) 44px;padding:0 10px}.playlist-select{display:none}.sort-actions{gap:0}.sort-actions button:first-child{display:none}.split-fields{align-items:stretch;flex-direction:column}.share-track{grid-template-columns:28px 1fr;padding:14px 0}.share-track audio{grid-column:2}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--ink: #f5f6f8;--panel: #ffffff;--panel-2: #f0f2f4;--panel-3: #e8eaed;--line: rgba(24, 29, 36, .12);--muted: #747b85;--soft: #353a42;--acid: #ff6b21;--coral: #ff6b21;--white: #20242b}html,body{background:#f5f6f8;color:#20242b}body{background:radial-gradient(circle at 76% 9%,rgba(255,107,33,.06),transparent 31rem),#f5f6f8}.command-dock{border-color:var(--line);background:#ffffffe6;box-shadow:12px 0 38px #1c222909}.dock-button{color:#8b919a}.dock-button:hover,.dock-button.active{color:#20242b;background:#eceff2}.dock-button.active{box-shadow:inset 3px 0 #ff6b21}.dock-bottom{color:#9aa0a8}.status-light{background:#32bd76;box-shadow:0 0 10px #32bd7659}.workspace{padding-right:34px;padding-left:34px}.topbar{border-color:var(--line)}.eyebrow{color:#878e98}.secondary-button{border-color:var(--line);background:#fff;color:#454b54}.secondary-button:hover{border-color:#ff6b2159;background:#fff8f4}.search-wrap.open{border-color:var(--line);background:#fff}.search-wrap input{color:#20242b}.icon-button{color:#747b84}.icon-button:hover,.mini-icon:hover,.share-icon:hover{color:#20242b;background:#eceff2}.notice{border-color:#ff6b2142;background:#fff4ec;color:#b84c13;box-shadow:0 16px 50px #262c341f}.workspace-grid{grid-template-columns:255px minmax(0,1fr);align-items:start;gap:18px;border:0;background:transparent}.project-rail{position:sticky;top:104px;max-height:calc(100vh - 205px);margin-top:18px;padding:18px 12px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#ffffffeb;box-shadow:0 18px 50px #1d232b0f}.rail-heading{color:#777e88}.project-row{color:#5f6670}.project-row:hover,.project-row.selected{background:#f1f3f5;color:#20242b}.project-row.selected{border-color:#ff6b2121;box-shadow:inset 3px 0 #ff6b21}.project-swatch{position:relative;height:24px;overflow:hidden;border-radius:3px}.project-swatch:after{position:absolute;right:5px;bottom:4px;left:5px;height:8px;border-radius:1px;background:#121417c7;content:""}.project-swatch i{position:absolute;z-index:1;bottom:6px;width:4px;height:4px;border-radius:50%;background:#f5f6f8}.project-swatch i:first-child{left:9px}.project-swatch i:last-child{right:9px}.project-row small,.player-track small,.track-title small,.file-meta small{color:#8b929b}.empty-project{border-color:#1c212829;color:#777e87}.project-content{margin-top:18px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 20px 60px #1b222a0e}.project-hero{min-height:390px;border-color:var(--line);background:radial-gradient(circle at 78% 48%,color-mix(in srgb,var(--project-color) 13%,transparent),transparent 32%),linear-gradient(120deg,#fff,#f2f4f6)}.project-hero:before{opacity:.18;background-image:linear-gradient(rgba(25,30,37,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(25,30,37,.08) 1px,transparent 1px)}.project-hero h2{color:#1e2228;font-weight:610}.project-hero-copy>p{color:#707781}.project-stats{color:#7a818a}.recorder-wrap{min-height:390px}.recorder-caption{color:#8b929a}.recorder-caption strong{color:#555c65}.playlist-tabs{min-height:126px;align-items:stretch;gap:10px;padding:18px 20px;border-color:var(--line);background:#f8f9fa}.playlist-tabs button{position:relative;min-width:146px;min-height:86px;align-items:flex-end;justify-content:flex-start;gap:9px;padding:11px;overflow:hidden;border:1px solid rgba(20,24,30,.12);border-radius:5px;background:var(--tape-color, #eceff1);color:#101216cc;box-shadow:0 8px 18px #1e232a0f}.playlist-tabs button:before{position:absolute;inset:9px 9px auto;height:36px;border:1px solid rgba(16,18,22,.24);border-radius:2px;background:#ffffff52;content:""}.playlist-tabs button:hover,.playlist-tabs button.active{background:var(--tape-color, #eceff1);color:#15181d;transform:translateY(-2px)}.playlist-tabs button.active{box-shadow:inset 0 -3px #20242b,0 10px 24px #1b20271c}.mini-cassette{position:relative;z-index:2;width:48px;height:18px;display:flex;align-items:center;justify-content:space-around;border-radius:2px;background:#22252a}.mini-cassette i{width:8px;height:8px;border:2px dotted #f5f6f8;border-radius:50%}.playlist-tabs button>span:last-child{position:relative;z-index:2;max-width:72px;overflow:hidden;font-weight:650;text-overflow:ellipsis}.playlist-tabs .add-playlist{min-width:130px;margin-left:auto;align-items:center;justify-content:center;border:1px dashed rgba(29,34,41,.22);background:#fff;color:#717882;box-shadow:none}.playlist-tabs .add-playlist:before{display:none}.playlist-tabs .add-playlist:hover{background:#fff7f2;color:#d95515}.track-panel{background:#fff}.track-head{border-color:var(--line);color:#9298a1}.track-row{border-color:#181d2412}.track-row:hover,.track-row.playing{background:#faf7f4}.track-row.playing{box-shadow:inset 3px 0 #ff6b21}.track-row:hover .track-play,.track-row.playing .track-play{color:#ff6b21;background:#fff0e8}.track-title{color:#262a31}.playlist-select select{border-color:var(--line);background:#f5f6f8;color:#656c75}.file-meta{color:#7c838d}.sort-actions button:hover:not(:disabled){color:#20242b;background:#eceff2}.empty-disc{border-color:var(--line);color:#737a83;background:radial-gradient(circle,#f5f6f8 18%,#343940 20%,#22262c 58%)}.empty-tracks p,.loading-state{color:#7b828c}.first-project{background:radial-gradient(circle at 30% 45%,rgba(255,107,33,.08),transparent 32%),#fff}.first-project-art img{mix-blend-mode:multiply}.first-project h2{color:#1e2228}.first-project p{color:#737a84}.player-bar{border-color:var(--line);background:#fffffff0;box-shadow:0 -12px 32px #1d232b0d}.now-art{color:#20242b}.player-play{background:#20242b;color:#fff}.player-progress{color:#8a919b}.player-progress>div{background:#dfe2e6}.player-progress i{background:#ff6b21}.activity-pill{border-color:var(--line);background:#fff;color:#626973;box-shadow:0 10px 30px #1e242c17}.orb i{border-color:#ff6b21}.modal-backdrop{background:#e4e7ebc7}.modal{border-color:#191e2524;background:#fff;box-shadow:0 35px 90px #232a332e}.modal>label,.split-fields label,.modal legend{color:#747b84}.modal input:not([type=radio]):not([type=file]){border-color:var(--line);background:#f5f6f8;color:#20242b}.color-options input:checked+span{border-color:#20242b;box-shadow:0 0 0 2px #fff inset}.drop-zone{border-color:#1e232a2e;background:#f7f8fa;color:#737a83!important}.drop-zone:hover{border-color:#ff6b217a;background:#fff8f4}.drop-zone strong{color:#343941}.signin-screen{background:radial-gradient(circle at 50% 40%,rgba(255,107,33,.1),transparent 28rem),#f5f6f8}.signin-card{border-color:var(--line);background:#ffffffeb;box-shadow:0 30px 80px #1b222a14}.signin-card p:not(.eyebrow){color:#737a84}.share-page{color:#20242b;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--share-color) 14%,transparent),transparent 38rem),#f5f6f8}.share-header{border-color:var(--line);background:#ffffffc2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.share-brand span,.share-header>span{color:#7b828b}.share-hero p{color:#737a84}.share-playlist{border-color:var(--line)}.share-playlist h2{color:#727983}.share-track{border-color:#181d2414}.share-track small,.share-empty{color:#7b828c}.share-track audio{filter:none;opacity:.82}@media(max-width:820px){.command-dock{background:#fffffff0}.workspace-grid{display:block}.project-rail{position:static;max-height:none;margin-top:12px;border-radius:8px 8px 0 0;box-shadow:none}.project-content{margin-top:0;border-radius:0 0 8px 8px}}.workspace-grid{grid-template-columns:292px minmax(0,1fr);gap:30px}.project-rail{max-height:calc(100vh - 182px);padding:18px 14px 30px}.project-content{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.project-row.selected{border-color:var(--line)!important}.reference-player-stage{position:relative;min-height:600px;overflow:visible;background:transparent}.reference-recorder-canvas{inset:-28px -44px -34px}.shelf-tapes{margin-top:24px;padding-top:17px;border-top:1px solid var(--line)}.shelf-tapes-heading{display:flex;align-items:center;justify-content:space-between;padding:0 4px;color:#777e88;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.shelf-tape-stack{display:grid;gap:34px;padding:32px 7px 0;perspective:1000px}.shelf-tape-stack .reference-tape-trigger{position:relative;width:100%;min-width:0;min-height:0;aspect-ratio:1.58 / 1;display:block;margin:0 0 48px;padding:0;overflow:visible;border:0!important;border-radius:0;outline-offset:7px;background:transparent!important;color:#1f2937;box-shadow:none!important;cursor:pointer;text-align:left;transform:none!important}.shelf-tape-stack .reference-tape-trigger:before,.shelf-tape-stack .reference-tape-trigger:after{display:none!important}.shelf-tape-stack .reference-tape-trigger:hover,.shelf-tape-stack .reference-tape-trigger[aria-pressed=true]{border:0!important;background:transparent!important;box-shadow:none!important}.shelf-tape-stack .reference-tape-container{animation-duration:7.5s}.shelf-tape-stack .reference-tape-title strong{font-size:14px}.shelf-tape-stack .reference-tape-meta{top:calc(100% + 24px);padding:0 2px}.shelf-blank-tape{width:100%;min-height:72px;display:flex;align-items:center;gap:11px;padding:14px 16px;border:1px dashed rgba(31,41,55,.2);border-radius:7px;background:#ffffff8f;color:#717882;cursor:pointer;text-align:left}.shelf-blank-tape:hover{border-color:#1f293761;background:#fff;color:#20242b}.shelf-blank-tape>span{display:grid;gap:2px}.shelf-blank-tape strong{font-size:12px}.shelf-blank-tape small{color:#989ea7;font:500 9px/1.2 Geist Mono,monospace;text-transform:uppercase}.track-panel{position:relative;z-index:3;overflow:hidden;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 50px #1d232b0e}@media(max-width:980px){.workspace-grid{grid-template-columns:252px minmax(0,1fr);gap:18px}.reference-player-stage{min-height:530px}.reference-recorder-canvas{inset:-20px -90px -24px}}@media(max-width:820px){.workspace-grid{display:block}.project-rail{max-height:none;padding-bottom:20px;border-radius:8px}.shelf-tape-stack{grid-auto-columns:230px;grid-auto-flow:column;grid-template-columns:none;gap:44px;padding:30px 10px 6px;overflow:visible}.shelf-tape-stack .reference-tape-trigger{margin-bottom:52px}.shelf-blank-tape{min-width:190px;align-self:start}.project-content{margin-top:12px}.reference-player-stage{min-height:520px}}@media(max-width:560px){.reference-player-stage{min-height:430px}.reference-recorder-canvas{inset:-22px -138px -18px}}.reference-tape-card{position:relative;width:100%;cursor:grab}.reference-tape-card:active{cursor:grabbing}.reference-tape-card:hover .reference-tape-container,.reference-tape-card:focus-within .reference-tape-container{animation-play-state:paused;transform:translateY(-14px) rotateX(13deg) rotateY(-8deg) scale(1.03)}.reference-tape-play-control{position:absolute;top:38%;left:50%;width:54px;height:54px;z-index:9;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#171a1f;color:#fff;box-shadow:0 14px 30px #00000047;cursor:pointer;opacity:0;pointer-events:none;transform:translate(-50%,calc(-50% + 10px));transition:opacity .16s ease,transform .22s ease}.reference-tape-card:hover .reference-tape-play-control,.reference-tape-card:focus-within .reference-tape-play-control{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.reference-tape-play-control:disabled{cursor:not-allowed;opacity:.36}.reference-tape-trigger:focus-visible,.reference-tape-play-control:focus-visible,.project-row:focus-visible{outline-color:#20242b}.project-index{width:28px;height:28px;display:grid;flex:0 0 28px;place-items:center;border:1px solid var(--line);border-radius:4px;background:#fff;color:#8b929b;font:600 9px/1 Geist Mono,monospace}.reference-player-stage.tape-over:after{position:absolute;inset:24px;z-index:4;display:grid;place-items:center;border:1px dashed rgba(31,41,55,.38);border-radius:8px;background:#f8f9fac2;color:#343941;content:"DROP TAPE TO LOAD";font:700 11px/1 Geist Mono,monospace;letter-spacing:.12em;pointer-events:none}.reference-tape-trigger{cursor:grab!important}.reference-tape-trigger:active{cursor:grabbing!important}.reference-tape-shell{border-radius:8px}.reference-tape-label{inset:13px 13px 34px;padding:9px 11px;border-bottom-width:3px;border-radius:3px}.reference-tape-label-top{padding-bottom:3px}.reference-tape-label-top b{padding:1px 5px;font-size:10px}.reference-tape-label-top em{font-size:8px}.reference-tape-title{width:92%;margin-bottom:37%;padding:4px 8px}.reference-tape-title strong,.shelf-tape-stack .reference-tape-title strong{font-size:12px}.reference-tape-title small{font-size:7px}.reference-tape-window{top:55%;width:68%;height:34%;justify-content:space-between;padding:0 12px;border-width:2px;border-radius:5px;overflow:visible}.reference-tape-ribbon{position:absolute;top:50%;right:19px;left:19px;height:8px;z-index:0;border-radius:999px;background:#160e0a;box-shadow:0 0 0 2px #ffffff14;transform:translateY(-50%)}.reference-reel{width:42px;z-index:1;flex:0 0 42px;border-width:3px;background:#16181b;box-shadow:0 0 0 5px #0c0e11f5,0 2px 8px #000000a6}.reference-reel:before{width:17px;height:17px;background:#f4f4f5;box-shadow:inset 0 0 0 5px #27272a,0 0 0 1px #fafafa}.reference-reel i,.reference-reel b,.reference-reel em{height:2px}.reference-tape-base{right:24%;bottom:5px;left:24%;height:28px;align-items:center;justify-content:space-between;gap:0;padding:7px 11px 3px;border-radius:3px;clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)}.reference-tape-base>.reference-guide-hole{width:8px;height:8px;flex:0 0 8px}.reference-pressure-pad{display:flex;align-items:center;gap:5px}.reference-pressure-pad i{width:4px;height:4px;display:block;border-radius:1px;background:#ffffffb3;box-shadow:none}.reference-tape-hover{pointer-events:none}.reference-tape-hover i{width:54px;height:54px;pointer-events:auto}.reference-tape-hover.disabled i{opacity:.45}.reference-tape-trigger[aria-pressed=true] .reference-tape-meta strong{color:#111827}@media(max-width:560px){.reference-player-stage.tape-over:after{inset:12px}.reference-player-stage{overflow:hidden}}.app-shell{padding-bottom:0;overflow-x:hidden}.workspace{min-height:100vh}.dock-button:disabled{cursor:not-allowed;opacity:.38}.tape-carousel{position:relative;min-height:calc(100vh - 87px);overflow:hidden;perspective:1600px;touch-action:pan-y}.tape-carousel:before{position:absolute;inset:11% 8% 13%;border-radius:50%;background:radial-gradient(circle,rgba(255,107,33,.08),transparent 56%),repeating-radial-gradient(circle,transparent 0 78px,rgba(32,36,43,.035) 79px 80px);content:"";filter:blur(.2px);pointer-events:none}.tape-carousel-intro{position:absolute;top:clamp(32px,6vh,70px);left:0;z-index:20;max-width:340px}.tape-carousel-intro h2,.tape-carousel-empty h2{margin:8px 0 10px;color:#20242b;font-size:clamp(36px,5vw,68px);font-weight:540;letter-spacing:-.065em;line-height:.96}.tape-carousel-intro p,.tape-carousel-empty p{margin:0;color:#858c95;font-size:12px;line-height:1.65}.tape-carousel-wheel{position:absolute;inset:18% 0;display:grid;place-items:center;cursor:grab;transform-style:preserve-3d}.tape-carousel-wheel:active{cursor:grabbing}.tape-carousel-item{position:absolute;top:50%;left:50%;width:clamp(250px,29vw,390px);aspect-ratio:1.58 / 1;translate:-50% -50%;transform-style:preserve-3d}.tape-carousel-item .reference-tape-trigger,.shared-tape-deck .reference-tape-trigger{position:relative;width:100%;min-width:0;min-height:0;aspect-ratio:1.58 / 1;display:block;margin:0;padding:0;overflow:visible;border:0!important;border-radius:0;outline-offset:9px;background:transparent!important;box-shadow:none!important;text-align:left;transform:none!important}.tape-carousel-item .reference-tape-trigger:before,.tape-carousel-item .reference-tape-trigger:after,.shared-tape-deck .reference-tape-trigger:before,.shared-tape-deck .reference-tape-trigger:after{display:none!important}.tape-carousel-item .reference-tape-meta,.shared-tape-deck .reference-tape-meta{top:calc(100% + 22px);padding:0 2px}.tape-carousel-item .reference-tape-meta{display:none}.tape-carousel-controls{position:absolute;right:0;bottom:clamp(34px,6vh,70px);left:0;z-index:30;display:flex;align-items:center;justify-content:center;gap:18px}.tape-carousel-controls>button:not(.tape-carousel-current){width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#ffffffe0;color:#555c65;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tape-carousel-current{min-width:230px;display:grid;gap:3px;padding:0;border:0;background:transparent;color:#20242b;cursor:pointer;text-align:center}.tape-carousel-current small,.tape-carousel-current span{color:#969ca5;font:600 8px/1.3 Geist Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.tape-carousel-current strong{font-size:15px;font-weight:650}.tape-carousel-empty{min-height:calc(100vh - 87px);display:grid;place-content:center;justify-items:start;max-width:560px}.tape-carousel-empty .primary-button{margin-top:24px}.track-head,.track-row{grid-template-columns:48px minmax(220px,1.35fr) minmax(160px,.8fr) 82px 70px}.track-notes{min-width:0;display:grid;gap:3px;overflow:hidden;color:#6f7680;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.track-notes small{color:#a0a6ae;font:600 7px/1 Geist Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.track-notes em{color:#a0a6ae;font-size:10px;font-style:normal}.track-length{color:#7c838d;font:550 10px/1 Geist Mono,monospace}.shared-listening-room{--share-ink: #20242b;min-height:100vh;overflow:hidden;color:var(--share-ink);background:radial-gradient(circle at 50% 21%,color-mix(in srgb,var(--share-color) 12%,transparent),transparent 34rem),linear-gradient(180deg,#fbfbfa,#f4f5f6 68%,#f1f2f3)}.shared-room-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,58px);border-bottom:1px solid rgba(24,29,36,.09)}.shared-room-brand{display:flex;align-items:center;gap:12px}.shared-room-brand span,.shared-room-header>span{color:#8b929b;font:600 8px/1 Geist Mono,monospace;letter-spacing:.11em}.shared-room-intro{width:min(100% - 40px,820px);margin:clamp(52px,8vw,92px) auto 0;text-align:center}.shared-room-intro h1{margin:10px 0 14px;font-size:clamp(48px,8vw,96px);font-weight:520;letter-spacing:-.07em;line-height:.94}.shared-room-intro p{max-width:500px;margin:0 auto;color:#838a94;font-size:13px;line-height:1.65}.shared-tape-deck{width:min(100% - 32px,980px);display:flex;align-items:flex-start;justify-content:center;gap:clamp(34px,6vw,74px);margin:82px auto 30px;padding:0 0 58px;perspective:1200px}.shared-tape-deck>div{width:clamp(210px,23vw,290px);flex:0 0 auto}.shared-tape-deck .reference-tape-card{aspect-ratio:1.58 / 1;touch-action:none;-webkit-user-select:none;user-select:none}.shared-tape-deck .reference-tape-trigger{cursor:pointer!important}.shared-tape-deck .reference-tape-meta{text-align:center}.shared-recorder-stage{position:relative;width:min(100%,1240px);height:clamp(520px,58vw,720px);margin:-30px auto 0}.shared-recorder-stage .reference-recorder-canvas{inset:-30px -70px -24px}.shared-tape-deck .reference-tape-card.touch-dragging{cursor:grabbing}.shared-tape-deck .reference-tape-card.touch-dragging .reference-tape-container{animation-play-state:paused;filter:saturate(.82);opacity:.42;transform:translateY(-4px) scale(.97)}.shared-recorder-stage.touch-drop-active:after{position:absolute;inset:10% 15%;z-index:4;border:1px dashed rgba(232,106,51,.62);border-radius:48%;background:radial-gradient(circle,rgba(232,106,51,.1),transparent 68%);box-shadow:0 0 0 1px #ffffff8c inset;content:"";opacity:.72;transform:scale(.96);transition:border-color .14s ease,box-shadow .14s ease,opacity .14s ease,transform .18s cubic-bezier(.2,.8,.2,1);pointer-events:none}.shared-recorder-stage.touch-drop-ready:after{border-color:#e86a33;border-style:solid;box-shadow:0 0 0 1px #ffffffb8 inset,0 0 52px #e86a3342;opacity:1;transform:scale(1)}.shared-touch-drop-label{position:absolute!important;right:0;bottom:34px;left:0;z-index:5!important;width:max-content;max-width:calc(100% - 32px);margin:auto;padding:9px 13px;border:1px solid rgba(232,106,51,.26);border-radius:999px;background:#fffaf6e6;color:#d5531b;box-shadow:0 8px 24px #6c3c221f;font:700 8px/1 Geist Mono,monospace;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none}.shared-touch-tape-ghost{position:fixed;z-index:500;width:min(180px,42vw);aspect-ratio:1.58 / 1;translate:-50% -50%;pointer-events:none}.shared-touch-tape-ghost-shell{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(31,32,33,.42);border-radius:8px;background:linear-gradient(155deg,rgba(255,255,255,.22),transparent 38%),#e86a33;box-shadow:0 24px 45px #27201b47,inset 0 1px #ffffff59;color:#fff}.shared-touch-tape-ghost-shell.over-recorder{box-shadow:0 18px 34px #e86a3357,0 0 0 2px #e86a3399,inset 0 1px #ffffff6b}.shared-touch-tape-ghost-shell>img{z-index:0;object-fit:cover;opacity:.9}.shared-touch-tape-ghost-shell:after{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#08090a14,#08090a73);content:""}.shared-touch-tape-ghost-reels{position:relative;z-index:2;width:65%;height:43%;display:flex;align-items:center;justify-content:space-between;padding:0 11%;border:3px solid rgba(255,255,255,.88);border-radius:5px;background:#121314cc}.shared-touch-tape-ghost-reels i{width:30px;max-width:28%;aspect-ratio:1;border:4px dotted #f6f4ee;border-radius:50%;box-shadow:0 0 0 3px #0f101180}.shared-touch-tape-ghost-shell strong{position:absolute;right:10px;bottom:7px;left:10px;z-index:3;overflow:hidden;font:700 8px/1 Geist Mono,monospace;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.shared-load-prompt{position:absolute;right:0;bottom:28px;left:0;margin:0;color:#8d949d;font:650 9px/1 Geist Mono,monospace;letter-spacing:.13em;text-align:center;text-transform:uppercase;pointer-events:none}.shared-tracklist{width:min(100% - 40px,820px);margin:4px auto 100px;border-top:1px solid rgba(24,29,36,.12)}.shared-tracklist-heading{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:20px}.shared-tracklist-heading h2{margin:6px 0 0;font-size:24px;font-weight:600;letter-spacing:-.04em}.shared-tracklist-heading>span{color:#989ea6;font:600 8px/1 Geist Mono,monospace;letter-spacing:.09em;text-transform:uppercase}.shared-track-row{width:100%;min-height:70px;display:grid;grid-template-columns:44px minmax(0,1fr) 58px;align-items:center;gap:12px;padding:0 12px;border:0;border-top:1px solid rgba(24,29,36,.075);background:transparent;color:#24282f;cursor:pointer;text-align:left;transition:background .16s ease,transform .18s ease}.shared-track-row:hover,.shared-track-row.current{background:#ffffffad}.shared-track-row:hover{transform:translate(4px)}.shared-track-index,.shared-track-row time{color:#949aa3;font:550 9px/1 Geist Mono,monospace}.shared-track-index{width:30px;height:30px;display:grid;place-items:center;border-radius:50%}.shared-track-row.current .shared-track-index{background:#20242b;color:#fff}.shared-track-row>span:nth-child(2){min-width:0;display:grid;gap:4px}.shared-track-row strong,.shared-track-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-track-row strong{font-size:13px;font-weight:620}.shared-track-row small{color:#8b929b;font-size:10px}.shared-track-row time{text-align:right}.shared-room-footer{padding:0 20px 34px;color:#a1a6ad;font:600 8px/1 Geist Mono,monospace;letter-spacing:.1em;text-align:center;text-transform:uppercase}@media(max-width:900px){.tape-carousel-item{width:clamp(230px,42vw,320px)}.tape-carousel-item{--carousel-spacing: 190px}.shared-tape-deck{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.shared-tape-deck>div{scroll-snap-align:center}}@media(max-width:820px){.app-shell{padding-bottom:76px}.tape-carousel{min-height:calc(100vh - 150px)}.tape-carousel-intro{top:30px;left:8px}.tape-carousel-intro p{display:none}.tape-carousel-wheel{inset:19% 0 22%}.tape-carousel-controls{bottom:26px}.track-head,.track-row{grid-template-columns:44px minmax(180px,1fr) 72px 58px}.track-head span:nth-child(3),.track-notes{display:none}.shared-recorder-stage{height:510px}.shared-recorder-stage .reference-recorder-canvas{inset:-20px -150px -18px}}@media(max-width:560px){.tape-carousel:before{inset:18% -36% 14%}.tape-carousel-intro h2{font-size:40px}.tape-carousel-item{width:250px}.tape-carousel-controls{gap:10px}.tape-carousel-current{min-width:190px}.shared-room-header>span{display:none}.shared-room-intro{margin-top:46px}.shared-room-intro h1{font-size:50px}.shared-tape-deck{margin-top:62px;padding-left:28px;padding-right:28px}.shared-tape-deck>div{width:235px}.shared-recorder-stage{height:430px;overflow:hidden}.shared-recorder-stage .reference-recorder-canvas{inset:-18px -190px -12px}.shared-load-prompt{bottom:12px}.shared-touch-drop-label{bottom:15px}.shared-tracklist{width:calc(100% - 28px);margin-bottom:70px}.shared-tracklist-heading{min-height:84px}}.app-shell{padding-left:86px}.command-dock{width:86px;padding:22px 12px 18px;overflow:visible;border-right:1px solid rgba(28,33,40,.1);background:linear-gradient(180deg,#fffffffa,#f5f7f9f0),#f7f8fa;box-shadow:12px 0 34px #1c22290b,inset -1px 0 #ffffffd1}.command-dock:after{position:absolute;inset:8px 7px;z-index:-1;border:1px solid rgba(255,255,255,.88);border-radius:8px;content:"";pointer-events:none}.dock-brand{width:100%;display:grid;place-items:center;gap:8px;margin-bottom:38px}.dock-brand .brand-mark{width:54px;margin:0}.dock-brand span{color:#9298a1;font:650 7px/1 Geist Mono,monospace;letter-spacing:.15em;white-space:nowrap}.command-dock nav{position:relative;display:grid;gap:4px;padding:5px;border:1px solid rgba(28,33,40,.09);border-radius:8px;background:#ffffffad;box-shadow:0 8px 24px #181d240b,inset 0 1px #ffffffeb}.dock-button{position:relative;width:46px;height:46px;overflow:visible;border:1px solid transparent;border-radius:7px;color:#858b94;transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s cubic-bezier(.2,.8,.2,1)}.dock-button:hover:not(:disabled){border-color:#1c212814;background:#f1f3f5;color:#20242b;box-shadow:0 8px 18px #1c222914;transform:translate(2px)}.dock-button.active,.dock-button.active:hover{border-color:#20242b;background:#20242b;color:#fff;box-shadow:0 9px 18px #14181e2e,inset 0 1px #ffffff1f!important}.dock-button:disabled{opacity:.33;transform:none}.dock-button-icon{display:grid;place-items:center;transform-origin:center}.dock-button:after{position:absolute;top:50%;left:calc(100% + 14px);z-index:4;padding:7px 9px 6px;border-radius:5px;background:#20242b;box-shadow:0 8px 24px #1114192e;color:#fff;content:attr(data-label);font:650 9px/1 Geist Mono,monospace;letter-spacing:.06em;opacity:0;pointer-events:none;transform:translate(-5px,-50%);transition:opacity .14s ease,transform .18s cubic-bezier(.2,.8,.2,1);white-space:nowrap}.dock-button:hover:not(:disabled):after,.dock-button:focus-visible:after{opacity:1;transform:translateY(-50%)}.dock-library:hover:not(:disabled) .dock-button-icon,.dock-library:focus-visible .dock-button-icon{animation:dock-grid-shift .48s cubic-bezier(.2,.8,.2,1)}.dock-project:hover:not(:disabled) .dock-button-icon,.dock-project:focus-visible .dock-button-icon{animation:dock-folder-lift .52s cubic-bezier(.2,.8,.2,1)}.dock-share:hover:not(:disabled) .dock-button-icon,.dock-share:focus-visible .dock-button-icon{animation:dock-link-pulse .62s cubic-bezier(.2,.8,.2,1)}@keyframes dock-grid-shift{0%,to{transform:rotate(0) scale(1)}46%{transform:rotate(90deg) scale(.88)}72%{transform:rotate(90deg) scale(1.08)}}@keyframes dock-folder-lift{0%,to{transform:translateY(0) rotate(0)}38%{transform:translateY(-3px) rotate(-5deg)}68%{transform:translateY(1px) rotate(2deg)}}@keyframes dock-link-pulse{0%,to{transform:scale(1) rotate(0)}30%{transform:scale(.84) rotate(-7deg)}58%{transform:scale(1.14) rotate(7deg)}78%{transform:scale(.96) rotate(-2deg)}}.dock-bottom{min-width:54px;min-height:30px;grid-template-columns:auto auto;gap:6px;margin:auto 0 0;padding:0 8px;border:1px solid rgba(28,33,40,.08);border-radius:7px;background:#ffffffb8;color:#7f8690;box-shadow:inset 0 1px #ffffffeb;letter-spacing:.08em}.dock-bottom .status-light{width:6px;height:6px;box-shadow:0 0 0 3px #32bd761a}@media(prefers-reduced-motion:reduce){.dock-library:hover:not(:disabled) .dock-button-icon,.dock-library:focus-visible .dock-button-icon,.dock-project:hover:not(:disabled) .dock-button-icon,.dock-project:focus-visible .dock-button-icon,.dock-share:hover:not(:disabled) .dock-button-icon,.dock-share:focus-visible .dock-button-icon{animation:none}}.topbar-actions{gap:6px}.top-action{position:relative;width:40px;height:40px;display:inline-grid;flex:0 0 40px;place-items:center;padding:0;border:1px solid rgba(28,33,40,.1);border-radius:7px;background:#ffffffd6;box-shadow:0 7px 20px #181d240b,inset 0 1px #fffffff2;color:#e65f21;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease,transform .18s cubic-bezier(.2,.8,.2,1)}.top-action:hover:not(:disabled),.top-action:focus-visible{border-color:#20242b;background:#20242b;box-shadow:0 9px 22px #14181e29;color:#fff;transform:translateY(-2px)}.top-action:disabled{cursor:not-allowed;opacity:.32}.top-action-icon{display:grid;place-items:center;transform-origin:center}.top-action:after,.track-file-swap:after{position:absolute;top:calc(100% + 9px);right:0;z-index:30;padding:7px 9px 6px;border-radius:5px;background:#20242b;box-shadow:0 8px 24px #1114192e;color:#fff;content:attr(data-label);font:650 9px/1 Geist Mono,monospace;letter-spacing:.05em;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .14s ease,transform .18s cubic-bezier(.2,.8,.2,1);white-space:nowrap}.top-action:hover:not(:disabled):after,.top-action:focus-visible:after,.track-file-swap:hover:after,.track-file-swap:focus-within:after{opacity:1;transform:translateY(0)}.top-action-new:hover:not(:disabled) .top-action-icon,.top-action-new:focus-visible .top-action-icon{transform:rotate(90deg)}.top-action-share:hover:not(:disabled) .top-action-icon,.top-action-share:focus-visible .top-action-icon{animation:top-action-share-pulse .52s cubic-bezier(.2,.8,.2,1)}.top-action-upload:hover:not(:disabled) .top-action-icon,.top-action-upload:focus-visible .top-action-icon{animation:top-action-upload-lift .48s cubic-bezier(.2,.8,.2,1)}.top-action-search:hover:not(:disabled) .top-action-icon,.top-action-search:focus-visible .top-action-icon{transform:scale(1.08)}.top-action-icon{transition:transform .22s cubic-bezier(.2,.8,.2,1)}@keyframes top-action-share-pulse{0%,to{transform:scale(1) rotate(0)}42%{transform:scale(.84) rotate(-8deg)}72%{transform:scale(1.12) rotate(5deg)}}@keyframes top-action-upload-lift{0%,to{transform:translateY(0)}45%{transform:translateY(-4px)}72%{transform:translateY(1px)}}.search-wrap.open{padding-left:2px}.search-wrap.open .top-action{border-color:transparent;background:transparent;box-shadow:none}.inline-upload-progress{min-height:38px;display:grid;grid-template-columns:18px auto minmax(90px,180px) 34px;align-items:center;gap:9px;margin:10px 0 0;padding:0 11px;border:1px solid rgba(230,95,33,.14);border-radius:7px;background:#fff8f4;color:#a8491c;font:600 9px/1 Geist Mono,monospace;letter-spacing:.04em}.inline-upload-progress>div{height:3px;overflow:hidden;border-radius:2px;background:#e65f2124}.inline-upload-progress i{height:100%;display:block;border-radius:inherit;background:#e65f21;transition:width .18s ease}.inline-upload-progress strong{text-align:right}.project-row{grid-template-columns:minmax(0,1fr) 30px;gap:2px;padding:3px;cursor:default;box-shadow:none!important}.project-row-main{min-width:0;min-height:46px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;padding:6px;border:0;border-radius:5px;background:transparent;color:inherit;cursor:pointer;text-align:left}.project-row-main>span:nth-child(2){min-width:0;display:grid;gap:3px}.project-row-edit{width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:5px;background:transparent;color:#9aa0a8;cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease,background .15s ease,transform .18s ease}.project-row:hover .project-row-edit,.project-row:focus-within .project-row-edit{opacity:1}.project-row-edit:hover,.project-row-edit:focus-visible{background:#fff;color:#20242b;transform:rotate(-7deg)}.project-title-form{grid-column:1 / -1;cursor:default}.project-title-form input,.track-title-form input{width:100%;min-width:0;padding:4px 6px;border:1px solid rgba(230,95,33,.34);border-radius:4px;outline:0;background:#fff;color:#20242b;box-shadow:0 0 0 3px #e65f2114;font:600 12px/1.2 Geist,Arial,sans-serif}.project-title-form small,.track-title-form small{color:#9aa0a8;font:550 8px/1 Geist Mono,monospace;letter-spacing:.03em}.track-head,.track-row{grid-template-columns:48px minmax(190px,1.2fr) minmax(125px,.7fr) minmax(90px,.55fr) 104px}.track-title-edit strong{min-width:0;display:flex;align-items:center;gap:7px}.track-title-edit strong span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-edit-mark{flex:0 0 auto;color:#d9642b;opacity:0;transform:translate(-3px) rotate(-8deg);transition:opacity .15s ease,transform .18s ease}.track-title-edit:hover .inline-edit-mark,.track-title-edit:focus-visible .inline-edit-mark{opacity:1;transform:translate(0) rotate(0)}.track-title-form{min-width:0;cursor:default}.track-title-form input{max-width:420px}.track-file-swap{position:relative;width:28px;height:28px;display:grid;place-items:center;border-radius:4px;color:#d9642b;cursor:pointer;transition:color .15s ease,background .15s ease,transform .18s ease}.track-file-swap:hover,.track-file-swap:focus-within{background:#fff0e8;color:#b84c13;transform:rotate(-10deg)}.track-file-swap:after{top:calc(100% + 6px);right:auto;left:50%;transform:translate(-50%,-4px)}.track-file-swap:hover:after,.track-file-swap:focus-within:after{transform:translate(-50%)}.track-file-swap input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.track-file-swap:has(input:disabled){cursor:not-allowed;opacity:.3;transform:none}@media(prefers-reduced-motion:reduce){.top-action-share:hover:not(:disabled) .top-action-icon,.top-action-share:focus-visible .top-action-icon,.top-action-upload:hover:not(:disabled) .top-action-icon,.top-action-upload:focus-visible .top-action-icon{animation:none}}@media(max-width:1040px){.track-head,.track-row{grid-template-columns:44px minmax(170px,1fr) 120px 104px}.track-head span:nth-child(4),.track-length{display:none}}@media(max-width:820px){.topbar-actions{gap:4px}.top-action{width:38px;height:38px;flex-basis:38px}.top-action:after,.track-file-swap:after{display:none}.project-row{min-width:190px}.inline-upload-progress{grid-template-columns:18px auto minmax(60px,1fr) 32px}.project-row-edit{opacity:1}.track-head,.track-row{grid-template-columns:40px minmax(150px,1fr) 38px}.track-head span:nth-child(3),.track-notes{display:none}.sort-actions button{display:none}}@media(max-width:560px){.topbar{gap:12px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.track-row{grid-template-columns:36px minmax(130px,1fr) 34px;padding:0 8px}}@media(max-width:820px){.app-shell{padding-left:0;padding-bottom:76px}.command-dock{inset:auto 0 0;width:auto;height:66px;padding:7px 14px;flex-direction:row;justify-content:center;border-top:1px solid rgba(28,33,40,.1);border-right:0;background:#fafbfcf0;box-shadow:0 -10px 30px #1c22290f}.command-dock:after,.dock-brand,.dock-bottom{display:none}.command-dock nav{display:flex;gap:6px;padding:3px}.dock-button{width:48px;height:48px}.dock-button:hover:not(:disabled){transform:none}.dock-button:after{display:none}.dock-library:hover:not(:disabled) .dock-button-icon,.dock-project:hover:not(:disabled) .dock-button-icon,.dock-share:hover:not(:disabled) .dock-button-icon{animation:none}}body{background:#f3f4f5}.app-shell,.signin-screen,.shared-listening-room{background:transparent}.command-dock{background:linear-gradient(180deg,#ffffffe6,#f4f6f7d1);-webkit-backdrop-filter:blur(24px) saturate(1.08);backdrop-filter:blur(24px) saturate(1.08)}@media(max-width:820px){.command-dock{background:#f9fafae0;-webkit-backdrop-filter:blur(24px) saturate(1.08);backdrop-filter:blur(24px) saturate(1.08)}}@media(max-width:420px){.command-dock{padding-right:6px;padding-left:6px}.command-dock nav{gap:2px}.dock-button{width:43px}}.app-shell:has(.workspace-cnvs){height:100vh;min-height:0;padding-bottom:0;overflow:hidden}.workspace-cnvs{width:100%;max-width:none;height:100vh;min-height:0;margin:0;padding:0;overflow:hidden}.workspace-cnvs>.notice,.workspace-cnvs>.inline-upload-progress{position:fixed;top:18px;right:22px;z-index:180;width:auto;margin:0}.dock-canvas:hover:not(:disabled) .dock-button-icon,.dock-canvas:focus-visible .dock-button-icon{animation:cnvs-dock-orbit .56s cubic-bezier(.2,.8,.2,1)}@keyframes cnvs-dock-orbit{0%,to{transform:rotate(0) scale(1)}48%{transform:rotate(16deg) scale(1.08)}72%{transform:rotate(-7deg) scale(.98)}}.cnvs-root{--cnvs-ink: #252722;--cnvs-muted: #72746c;--cnvs-line: rgba(42, 44, 39, .16);--cnvs-paper: #ece9df;--cnvs-paper-bright: #f7f4ea;--cnvs-orange: #e85d24;position:relative;width:100%;height:100%;min-height:640px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 74% 18%,rgba(255,255,255,.72),transparent 28%),linear-gradient(rgba(68,69,62,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(68,69,62,.09) 1px,transparent 1px),var(--cnvs-paper);background-size:auto,24px 24px,24px 24px,auto;color:var(--cnvs-ink);-webkit-user-select:none;user-select:none}.cnvs-root:before{position:absolute;inset:0;z-index:-1;background:repeating-radial-gradient(circle at 30% 20%,rgba(57,55,47,.026) 0 .7px,transparent .8px 4px),linear-gradient(115deg,rgba(255,255,255,.2),transparent 42%);content:"";mix-blend-mode:multiply;opacity:.72;pointer-events:none}.cnvs-stage{position:absolute;inset:0;overflow:hidden;cursor:grab;touch-action:none;outline:0}.cnvs-stage:active,.cnvs-root.is-panning .cnvs-stage{cursor:grabbing}.cnvs-world{position:absolute;inset:0 auto auto 0;width:1px;height:1px;transform-origin:0 0;will-change:transform}.cnvs-floating-control,.cnvs-sequence-rail,.cnvs-inspector{-webkit-user-select:none;user-select:none}.cnvs-header{position:absolute;top:20px;left:22px;z-index:110;display:flex;align-items:center;gap:12px}.cnvs-brand-pill,.cnvs-share-pill,.cnvs-breadcrumb{min-height:42px;display:inline-flex;align-items:center;border:1px solid rgba(39,41,36,.16);border-radius:7px;background:#f7f4eae6;box-shadow:0 12px 28px #3330281a,inset 0 1px #ffffffbd;color:var(--cnvs-ink);-webkit-backdrop-filter:blur(18px) saturate(.92);backdrop-filter:blur(18px) saturate(.92)}.cnvs-brand-pill,.cnvs-share-pill{cursor:pointer}.cnvs-brand-pill{gap:9px;padding:0 12px 0 10px}.cnvs-brand-pill img{width:44px;height:auto}.cnvs-brand-pill span{padding-left:9px;border-left:1px solid var(--cnvs-line);color:var(--cnvs-orange);font:720 9px/1 Geist Mono,monospace;letter-spacing:.12em}.cnvs-breadcrumb{gap:8px;padding:0 13px;color:var(--cnvs-muted);font:580 10px/1 Geist Mono,monospace;letter-spacing:.03em}.cnvs-breadcrumb strong{max-width:220px;overflow:hidden;color:var(--cnvs-ink);text-overflow:ellipsis;white-space:nowrap}.cnvs-share-pill{gap:7px;padding:0 12px;color:#55584f;font:650 9px/1 Geist Mono,monospace;letter-spacing:.03em;transition:border-color .15s ease,color .15s ease,transform .15s ease}.cnvs-share-pill:hover{border-color:var(--cnvs-orange);color:var(--cnvs-orange);transform:translateY(-1px)}.cnvs-toolbar{position:absolute;top:78px;left:22px;z-index:105;display:flex;align-items:center;gap:3px;padding:5px;border:1px solid rgba(39,41,36,.15);border-radius:7px;background:#f6f3e9eb;box-shadow:0 10px 26px #36322a17;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.cnvs-toolbar>span{width:1px;height:22px;margin:0 2px;background:var(--cnvs-line)}.cnvs-toolbar button,.cnvs-toolbar label,.cnvs-zoom button,.cnvs-search-trigger{width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:5px;background:transparent;color:#696c64;cursor:pointer;transition:background .14s ease,color .14s ease,transform .14s ease}.cnvs-toolbar button:hover,.cnvs-toolbar label:hover,.cnvs-toolbar .active,.cnvs-zoom button:hover,.cnvs-search-trigger:hover{background:#292b27;color:#f6f3e9;transform:translateY(-1px)}.cnvs-toolbar input[type=file]{display:none}.cnvs-connect-prompt{position:absolute;top:126px;left:22px;z-index:106;display:flex;align-items:center;gap:9px;padding:7px 8px 7px 11px;border:1px solid rgba(232,93,36,.34);border-radius:7px;background:#fff7ed;box-shadow:0 12px 26px #492e1e1f;color:#8e3e1d}.cnvs-connect-prompt strong,.cnvs-connect-prompt select{font:680 9px/1 Geist Mono,monospace;letter-spacing:.04em}.cnvs-connect-prompt select{padding:6px 26px 6px 8px;border:1px solid rgba(142,62,29,.2);border-radius:4px;background:#fffaf3;color:inherit}.cnvs-connect-prompt button{width:26px;height:26px;display:grid;place-items:center;border:0;background:transparent;color:inherit;cursor:pointer}.cnvs-zoom{position:absolute;right:24px;bottom:100px;z-index:105;display:flex;align-items:center;gap:2px;padding:5px;border:1px solid rgba(39,41,36,.14);border-radius:7px;background:#f7f4eae6;box-shadow:0 10px 24px #302d2617;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.cnvs-zoom>span{width:46px;color:#666960;font:650 9px/1 Geist Mono,monospace;text-align:center}.cnvs-search-trigger{position:absolute;top:21px;right:25px;z-index:107;border:1px solid rgba(39,41,36,.16);background:#f7f4eaeb;box-shadow:0 10px 24px #302d2617}.cnvs-search{position:absolute;top:19px;right:70px;z-index:106;width:min(360px,calc(100vw - 530px));min-width:240px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:9px;padding:9px 11px;border:1px solid rgba(39,41,36,.16);border-radius:7px;background:#f7f4eaf5;box-shadow:0 15px 34px #302d261f}.cnvs-search input{min-width:0;border:0;outline:0;background:transparent;color:var(--cnvs-ink);font:560 11px/1.2 Geist Mono,monospace}.cnvs-search>div{grid-column:1 / -1;max-height:280px;display:grid;gap:2px;overflow-y:auto;padding-top:5px;border-top:1px solid var(--cnvs-line)}.cnvs-search>div button{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;padding:9px 7px;border:0;border-radius:4px;background:transparent;color:var(--cnvs-ink);cursor:pointer;text-align:left}.cnvs-search>div button:hover{background:#2628230f}.cnvs-search>div span{color:var(--cnvs-orange);font:650 8px/1.2 Geist Mono,monospace;letter-spacing:.06em}.cnvs-search>div strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.cnvs-search p{margin:8px;color:var(--cnvs-muted);font-size:11px}.cnvs-connections{position:absolute;top:-100000px;left:-100000px;width:200000px;height:200000px;overflow:visible;pointer-events:none}.cnvs-connections g{pointer-events:stroke;cursor:pointer}.cnvs-connections path{fill:none;stroke:#41433c57;stroke-dasharray:5 6;stroke-width:1.4;vector-effect:non-scaling-stroke;transition:stroke .15s ease}.cnvs-connections text{fill:#686a62;font:650 8px Geist Mono,monospace;letter-spacing:.08em;paint-order:stroke;pointer-events:none;stroke:var(--cnvs-paper);stroke-width:5px;text-anchor:middle}.cnvs-connections g.selected path,.cnvs-connections g:hover path{stroke:var(--cnvs-orange);stroke-dasharray:none;stroke-width:2.1}.cnvs-node{position:absolute;overflow:visible;border:1px solid rgba(52,53,47,.2);border-radius:5px;background:var(--cnvs-paper-bright);box-shadow:0 14px 26px #322e2621,0 2px 4px #322e2614,inset 0 1px #fffc;color:var(--cnvs-ink);cursor:move;transform-origin:center;transition:border-color .14s ease,box-shadow .16s ease,transform .16s cubic-bezier(.2,.8,.2,1)}.cnvs-node:hover{border-color:#2a2c2766;box-shadow:0 20px 38px #322e262b,0 2px 4px #322e261a,inset 0 1px #ffffffd6;transform:translateY(-2px)}.cnvs-node.selected{border-color:var(--cnvs-orange);box-shadow:0 0 0 3px #e85d2421,0 20px 40px #322e262e}.cnvs-node.current{box-shadow:0 0 0 3px #e85d241a,0 18px 36px #322e2629}.cnvs-node-recording{height:206px;padding:16px 17px 12px;overflow:visible;border:2px solid #373834;border-radius:7px;background:linear-gradient(105deg,rgba(255,255,255,.62),transparent 30%),linear-gradient(180deg,#deddd4,#c8c7bf);box-shadow:0 18px 32px #27262133,0 3px 7px #2726212e,inset 0 1px #ffffffe6,inset 0 -2px #32322e1f}.cnvs-node-recording:before,.cnvs-node-recording:after{position:absolute;width:7px;height:7px;border:1px solid rgba(35,36,32,.48);border-radius:50%;background:#bbb9af;box-shadow:inset 0 1px 2px #1e1e1b38;content:""}.cnvs-node-recording:before{top:8px;left:8px}.cnvs-node-recording:after{right:8px;bottom:8px}.cnvs-cassette-edges{position:absolute;inset:0;pointer-events:none}.cnvs-cassette-edges i{position:absolute;right:9px;width:14px;height:3px;border-radius:2px;background:#31322e52}.cnvs-cassette-edges i:first-child{top:34px}.cnvs-cassette-edges i:last-child{bottom:36px}.cnvs-recording-label,.cnvs-recording-meta,.cnvs-memo-heading,.cnvs-clip-heading{display:flex;align-items:center;justify-content:space-between;color:#5e6059;font:670 8px/1 Geist Mono,monospace;letter-spacing:.09em}.cnvs-recording-label small{color:var(--cnvs-orange);font:inherit}.cnvs-recording-title{display:grid;gap:2px;margin-top:8px}.cnvs-recording-title strong{max-width:260px;overflow:hidden;font-size:20px;font-weight:560;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}.cnvs-recording-title small{color:#6f716a;font:540 9px/1.2 Geist Mono,monospace}.cnvs-cassette-window{height:57px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:12px;margin:10px 2px 8px;padding:7px 24px;border:2px solid #30312d;border-radius:5px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent),#3a3a35;box-shadow:inset 0 2px 7px #0006,0 1px #ffffff8f}.cnvs-mini-reel{width:38px;height:38px;display:grid;place-items:center;border:4px solid #eeeade;border-radius:50%;background:conic-gradient(#5e5f58 0 12deg,transparent 12deg 48deg,#5e5f58 48deg 60deg,transparent 60deg 120deg,#5e5f58 120deg 132deg,transparent 132deg 180deg,#5e5f58 180deg 192deg,transparent 192deg 240deg,#5e5f58 240deg 252deg,transparent 252deg 300deg,#5e5f58 300deg 312deg,transparent 312deg),#d7d3c7;box-shadow:0 0 0 2px #20211e,inset 0 0 0 5px #8e8d84}.cnvs-mini-reel i{width:8px;height:8px;border-radius:50%;background:#272824}.cnvs-mini-reel.spinning,.cnvs-transport-tape i.spinning{animation:cnvs-reel-spin 1.15s linear infinite}@keyframes cnvs-reel-spin{to{transform:rotate(360deg)}}.cnvs-cassette-window button{width:42px;height:32px;display:grid;place-items:center;justify-self:center;border:1px solid rgba(240,236,224,.22);border-radius:4px;background:#20211e;color:#f4f0e5;cursor:pointer}.cnvs-recording-wave{position:relative;height:27px}.cnvs-recording-wave input{position:absolute;inset:0;width:100%;opacity:0;cursor:ew-resize}.cnvs-waveform{height:27px;display:flex;align-items:center;gap:2px}.cnvs-waveform i{min-width:2px;flex:1;border-radius:2px;background:#6b6d65;transition:opacity .1s linear}.cnvs-waveform.active i{background:var(--cnvs-orange)}.cnvs-recording-meta{margin-top:5px;color:#686a63}.cnvs-node-image,.cnvs-node-video{padding:8px;background:#f5f0e4;transform:rotate(-.8deg)}.cnvs-node-image img,.cnvs-node-video video{width:100%;height:198px;display:block;border-radius:2px;object-fit:cover;background:#d7d4ca}.cnvs-media-caption{display:block;padding:10px 4px 3px;overflow:hidden;font-family:Geist Mono,monospace;font-size:10px;font-weight:650;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap}.cnvs-node-note,.cnvs-node-lyric{min-height:190px;display:grid;align-content:start;gap:9px;padding:24px 20px 18px;background:repeating-linear-gradient(transparent 0 25px,#3c3e3814 25px 26px),#f3efd7;transform:rotate(.65deg)}.cnvs-node-lyric{background:repeating-linear-gradient(transparent 0 25px,#3c3e3814 25px 26px),#e5eadc}.cnvs-note-tape{position:absolute;top:-8px;left:50%;width:62px;height:17px;background:#e1d1a6b3;box-shadow:0 1px 2px #443c2a1a;content:"";transform:translate(-50%) rotate(-1.5deg)}.cnvs-node-note>span,.cnvs-node-lyric>span,.cnvs-node-link>span,.cnvs-node-document>span{color:var(--cnvs-orange);font:690 8px/1 Geist Mono,monospace;letter-spacing:.1em}.cnvs-node-note>strong,.cnvs-node-lyric>strong{font-family:Georgia,serif;font-size:21px;font-style:italic;font-weight:500;letter-spacing:-.02em}.cnvs-node-note p,.cnvs-node-lyric p{margin:0;color:#52554d;font-family:Georgia,serif;font-size:14px;line-height:1.55;white-space:pre-wrap}.cnvs-node-note>small,.cnvs-node-lyric>small{margin-top:auto;color:#888a82;font:600 7px/1 Geist Mono,monospace;letter-spacing:.08em}.cnvs-node-voice-memo,.cnvs-node-audio,.cnvs-node-version,.cnvs-node-clip{min-height:160px;display:grid;align-content:start;gap:13px;padding:17px;background:#e5e2d8}.cnvs-node-version{border-left:4px solid var(--cnvs-orange)}.cnvs-node-voice-memo{background:#d9dfd9}.cnvs-node-clip{background:#efe0d5}.cnvs-memo-heading,.cnvs-clip-heading{justify-content:flex-start;gap:7px}.cnvs-memo-title,.cnvs-node-clip>strong{overflow:hidden;font-size:16px;font-weight:580;text-overflow:ellipsis;white-space:nowrap}.cnvs-asset-play{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid rgba(44,46,41,.18);border-radius:4px;background:#f7f4ea;color:#30322e;cursor:pointer;font:650 9px/1 Geist Mono,monospace}.cnvs-node-link,.cnvs-node-document{min-height:160px;display:grid;align-content:start;gap:11px;padding:19px;background:#e0e7e4}.cnvs-node-link>strong,.cnvs-node-document>strong{overflow:hidden;font-size:18px;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.cnvs-node-link>small,.cnvs-node-document>small{overflow:hidden;color:#73776f;font:560 9px/1.25 Geist Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.cnvs-node-link a,.cnvs-node-document a{display:inline-flex;align-items:center;gap:5px;justify-self:start;color:#454840;font:650 9px/1 Geist Mono,monospace;text-decoration:none}.cnvs-node-moodboard{min-height:220px;display:grid;gap:10px;padding:10px;background:#d8d4c8}.cnvs-moodboard-heading{display:grid;gap:3px;padding:5px 6px 0}.cnvs-moodboard-heading span{color:var(--cnvs-orange);font:650 8px/1 Geist Mono,monospace;letter-spacing:.07em}.cnvs-moodboard-heading strong{font-family:Georgia,serif;font-size:18px;font-weight:500}.cnvs-moodboard-grid{height:132px;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:4px}.cnvs-moodboard-grid i{min-height:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent),#7b7b70}.cnvs-moodboard-grid i:first-child{grid-row:1 / -1;background:linear-gradient(145deg,#a8a094,#545750 52%,#c1a386)}.cnvs-moodboard-grid i:nth-child(2){background:linear-gradient(135deg,#c3b598,#6a675e)}.cnvs-moodboard-grid i:nth-child(3){background:linear-gradient(135deg,#68736e,#b8b0a0)}.cnvs-moodboard-grid i:nth-child(4){display:none}.cnvs-node-moodboard>small{padding:0 6px 4px;color:#666960;font-family:Georgia,serif;font-size:11px;line-height:1.4}.cnvs-node-zone,.cnvs-node-group{overflow:visible;border:1px dashed rgba(60,62,55,.34);border-radius:8px;background:#eeebe133;box-shadow:none}.cnvs-node-zone:hover,.cnvs-node-group:hover{box-shadow:none;transform:none}.cnvs-node-group{border-color:#e85d2473}.cnvs-zone-label{position:absolute;top:-29px;left:8px;display:flex;align-items:baseline;gap:9px;white-space:nowrap}.cnvs-zone-label span{color:var(--cnvs-orange);font:680 8px/1 Geist Mono,monospace;letter-spacing:.08em}.cnvs-zone-label strong{font:650 12px/1 Geist Mono,monospace;letter-spacing:.06em}.cnvs-zone-label small{color:#81837b;font:540 8px/1 Geist Mono,monospace}.cnvs-connection-origin{position:absolute;top:-9px;right:10px;padding:4px 6px;border-radius:3px;background:var(--cnvs-orange);color:#fff8f0;font:720 7px/1 Geist Mono,monospace;letter-spacing:.07em}.cnvs-sequence-rail{position:absolute;top:76px;right:20px;bottom:174px;z-index:95;width:286px;overflow:visible;border:1px solid rgba(41,43,38,.16);border-radius:7px;background:linear-gradient(180deg,rgba(255,255,255,.34),transparent),#efece2f0;box-shadow:0 18px 38px #33302821;-webkit-backdrop-filter:blur(18px) saturate(.92);backdrop-filter:blur(18px) saturate(.92);transition:width .22s cubic-bezier(.2,.8,.2,1),transform .22s cubic-bezier(.2,.8,.2,1)}.cnvs-sequence-rail.collapsed{width:38px}.cnvs-rail-toggle{position:absolute;top:11px;left:-13px;z-index:2;width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(41,43,38,.18);border-radius:50%;background:#f6f3e9;color:#55584f;cursor:pointer}.cnvs-rail-vertical-label{position:absolute;top:50px;left:14px;color:#6a6c65;font:650 8px/1 Geist Mono,monospace;letter-spacing:.15em;transform:rotate(90deg);transform-origin:left center;white-space:nowrap}.cnvs-rail-heading{display:grid;gap:4px;padding:19px 18px 14px;border-bottom:1px solid var(--cnvs-line)}.cnvs-rail-heading span{color:var(--cnvs-orange);font:680 8px/1 Geist Mono,monospace;letter-spacing:.1em}.cnvs-rail-heading strong{overflow:hidden;font-size:17px;font-weight:580;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap}.cnvs-rail-heading small{color:#797b73;font:540 8px/1.2 Geist Mono,monospace}.cnvs-rail-tracks{height:calc(100% - 84px);display:grid;align-content:start;gap:2px;overflow-y:auto;padding:8px}.cnvs-rail-tracks>button{min-height:54px;display:grid;grid-template-columns:24px minmax(0,1fr) 16px;align-items:center;gap:8px;padding:7px 8px;border:1px solid transparent;border-radius:5px;background:transparent;color:#4d5049;cursor:grab;text-align:left}.cnvs-rail-tracks>button:hover{border-color:#32342e1a;background:#ffffff80}.cnvs-rail-tracks>button.current{border-color:#e85d2433;background:#e85d2414}.cnvs-rail-tracks>button>span:first-child{color:var(--cnvs-orange);font:660 8px/1 Geist Mono,monospace}.cnvs-rail-tracks>button>span:nth-child(2){min-width:0;display:grid;gap:3px}.cnvs-rail-tracks strong{overflow:hidden;font-size:11px;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.cnvs-rail-tracks small{overflow:hidden;color:#85877f;font:520 8px/1 Geist Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.cnvs-empty-sequence{display:grid;place-items:center;gap:8px;padding:34px 20px;color:#777970;text-align:center}.cnvs-empty-sequence p{margin:0;font-size:11px}.cnvs-empty-sequence button{min-height:30px;padding:0 10px;border:1px solid var(--cnvs-line);border-radius:4px;background:transparent;color:var(--cnvs-ink);cursor:pointer;font:650 8px/1 Geist Mono,monospace}.cnvs-overview{position:absolute;right:20px;bottom:100px;z-index:96;width:150px;padding:7px;border:1px solid rgba(41,43,38,.15);border-radius:6px;background:#f5f2e8eb;box-shadow:0 9px 20px #302d2614}.cnvs-overview>span{display:block;padding:1px 2px 6px;color:#777970;font:650 7px/1 Geist Mono,monospace;letter-spacing:.09em}.cnvs-overview>div{position:relative;height:66px;overflow:hidden;border:1px solid rgba(47,49,43,.13);background:linear-gradient(rgba(59,60,54,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(59,60,54,.07) 1px,transparent 1px),#e5e1d6;background-size:8px 8px}.cnvs-overview i{position:absolute;width:5px;height:4px;border:1px solid #676960;background:#eae7dd;transform:translate(-50%,-50%)}.cnvs-overview i.selected{border-color:var(--cnvs-orange);background:var(--cnvs-orange)}.cnvs-transport{position:absolute;right:20px;bottom:18px;left:22px;z-index:112;min-height:68px;display:grid;grid-template-columns:104px minmax(140px,.8fr) auto minmax(180px,1.3fr) 130px;align-items:center;gap:16px;padding:9px 13px;border:1px solid rgba(40,42,37,.2);border-radius:7px;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent),#e2e0d7f5;box-shadow:0 18px 40px #2b28222b,inset 0 1px #ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.cnvs-transport-tape{height:48px;display:grid;grid-template-columns:26px 1fr 26px;align-items:center;gap:5px;padding:8px;border:1px solid #30312d;border-radius:4px;background:#3a3a35}.cnvs-transport-tape i{width:24px;height:24px;border:3px dotted #e4e0d5;border-radius:50%;box-shadow:inset 0 0 0 4px #66675f}.cnvs-transport-tape span{height:2px;background:#aba89e}.cnvs-transport-title{min-width:0;display:grid;gap:4px}.cnvs-transport-title small{overflow:hidden;color:#7c7e76;font:650 8px/1 Geist Mono,monospace;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.cnvs-transport-title strong{overflow:hidden;font-size:13px;font-weight:640;text-overflow:ellipsis;white-space:nowrap}.cnvs-transport-controls{display:flex;align-items:center;gap:3px}.cnvs-transport-controls button{width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid rgba(40,42,37,.16);border-radius:4px;background:#eeece4;color:#30322e;cursor:pointer}.cnvs-transport-controls button:nth-child(2){background:#292b27;color:#f5f1e7}.cnvs-transport-progress{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 84px;align-items:center;gap:9px}.cnvs-transport-progress span{color:#666860;font:620 8px/1 Geist Mono,monospace;text-align:right}.cnvs-transport input[type=range]{width:100%;height:3px;accent-color:var(--cnvs-orange);cursor:pointer}.cnvs-transport-volume{display:grid;grid-template-columns:17px minmax(0,1fr);align-items:center;gap:8px;color:#666860}.cnvs-inspector{position:absolute;top:76px;right:20px;bottom:100px;z-index:121;width:292px;overflow-y:auto;border:1px solid rgba(41,43,38,.18);border-radius:7px;background:#f5f2e8fa;box-shadow:0 20px 44px #2b28222e}.cnvs-inspector-heading{min-height:66px;display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-bottom:1px solid var(--cnvs-line)}.cnvs-inspector-heading>div{display:grid;gap:4px}.cnvs-inspector-heading span{color:var(--cnvs-orange);font:680 8px/1 Geist Mono,monospace;letter-spacing:.08em}.cnvs-inspector-heading strong{font-size:15px;font-weight:610}.cnvs-inspector-heading button{width:28px;height:28px;display:grid;place-items:center;border:0;background:transparent;color:#777970;cursor:pointer}.cnvs-inspector form{display:grid;gap:14px;padding:15px}.cnvs-inspector label,.cnvs-object-composer label{display:grid;gap:6px;color:#777970;font:650 8px/1 Geist Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.cnvs-inspector input,.cnvs-inspector textarea,.cnvs-object-composer input,.cnvs-object-composer textarea{width:100%;padding:10px;border:1px solid rgba(42,44,39,.16);border-radius:4px;outline:0;background:#fbf8ef;color:var(--cnvs-ink);font:520 11px/1.45 Geist,Arial,sans-serif;resize:vertical;text-transform:none}.cnvs-object-facts{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:4px}.cnvs-object-facts span{display:grid;gap:4px;padding:8px;border:1px solid var(--cnvs-line);background:#ffffff3d;font:600 9px/1 Geist Mono,monospace}.cnvs-object-facts small{color:#898b83;font:620 7px/1 Geist Mono,monospace}.cnvs-inspector-action{min-height:35px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--cnvs-line);border-radius:4px;background:transparent;color:#4c4f47;cursor:pointer;font:620 9px/1.2 Geist Mono,monospace;text-decoration:none}.cnvs-inspector-footer{display:grid;grid-template-columns:1fr auto;gap:6px;padding-top:5px;border-top:1px solid var(--cnvs-line)}.cnvs-save-object,.cnvs-remove-object{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px solid var(--cnvs-line);border-radius:4px;cursor:pointer;font:650 9px/1 Geist Mono,monospace}.cnvs-save-object{background:#2b2d29;color:#f5f2e8}.cnvs-remove-object{background:transparent;color:#9a4b2d}.cnvs-add-menu{position:absolute;top:126px;left:72px;z-index:130;width:250px;padding:7px;border:1px solid rgba(41,43,38,.18);border-radius:7px;background:#f7f4ea;box-shadow:0 18px 40px #2b28222e}.cnvs-add-menu>div,.cnvs-drop-actions>div{min-height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 7px;color:#777970;font:670 8px/1 Geist Mono,monospace;letter-spacing:.08em}.cnvs-add-menu>div button,.cnvs-drop-actions>div button{border:0;background:transparent;color:inherit;cursor:pointer}.cnvs-add-menu>button{width:100%;min-height:47px;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;padding:7px;border:0;border-radius:4px;background:transparent;color:#4a4d45;cursor:pointer;text-align:left}.cnvs-add-menu>button:hover{background:#2a2c270f}.cnvs-add-menu>button span{display:grid;gap:3px}.cnvs-add-menu strong{font-size:10px}.cnvs-add-menu small{color:#878980;font-size:8px}.cnvs-modal-backdrop{position:absolute;inset:0;z-index:190;display:grid;place-items:center;padding:24px;background:#26262140;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cnvs-object-composer,.cnvs-safe-remove{width:min(430px,100%);display:grid;gap:14px;padding:19px;border:1px solid rgba(40,42,37,.2);border-radius:7px;background:#f6f3e9;box-shadow:0 24px 60px #2a27213d}.cnvs-object-composer>div:first-child{display:flex;align-items:center;justify-content:space-between;color:var(--cnvs-orange);font:700 9px/1 Geist Mono,monospace;letter-spacing:.09em}.cnvs-object-composer>div:first-child button{border:0;background:transparent;color:#75776f;cursor:pointer}.cnvs-submit{min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:4px;background:#2b2d29;color:#f7f3e9;cursor:pointer;font:650 9px/1 Geist Mono,monospace}.cnvs-safe-remove>span{color:var(--cnvs-orange);font:700 9px/1 Geist Mono,monospace;letter-spacing:.1em}.cnvs-safe-remove h3{margin:0;font-size:22px;font-weight:560;letter-spacing:-.035em}.cnvs-safe-remove p{margin:0;color:#65675f;font-size:12px;line-height:1.55}.cnvs-safe-remove>div{display:flex;justify-content:flex-end;gap:7px}.cnvs-safe-remove button{min-height:36px;padding:0 11px;border:1px solid var(--cnvs-line);border-radius:4px;background:transparent;color:#4b4e46;cursor:pointer;font:640 9px/1 Geist Mono,monospace}.cnvs-safe-remove button:last-child{border-color:#9c492b;background:#9c492b;color:#fff8f0}.cnvs-drop-actions,.cnvs-connection-inspector{position:absolute;z-index:145;border:1px solid rgba(41,43,38,.18);border-radius:7px;background:#f7f4ea;box-shadow:0 20px 45px #2b282233}.cnvs-drop-actions{top:150px;left:50%;width:280px;display:grid;gap:3px;padding:7px;transform:translate(-50%)}.cnvs-drop-actions>strong{padding:5px 7px 10px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.cnvs-drop-actions>button{min-height:36px;padding:0 9px;border:0;border-radius:4px;background:#2a2c270d;color:#4a4d45;cursor:pointer;font-size:10px;text-align:left}.cnvs-drop-actions>button:hover{background:#2a2c271a}.cnvs-drop-actions>button.danger{color:#a14827}.cnvs-connection-inspector{left:50%;bottom:99px;display:flex;align-items:center;gap:12px;padding:7px 7px 7px 11px;transform:translate(-50%)}.cnvs-connection-inspector span{color:var(--cnvs-orange);font:680 8px/1 Geist Mono,monospace;letter-spacing:.07em}.cnvs-connection-inspector button{min-height:28px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:4px;background:#2a2c2712;color:#5b5e56;cursor:pointer;font:620 8px/1 Geist Mono,monospace}.cnvs-loading,.cnvs-activity{position:absolute;z-index:155;display:flex;align-items:center;gap:9px;border:1px solid rgba(41,43,38,.15);border-radius:6px;background:#f7f4eaeb;box-shadow:0 10px 24px #302d2617;color:#686a62;font:650 8px/1 Geist Mono,monospace;letter-spacing:.05em}.cnvs-loading{top:132px;left:22px;padding:8px 10px}.cnvs-activity{right:183px;bottom:100px;padding:8px 10px}.cnvs-activity>span:nth-child(2){text-transform:uppercase}.cnvs-activity strong{color:var(--cnvs-orange)}.cnvs-loading .orb,.cnvs-activity .orb{width:17px;height:13px;display:flex;align-items:center;justify-content:center;gap:1px}.cnvs-loading .orb i,.cnvs-activity .orb i{width:4px;height:4px;border-radius:50%;background:var(--cnvs-orange);animation:cnvs-orb .9s ease-in-out infinite alternate}.cnvs-loading .orb i:nth-child(2),.cnvs-activity .orb i:nth-child(2){animation-delay:.16s}.cnvs-loading .orb i:nth-child(3),.cnvs-activity .orb i:nth-child(3){animation-delay:.32s}@keyframes cnvs-orb{0%{transform:translateY(3px) scale(.7)}to{transform:translateY(-3px) scale(1.05)}}.cnvs-load-stage{position:absolute;inset:0;z-index:220;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.9),transparent 36%),#e9e7df}.cnvs-load-stage>div:first-child{position:absolute;top:26px;left:30px;z-index:2;display:grid;gap:5px}.cnvs-load-stage>div:first-child span{color:var(--cnvs-orange);font:690 8px/1 Geist Mono,monospace;letter-spacing:.11em}.cnvs-load-stage>div:first-child strong{font-size:20px;font-weight:560;letter-spacing:-.035em}.cnvs-load-stage .reference-recorder-canvas{position:absolute;inset:-5vh 0 0;z-index:1;width:min(1020px,95vw);height:min(780px,94vh);margin:auto;filter:saturate(.88) contrast(.99)}@media(max-width:1120px){.cnvs-sequence-rail{width:240px}.cnvs-transport{grid-template-columns:84px minmax(120px,.7fr) auto minmax(150px,1fr)}.cnvs-transport-volume,.cnvs-overview{display:none}.cnvs-search{width:min(310px,calc(100vw - 410px))}}@media(max-width:820px){.app-shell:has(.workspace-cnvs){height:100svh;padding-bottom:66px}.workspace-cnvs{height:calc(100svh - 66px)}.cnvs-root{min-height:0}.cnvs-header{top:12px;left:12px;right:56px;gap:7px}.cnvs-brand-pill{min-width:88px}.cnvs-breadcrumb{min-width:0;flex:1}.cnvs-breadcrumb span,.cnvs-breadcrumb svg{display:none}.cnvs-share-pill{width:42px;padding:0;justify-content:center;font-size:0}.cnvs-toolbar{top:65px;left:12px}.cnvs-search-trigger{top:14px;right:12px}.cnvs-search{top:62px;right:12px;width:min(330px,calc(100vw - 24px))}.cnvs-sequence-rail{top:auto;right:12px;bottom:88px;width:min(300px,calc(100vw - 24px));height:min(42vh,330px)}.cnvs-sequence-rail.collapsed{width:38px;height:110px}.cnvs-zoom{right:auto;bottom:88px;left:12px}.cnvs-inspector{inset:auto 12px 88px;width:auto;max-height:min(54vh,480px)}.cnvs-transport{right:12px;bottom:10px;left:12px;min-height:67px;grid-template-columns:minmax(100px,1fr) auto;gap:8px;padding:8px 10px}.cnvs-transport-tape,.cnvs-transport-progress,.cnvs-transport-volume{display:none}.cnvs-transport-controls{justify-content:flex-end}.cnvs-activity{right:12px;bottom:88px}.cnvs-add-menu{top:112px;left:12px}.cnvs-load-stage .reference-recorder-canvas{inset:0 -25vw;width:150vw;max-width:none}}@media(max-width:520px){.cnvs-brand-pill{min-width:79px}.cnvs-brand-pill img{width:38px}.cnvs-header{right:50px}.cnvs-share-pill{display:none}.cnvs-toolbar{max-width:calc(100vw - 24px);overflow-x:auto}.cnvs-toolbar button,.cnvs-toolbar label{flex:0 0 32px}.cnvs-connect-prompt{top:112px;right:12px;left:12px;overflow:hidden}.cnvs-connect-prompt strong{display:none}.cnvs-connect-prompt select{min-width:0;flex:1}.cnvs-transport-controls button:first-child,.cnvs-transport-controls button:last-child{display:none}.cnvs-modal-backdrop{padding:12px}.cnvs-drop-actions{top:122px;width:min(280px,calc(100vw - 24px))}}@media(prefers-reduced-motion:reduce){.cnvs-node,.cnvs-sequence-rail,.cnvs-toolbar button,.cnvs-toolbar label,.cnvs-mini-reel.spinning,.cnvs-transport-tape i.spinning,.cnvs-loading .orb i,.cnvs-activity .orb i{animation:none!important;transition-duration:.01ms!important}}.app-shell{padding-left:126px}.command-dock{inset:14px auto 14px 14px;width:94px;height:auto;padding:22px 12px 16px;overflow:visible;border:1px solid rgba(40,38,34,.1);border-radius:38px;background:linear-gradient(160deg,#fffffff0,#f9f7f4d6);box-shadow:0 28px 70px #3f312524,0 8px 24px #3f312514,inset 0 1px #fffffff5;-webkit-backdrop-filter:blur(28px) saturate(1.18);backdrop-filter:blur(28px) saturate(1.18)}.dock-brand{gap:9px;margin-bottom:23px}.dock-brand .dock-logo-tile{width:58px;height:58px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(40,38,34,.12);border-radius:20px;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.76),transparent 34%),linear-gradient(145deg,#ff8b50,#f16827);box-shadow:0 12px 25px #eb601f38,inset 0 1px #ffffff80}.dock-brand .brand-mark{width:47px;height:auto;margin:0}.dock-brand>span:last-child{color:#8d8983;font-size:7px;letter-spacing:.16em}.command-dock nav{width:70px;display:grid;gap:4px;padding:7px;border:1px solid rgba(51,49,46,.09);border-radius:30px;background:#ffffff85;box-shadow:0 14px 32px #35302a12,inset 0 1px #ffffffe6}.dock-button{position:relative;width:56px;height:56px;z-index:0;overflow:visible;border:0;border-radius:20px;background:transparent;color:#85817c;isolation:isolate}.dock-button:hover:not(:disabled){border:0;background:#efe9e3c7;color:#272522;box-shadow:none;transform:translate(3px) scale(1.03)}.dock-button.active,.dock-button.active:hover{border:0;background:transparent;color:#1f1c19;box-shadow:none!important}.dock-active-indicator{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.32),transparent 35%),linear-gradient(145deg,#ff8649,#f16023);box-shadow:0 11px 24px #e75b1940,inset 0 1px #ffffff59}.project-rail{max-height:calc(100vh - 182px);padding:4px;overflow:hidden;border:1px solid rgba(35,38,43,.1);border-radius:16px;background:#ffffffe6}.project-rail-scroll{max-height:calc(100vh - 190px);padding:16px 10px 28px;overflow-x:hidden;overflow-y:auto;border-radius:12px;scrollbar-gutter:stable}.shelf-tape-stack .reference-tape-card{width:100%;aspect-ratio:1.58 / 1;margin-bottom:58px}.shelf-tape-stack .reference-tape-trigger{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto;margin:0}.reference-tape-label.has-cover{isolation:isolate;overflow:hidden}.reference-tape-cover-art{z-index:0;object-fit:cover}.reference-player-stage.has-cover-art:before,.shared-recorder-stage.has-cover-art:before{opacity:.3;transform:scale(1)}@media(max-width:980px){.project-rail,.project-rail-scroll{max-height:none}}@media(max-width:820px){.app-shell{padding-left:0}.command-dock{inset:auto 10px 10px;width:auto;height:68px;padding:7px 10px;flex-direction:row;justify-content:center;border:1px solid rgba(40,38,34,.1);border-radius:26px}.command-dock nav{width:auto;display:flex;gap:2px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.dock-button{width:50px;height:50px;border-radius:17px}}@media(max-width:420px){.command-dock{right:6px;left:6px;padding-right:5px;padding-left:5px}.dock-button{width:42px}}.app-shell{padding-left:104px}.command-dock,.command-dock.expanded,.command-dock.collapsed{inset:18px auto auto max(18px,env(safe-area-inset-left));width:auto;height:auto;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.command-dock:after{display:none}.dock-logo-button{position:relative;width:62px;height:62px;display:grid;flex:0 0 62px;place-items:center;overflow:visible;border:0;border-radius:21px;background:#ffffffb8;box-shadow:0 12px 30px #322b2514,inset 0 1px #fffffff0;cursor:pointer;isolation:isolate;transition:background .18s ease,box-shadow .18s ease,transform .2s cubic-bezier(.2,.8,.2,1)}.dock-logo-button:hover,.dock-logo-button:focus-visible{background:#fffffff0;box-shadow:0 16px 34px #322b251f,inset 0 1px #fff;transform:translateY(-2px)}.dock-logo-button .brand-mark{position:relative;z-index:2;width:49px;height:auto;margin:0}.command-dock nav{position:relative;width:62px;display:grid;gap:2px;padding:4px;overflow:visible;border:1px solid rgba(45,42,38,.09);border-radius:24px;background:#ffffffd1;box-shadow:0 20px 42px #362e271a,inset 0 1px #fffffffa;-webkit-backdrop-filter:blur(24px) saturate(1.08);backdrop-filter:blur(24px) saturate(1.08);isolation:isolate}.command-dock .dock-button{position:relative;width:52px;height:48px;z-index:0;overflow:visible;border:0;border-radius:18px;background:transparent;box-shadow:none;color:#85817c;isolation:isolate}.command-dock .dock-button:hover:not(:disabled){border:0;background:#efe9e3b8;box-shadow:none;color:#272522;transform:scale(1.04)}.command-dock .dock-button.active,.command-dock .dock-button.active:hover{border:0;background:transparent;box-shadow:none!important;color:#211d19}.dock-logo-button .dock-active-indicator,.command-dock .dock-active-indicator{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.32),transparent 35%),linear-gradient(145deg,#ff8649,#f16023);box-shadow:0 11px 24px #e75b1940,inset 0 1px #ffffff59}.command-dock .dock-search-panel{top:146px;left:calc(100% + 14px)}.shared-listening-room{overflow-x:hidden;overflow-y:visible}.shared-player-layout{width:min(100% - 32px,1240px);margin:-30px auto 0}.shared-player-layout.awaiting-tape .shared-recorder-stage{width:100%;margin:0}.shared-player-layout.tape-loaded{display:grid;grid-template-columns:minmax(230px,31%) minmax(0,1fr);align-items:start;gap:clamp(18px,2.4vw,32px);margin-top:42px;margin-bottom:100px}.shared-player-layout.tape-loaded .shared-recorder-stage{position:sticky;top:24px;width:100%;min-height:290px;height:clamp(290px,31vw,360px);margin:0;overflow:hidden;border-radius:14px}.shared-player-layout.tape-loaded .shared-recorder-stage:before{border-radius:inherit}.shared-player-layout.tape-loaded .reference-recorder-canvas{inset:-26px -54px -28px}.shared-player-layout.tape-loaded .shared-tracklist{width:100%;min-width:0;margin:0;padding:0 14px 12px;border:1px solid rgba(24,29,36,.09);border-radius:14px;background:#ffffffad;box-shadow:0 20px 54px #272a2f12;-webkit-backdrop-filter:blur(18px) saturate(.94);backdrop-filter:blur(18px) saturate(.94)}.shared-listening-room.tape-loaded .shared-room-intro{margin-top:clamp(38px,5vw,62px)}@media(max-width:820px){.app-shell{padding-left:0}.command-dock,.command-dock.expanded,.command-dock.collapsed{inset:auto auto max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));max-width:calc(100vw - 20px);flex-direction:row;justify-content:flex-start}.dock-logo-button{width:56px;height:56px;flex-basis:56px;border-radius:19px}.dock-logo-button .brand-mark{width:45px}.command-dock nav{width:auto;max-width:calc(100vw - 86px);display:flex;gap:2px;padding:4px;overflow-x:auto;overflow-y:hidden;border-radius:21px;scrollbar-width:none}.command-dock nav::-webkit-scrollbar{display:none}.command-dock .dock-button{width:46px;height:46px;flex:0 0 46px;border-radius:16px}.command-dock .dock-button:after{display:none}.command-dock .dock-search-panel{position:fixed;inset:auto 12px calc(82px + env(safe-area-inset-bottom)) 12px;width:auto}.shared-player-layout.tape-loaded{grid-template-columns:minmax(190px,29vw) minmax(0,1fr);gap:16px;padding:8px 10px 18px}.shared-player-layout.tape-loaded .shared-recorder-stage{top:12px;min-height:244px;height:min(35vw,286px);border-radius:11px}.shared-player-layout.tape-loaded .reference-recorder-canvas{inset:-24px -68px -26px}.shared-player-layout.tape-loaded .shared-tracklist{padding-right:10px;padding-left:10px}}@media(max-width:420px){.dock-logo-button{width:50px;height:50px;flex-basis:50px;border-radius:17px}.dock-logo-button .brand-mark{width:41px}.command-dock .dock-button{width:36px;height:42px;flex-basis:36px;border-radius:14px}}@media(max-width:620px){.shared-player-layout.tape-loaded{grid-template-columns:1fr;gap:10px;margin-top:26px}.shared-player-layout.tape-loaded .shared-recorder-stage{position:relative;top:auto;width:min(250px,72vw);min-height:178px;height:178px;justify-self:start}.shared-player-layout.tape-loaded .reference-recorder-canvas{inset:-22px -48px -24px}.shared-listening-room.tape-loaded .shared-room-intro{text-align:left}}@media(prefers-reduced-motion:reduce){.dock-logo-button,.command-dock nav,.command-dock .dock-active-indicator{transition-duration:.01ms!important}}.app-shell:has(.workspace-cnvs){padding-left:0!important}.app-shell:has(.workspace-cnvs) .command-dock{z-index:240}.cnvs-stage{overflow:clip}.cnvs-header{top:18px;right:auto;left:100px;z-index:130;max-width:calc(100% - 470px);min-height:48px;gap:4px;padding:5px;border:1px solid rgba(39,41,36,.15);border-radius:14px;background:#f7f4eaeb;box-shadow:0 16px 36px #3330281c,inset 0 1px #ffffffd1;-webkit-backdrop-filter:blur(20px) saturate(.94);backdrop-filter:blur(20px) saturate(.94)}.cnvs-header .cnvs-breadcrumb{min-height:38px;padding:0 11px;border:0;border-radius:9px;background:#ffffff57;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.cnvs-header .cnvs-toolbar{position:static;display:flex;flex:0 0 auto;padding:0;border:0;border-radius:9px;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.cnvs-header .cnvs-toolbar button{width:34px;height:34px;border-radius:9px}.cnvs-header .cnvs-touch-hint{padding:0 8px 0 5px;color:#8a8b83;font:620 7px/1 Geist Mono,monospace;letter-spacing:.09em;white-space:nowrap}.cnvs-connect-prompt{top:76px;left:100px}.cnvs-playback-hub{--hub-tape-color: #e86a33;position:absolute;z-index:116;overflow:hidden;border:1px solid rgba(39,41,36,.17);background:linear-gradient(152deg,rgba(255,255,255,.6),transparent 38%),#ece9dff2;box-shadow:0 28px 70px #322d252b,inset 0 1px #ffffffd6;-webkit-backdrop-filter:blur(24px) saturate(.94);backdrop-filter:blur(24px) saturate(.94);isolation:isolate}.cnvs-playback-hub:before{position:absolute;inset:-35% -30% auto;z-index:-1;height:190px;background:radial-gradient(circle,color-mix(in srgb,var(--hub-tape-color) 22%,transparent),transparent 68%);content:"";opacity:.72;pointer-events:none}.cnvs-playback-hub.expanded{top:18px;right:18px;bottom:18px;width:324px;border-radius:18px}.cnvs-playback-hub.minimized{right:auto;bottom:18px;left:50%;width:460px;min-height:72px;margin-left:-230px;border-radius:23px}.cnvs-hub-expanded{height:100%;display:grid;grid-template-rows:auto auto auto minmax(0,1fr)}.cnvs-hub-heading{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px 10px 16px;border-bottom:1px solid rgba(45,46,41,.12)}.cnvs-hub-heading>span,.cnvs-hub-heading>span>span{min-width:0;display:grid;gap:4px}.cnvs-hub-heading small,.cnvs-hub-now-playing small,.cnvs-hub-overview>header>span,.cnvs-hub-sequence>header>span{color:var(--cnvs-orange);font:700 8px/1 Geist Mono,monospace;letter-spacing:.11em}.cnvs-hub-heading strong{overflow:hidden;font-size:17px;font-weight:610;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.cnvs-hub-heading button,.cnvs-hub-expand,.cnvs-hub-transport button,.cnvs-hub-mini-controls button,.cnvs-hub-zoom button{display:grid;place-items:center;padding:0;border:0;background:transparent;color:#5e6159;cursor:pointer}.cnvs-hub-heading button{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#ffffff85}.cnvs-hub-now-playing{display:grid;gap:10px;padding:14px 15px 13px;border-bottom:1px solid rgba(45,46,41,.12);background:#ffffff38}.cnvs-hub-playing-title{min-width:0;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:11px}.cnvs-hub-playing-title>span:last-child{min-width:0;display:grid;gap:4px}.cnvs-hub-playing-title strong,.cnvs-hub-mini-title strong{overflow:hidden;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.cnvs-hub-playing-title em{overflow:hidden;color:#7d7f77;font:540 8px/1 Geist Mono,monospace;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.cnvs-hub-cassette{width:64px;height:40px;display:grid;grid-template-columns:18px 1fr 18px;align-items:center;gap:4px;padding:8px;border:1px solid rgba(26,28,26,.62);border-radius:7px;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent),var(--hub-tape-color);box-shadow:0 8px 18px #2c261f21,inset 0 1px #ffffff59}.cnvs-hub-cassette i{width:17px;height:17px;border:3px dotted rgba(245,242,232,.9);border-radius:50%;background:#30312d;box-shadow:inset 0 0 0 2px #7a7b73}.cnvs-hub-cassette b{height:3px;background:#1f201db8}.cnvs-hub-cassette.spinning i{animation:cnvs-hub-reel 1.05s linear infinite}@keyframes cnvs-hub-reel{to{transform:rotate(360deg)}}.cnvs-hub-transport,.cnvs-hub-mini-controls,.cnvs-hub-zoom{display:flex;align-items:center;gap:4px}.cnvs-hub-transport button,.cnvs-hub-mini-controls button{width:31px;height:31px;border:1px solid rgba(45,47,42,.12);border-radius:9px;background:#ffffff7a}.cnvs-hub-transport button.primary,.cnvs-hub-mini-controls button.primary{background:#292b27;color:#f7f4ea}.cnvs-hub-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px}.cnvs-hub-progress span{color:#74766e;font:620 8px/1 Geist Mono,monospace}.cnvs-hub-volume{display:grid;grid-template-columns:15px minmax(0,1fr);align-items:center;gap:8px;color:#73756d}.cnvs-playback-hub input[type=range]{width:100%;height:3px;accent-color:var(--cnvs-orange);cursor:pointer}.cnvs-hub-overview{display:grid;gap:8px;padding:11px 14px 13px;border-bottom:1px solid rgba(45,46,41,.12)}.cnvs-hub-overview>header,.cnvs-hub-sequence>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.cnvs-hub-zoom button{width:26px;height:26px;border-radius:7px}.cnvs-hub-zoom button:hover,.cnvs-hub-heading button:hover,.cnvs-hub-expand:hover{background:#292b27;color:#f7f4ea}.cnvs-hub-zoom strong{width:39px;color:#71736b;font:650 8px/1 Geist Mono,monospace;text-align:center}.cnvs-hub-map{position:relative;height:72px;overflow:hidden;border:1px solid rgba(47,49,43,.12);border-radius:8px;background:linear-gradient(rgba(59,60,54,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(59,60,54,.07) 1px,transparent 1px),#e1ddd2c7;background-size:9px 9px}.cnvs-hub-map i{position:absolute;width:6px;height:5px;border:1px solid #6c6e66;background:#eeebe2;transform:translate(-50%,-50%)}.cnvs-hub-map i.selected,.cnvs-hub-map i.current{border-color:var(--cnvs-orange);background:var(--cnvs-orange);box-shadow:0 0 8px #e85d248c}.cnvs-hub-sequence{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:7px;padding:12px 8px 8px}.cnvs-hub-sequence>header{padding:0 7px}.cnvs-hub-sequence>header small{color:#7d7f77;font:600 8px/1 Geist Mono,monospace}.cnvs-hub-tracks{min-height:0;display:grid;align-content:start;gap:3px;overflow-y:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgba(83,84,78,.5) transparent;overscroll-behavior:contain}.cnvs-recording-remove-help{max-width:126px;color:#85877f;font:600 7px/1.35 Geist Mono,monospace;letter-spacing:.035em;text-align:right;text-transform:uppercase}.cnvs-hub-tracks::-webkit-scrollbar{width:5px}.cnvs-hub-tracks::-webkit-scrollbar-thumb{border-radius:10px;background:#53544e75}.cnvs-hub-tracks>button{min-height:48px;display:grid;grid-template-columns:24px minmax(0,1fr) 15px;align-items:center;gap:8px;padding:7px 8px;border:1px solid transparent;border-radius:9px;background:transparent;color:#4d5049;cursor:grab;text-align:left}.cnvs-hub-tracks>button:hover{background:#ffffff7a}.cnvs-hub-tracks>button.current{border-color:#e85d2433;background:#e85d2417}.cnvs-hub-tracks>button>span:first-child{color:var(--cnvs-orange);font:680 8px/1 Geist Mono,monospace}.cnvs-hub-tracks>button>span:nth-child(2){min-width:0;display:grid;gap:3px}.cnvs-hub-tracks strong,.cnvs-hub-tracks small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cnvs-hub-tracks strong{font-size:10px;font-weight:650}.cnvs-hub-tracks small{color:#85877f;font:520 8px/1 Geist Mono,monospace}.cnvs-hub-mini{min-height:72px;display:grid;grid-template-columns:64px minmax(0,1fr) auto 28px;align-items:center;gap:10px;padding:9px 12px 12px}.cnvs-hub-mini-title{min-width:0;display:grid;gap:4px}.cnvs-hub-mini-title small{overflow:hidden;color:#7c7e76;font:650 8px/1 Geist Mono,monospace;letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.cnvs-hub-mini-progress{position:absolute;right:50px;bottom:7px;left:86px}.cnvs-hub-expand{width:28px;height:36px;border-radius:10px}.shared-recorder-stage,.shared-player-layout.awaiting-tape .shared-recorder-stage,.shared-player-layout.tape-loaded .shared-recorder-stage{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.shared-player-layout.tape-loaded .shared-recorder-stage:before{border-radius:50%}@media(max-width:1120px){.cnvs-header{max-width:calc(100% - 390px)}.cnvs-header .cnvs-touch-hint{display:none}}@media(max-width:820px){.cnvs-header{top:12px;right:12px;left:12px;max-width:none}.cnvs-header .cnvs-breadcrumb{min-width:0;flex:1}.cnvs-header .cnvs-toolbar{max-width:206px;overflow-x:auto;scrollbar-width:none}.cnvs-header .cnvs-toolbar::-webkit-scrollbar{display:none}.cnvs-connect-prompt{top:72px;right:12px;left:12px}.cnvs-playback-hub.expanded{top:78px;right:12px;bottom:calc(88px + env(safe-area-inset-bottom));width:min(324px,calc(100vw - 24px))}.cnvs-playback-hub.minimized{right:12px;bottom:calc(88px + env(safe-area-inset-bottom));left:12px;width:auto;margin-left:0}.cnvs-hub-overview{display:grid}}@media(max-width:520px){.cnvs-header .cnvs-breadcrumb{max-width:108px}.cnvs-header .cnvs-toolbar button{width:31px;height:34px;flex:0 0 31px}.cnvs-hub-mini{grid-template-columns:48px minmax(0,1fr) auto 24px;gap:7px;padding-right:8px;padding-left:9px}.cnvs-hub-mini .cnvs-hub-cassette{width:48px;grid-template-columns:13px 1fr 13px;padding:7px 5px}.cnvs-hub-mini .cnvs-hub-cassette i{width:13px;height:13px;border-width:2px}.cnvs-hub-mini-controls button:first-child,.cnvs-hub-mini-controls button:last-child{display:none}.cnvs-hub-mini-progress{left:66px}}@media(prefers-reduced-motion:reduce){.cnvs-playback-hub,.cnvs-playback-hub *,.cnvs-hub-cassette.spinning i{animation:none!important;transition-duration:.01ms!important}}.app-shell.has-universal-player .topbar{padding-right:420px}.universal-player{position:fixed;top:max(18px,env(safe-area-inset-top));right:max(22px,env(safe-area-inset-right));bottom:auto;left:auto;z-index:190;width:min(396px,calc(100vw - 146px));min-height:58px;grid-template-columns:42px minmax(86px,1fr) auto 58px;gap:8px;padding:7px 9px 13px;overflow:hidden;border:1px solid rgba(41,39,35,.11);border-radius:18px;background:linear-gradient(145deg,#ffffffe0,#f6f4efc7),#f9f8f4e6;box-shadow:0 18px 42px #382e261c,0 4px 12px #382e260d,inset 0 1px #fffffff5;-webkit-backdrop-filter:blur(26px) saturate(1.04);backdrop-filter:blur(26px) saturate(1.04);transition:box-shadow .18s ease,transform .22s cubic-bezier(.2,.8,.2,1)}.universal-player:hover,.universal-player:focus-within{box-shadow:0 23px 50px #382e2624,0 6px 14px #382e260f,inset 0 1px #fff;transform:translateY(-1px)}.universal-player:before{inset:-55% auto -55% -8%;width:126px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--player-tape-color) 27%,transparent),transparent 69%);opacity:.74}.universal-player-tape{width:42px;height:30px;grid-template-columns:11px 1fr 11px;gap:3px;padding:6px 5px;border-radius:7px;box-shadow:0 7px 14px #2b262021,inset 0 2px 5px #00000038,inset 0 1px #ffffff3d}.universal-player-tape i{width:11px;height:11px;border-width:2px;box-shadow:inset 0 0 0 2px #24252166}.universal-player-title{gap:2px}.universal-player-title small{color:#9a948c;font-size:6px;letter-spacing:.08em}.universal-player-title strong{font-size:10px;letter-spacing:-.015em}.universal-player-title span{color:#817c74;font-size:7px}.universal-player-controls{gap:2px}.universal-player-controls button{width:25px;height:25px;border:0;border-radius:8px;background:transparent;color:#6f6a63;transition:background .14s ease,color .14s ease,transform .14s ease}.universal-player-controls button:hover,.universal-player-controls button:focus-visible{background:#2a282412;color:#24221f;transform:translateY(-1px)}.universal-player-controls .universal-player-play{width:30px;height:30px;border-radius:11px;background:#292723;color:#f8f5ee;box-shadow:0 7px 13px #221f1c2b}.universal-player-controls .universal-player-play:hover,.universal-player-controls .universal-player-play:focus-visible{background:color-mix(in srgb,var(--player-tape-color) 72%,#292723);color:#fff}.universal-player-progress{position:absolute;right:10px;bottom:5px;left:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;pointer-events:none}.universal-player-progress input{pointer-events:auto}.universal-player-progress span{color:#9a948c;font-size:6px}.universal-player input[type=range]{height:2px;margin:0;accent-color:color-mix(in srgb,var(--player-tape-color) 80%,#e85d24)}.universal-player-volume{grid-template-columns:12px minmax(0,1fr);gap:4px;color:#8c877f}@media(max-width:1120px){.app-shell.has-universal-player .topbar{padding-right:350px}.universal-player{width:min(330px,calc(100vw - 136px));grid-template-columns:42px minmax(78px,1fr) auto}.universal-player-volume{display:none}}@media(max-width:820px){.app-shell.has-universal-player{padding-bottom:76px}.app-shell.has-universal-player .topbar{padding-right:min(330px,calc(100vw - 116px))}.universal-player{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));bottom:auto;left:auto;width:min(330px,calc(100vw - 106px));min-height:58px;grid-template-columns:40px minmax(72px,1fr) auto;padding:7px 8px 13px;border-radius:17px}.universal-player-tape,.universal-player-progress{display:grid}.universal-player-controls{justify-content:flex-start}.universal-player-controls button{width:25px;height:25px;border-radius:8px}.universal-player-controls button:nth-child(3){display:grid}}@media(max-width:520px){.app-shell.has-universal-player .topbar{padding-right:222px}.universal-player{width:214px;grid-template-columns:minmax(66px,1fr) auto}.universal-player-tape,.universal-player-title small,.universal-player-title span,.universal-player-controls button:nth-child(3){display:none}.universal-player-controls button:first-child,.universal-player-controls button:last-child{display:grid}}.shared-player-layout.tape-loaded{width:min(100% - 32px,1040px);display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2vw,24px);margin-top:24px}.shared-player-layout.tape-loaded .shared-recorder-stage{position:relative;top:auto;width:min(100%,960px);height:clamp(470px,48vw,620px);min-height:470px;align-self:center}.shared-player-layout.tape-loaded .reference-recorder-canvas{inset:-20px -38px -24px}.shared-player-layout.tape-loaded .shared-tracklist{width:min(100%,820px);margin:-18px auto 0}.track-head,.track-row{grid-template-columns:48px minmax(190px,1.2fr) minmax(125px,.7fr) minmax(90px,.55fr) 170px}.track-head>span:last-child{text-align:right}.track-row{position:relative;transition:background .16s ease,box-shadow .16s ease,opacity .16s ease,transform .16s ease}.track-row.dragging{opacity:.42;transform:scale(.992)}.track-row.drag-over{box-shadow:inset 0 2px #e65f21,0 -8px 18px #e65f2114}.sort-actions{display:flex;align-items:center;gap:3px}.sort-actions button,.track-file-swap{width:28px;height:28px;display:grid;place-items:center;border-radius:7px}.track-drag-handle{color:#d9642b!important;cursor:grab}.track-drag-handle:active{cursor:grabbing}.track-delete{color:#b94c3a!important}.track-delete:hover:not(:disabled),.track-delete:focus-visible{background:#fff0ed!important;color:#a23727!important}@media(max-width:820px){.shared-player-layout.tape-loaded{grid-template-columns:none;width:min(100% - 24px,780px);padding:0 0 22px;margin-top:18px}.shared-player-layout.tape-loaded .shared-recorder-stage{width:100%;height:clamp(390px,66vw,510px);min-height:390px}.shared-player-layout.tape-loaded .reference-recorder-canvas{inset:-18px -54px -22px}.shared-player-layout.tape-loaded .shared-tracklist{width:min(100%,720px);margin-top:-20px}.track-head,.track-row{grid-template-columns:40px minmax(150px,1fr) 116px}.track-head>span:last-child{display:block}.sort-actions button{display:grid}.track-drag-handle{display:none!important}}@media(max-width:560px){.shared-player-layout.tape-loaded .shared-recorder-stage{width:100%;height:300px;min-height:300px;justify-self:center}.shared-player-layout.tape-loaded .reference-recorder-canvas{inset:-16px -62px -18px}.track-head,.track-row{grid-template-columns:36px minmax(120px,1fr) 108px}.sort-actions{gap:0}.sort-actions button,.track-file-swap{width:27px;height:27px}}.cnvs-object-composer:has(.cnvs-moodboard-composer-intro){width:min(760px,100%);max-height:min(820px,calc(100dvh - 32px));overflow-y:auto;padding:22px;border-radius:18px;background:radial-gradient(circle at 84% 0%,rgba(232,93,36,.08),transparent 31%),#f7f3e9}.cnvs-moodboard-composer-intro{display:grid;gap:5px;padding:2px 0 4px}.cnvs-moodboard-composer-intro strong{color:#32312d;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:26px;font-style:italic;letter-spacing:-.035em}.cnvs-moodboard-composer-intro p{max-width:520px;margin:0;color:#77736b;font-size:11px;line-height:1.5}.cnvs-object-composer .cnvs-moodboard-image-picker{position:relative;min-height:84px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 16px;overflow:hidden;border:1px dashed rgba(232,93,36,.42);border-radius:13px;background:#fff9efcc;color:#e85d24;cursor:pointer;text-transform:none}.cnvs-moodboard-image-picker>span{min-width:0;display:grid;gap:4px}.cnvs-moodboard-image-picker strong{color:#393732;font-size:12px}.cnvs-moodboard-image-picker small,.cnvs-moodboard-image-picker em{color:#8b857b;font-size:8px;font-style:normal}.cnvs-moodboard-image-picker input,.cnvs-moodboard-add-tile input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.cnvs-moodboard-draft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.cnvs-moodboard-draft-grid article{min-width:0;overflow:hidden;border:1px solid rgba(54,51,45,.13);border-radius:10px;background:#fffcf5d1}.cnvs-moodboard-draft-grid article>img{width:100%;height:118px;display:block;object-fit:cover}.cnvs-moodboard-draft-grid article>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;padding:6px}.cnvs-object-composer .cnvs-moodboard-draft-grid input{min-width:0;padding:7px;border-color:transparent;background:transparent;font-size:9px}.cnvs-moodboard-draft-grid article>div>span{display:flex;gap:1px}.cnvs-moodboard-draft-grid button,.cnvs-moodboard-pin figcaption button{width:24px;height:24px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:#716d65;cursor:pointer}.cnvs-moodboard-draft-grid button:hover,.cnvs-moodboard-pin figcaption button:hover{background:#e85d241a;color:#d9561f}.cnvs-moodboard-draft-grid button:disabled,.cnvs-moodboard-pin figcaption button:disabled{opacity:.25;pointer-events:none}.cnvs-submit:disabled{opacity:.38;cursor:not-allowed}.cnvs-node-moodboard{min-height:520px;display:grid;align-content:start;gap:13px;padding:17px;overflow:visible;border:1px solid rgba(63,58,49,.17);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.66),transparent 38%),#e8e2d6;box-shadow:0 28px 58px #3b332924,0 0 48px #e85d2412,inset 0 1px #ffffffe6;transform:none}.cnvs-node-moodboard:hover{border-color:#e85d2457;box-shadow:0 34px 70px #3b332929,0 0 58px #e85d241a,inset 0 1px #ffffffeb;transform:none}.cnvs-moodboard-heading{display:grid;gap:5px;padding:2px 3px 0}.cnvs-moodboard-heading span{color:var(--cnvs-orange);font:690 8px/1 Geist Mono,monospace;letter-spacing:.1em}.cnvs-moodboard-heading input{width:min(100%,620px);padding:0;border:0;outline:0;background:transparent;color:#34332f;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:27px;font-style:italic;font-weight:650;letter-spacing:-.04em}.cnvs-moodboard-heading input:focus{box-shadow:0 1px var(--cnvs-orange)}.cnvs-moodboard-grid,.cnvs-moodboard-grid.has-pins{min-height:324px;height:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:102px;gap:7px;padding:7px;border:1px dashed rgba(232,93,36,.18);border-radius:13px;background:#fffcf575}.cnvs-moodboard-pin{position:relative;min-width:0;min-height:0;display:block;margin:0;overflow:hidden;border-radius:9px;background:#c7c0b4;box-shadow:0 7px 18px #352d2424}.cnvs-moodboard-pin:first-child{grid-column:span 2;grid-row:span 2}.cnvs-moodboard-pin:nth-child(4n+2){grid-column:span 2}.cnvs-moodboard-pin img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .22s ease}.cnvs-moodboard-pin:hover img{transform:scale(1.025)}.cnvs-moodboard-pin figcaption{position:absolute;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;padding:20px 6px 6px;background:linear-gradient(transparent,#191714c7)}.cnvs-moodboard-pin figcaption input{min-width:0;padding:4px 2px;overflow:hidden;border:0;outline:0;background:transparent;color:#fff;font:650 8px/1.2 Geist Mono,monospace;text-overflow:ellipsis}.cnvs-moodboard-pin figcaption input:focus{background:#ffffff1f}.cnvs-moodboard-pin figcaption>span{display:flex;opacity:0;transition:opacity .13s ease}.cnvs-moodboard-pin:hover figcaption>span,.cnvs-moodboard-pin:focus-within figcaption>span{opacity:1}.cnvs-moodboard-pin figcaption button{width:20px;height:20px;color:#ffffffc2}.cnvs-moodboard-pin figcaption button:hover{background:#ffffff24;color:#fff}.cnvs-moodboard-add-tile{position:relative;min-width:0;min-height:102px;display:grid;place-content:center;justify-items:center;gap:8px;overflow:hidden;border:1px dashed rgba(232,93,36,.4);border-radius:9px;color:#df5a21;cursor:pointer;text-align:center}.cnvs-moodboard-add-tile.empty{grid-column:1 / -1;min-height:308px}.cnvs-moodboard-add-tile>span{display:grid;gap:4px}.cnvs-moodboard-add-tile strong{color:#4b4841;font-size:10px}.cnvs-moodboard-add-tile small{color:#8a857b;font:600 7px/1.3 Geist Mono,monospace}.cnvs-moodboard-footer{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:0 4px 2px}.cnvs-moodboard-footer textarea{width:min(100%,520px);max-width:520px;margin:0;padding:3px 0;border:0;outline:0;background:transparent;color:#66625b;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:12px;font-style:italic;line-height:1.4;resize:none}.cnvs-moodboard-footer textarea:focus{box-shadow:0 1px #e85d246b}.cnvs-moodboard-footer small{color:#8b857b;font:600 7px/1.3 Geist Mono,monospace;white-space:nowrap}@media(pointer:coarse){.cnvs-moodboard-pin figcaption>span{opacity:1}}@media(max-width:720px){.cnvs-object-composer:has(.cnvs-moodboard-composer-intro){max-height:calc(100dvh - 24px);padding:17px}.cnvs-moodboard-draft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cnvs-moodboard-grid,.cnvs-moodboard-grid.has-pins{grid-template-columns:repeat(3,minmax(0,1fr))}.cnvs-moodboard-footer{align-items:flex-start;flex-direction:column;gap:5px}}.cnvs-node-group{overflow:visible;border:0;border-radius:34px;background:radial-gradient(circle at 18% 12%,rgba(232,93,36,.095),transparent 26%),radial-gradient(circle at 78% 82%,rgba(232,93,36,.055),transparent 34%),linear-gradient(125deg,#fffcf41c,#e85d2405);box-shadow:inset 0 0 0 1px #e85d2429,inset 0 0 70px #fff9eb1f,0 0 72px #e85d240e;isolation:isolate;transform:none}.cnvs-node-group:before{position:absolute;inset:-10px;z-index:-1;border:1px dashed rgba(232,93,36,.25);border-radius:42px;background:linear-gradient(90deg,rgba(232,93,36,.16) 1px,transparent 1px),linear-gradient(rgba(232,93,36,.12) 1px,transparent 1px);background-size:54px 54px;content:"";opacity:.26;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse,#000 8%,transparent 76%);mask-image:radial-gradient(ellipse,#000 8%,transparent 76%)}.cnvs-node-group:after{position:absolute;inset:8%;z-index:-2;border-radius:50%;background:#e85d240e;filter:blur(34px);content:"";opacity:.72;pointer-events:none}.cnvs-node-group:hover,.cnvs-node-group.selected{border-color:transparent;background:radial-gradient(circle at 18% 12%,rgba(232,93,36,.13),transparent 29%),radial-gradient(circle at 78% 82%,rgba(232,93,36,.075),transparent 37%),linear-gradient(125deg,#fffcf426,#e85d2407);box-shadow:inset 0 0 0 1px #e85d2445,inset 0 0 80px #fff9eb26,0 0 84px #e85d2418;transform:none}.cnvs-node-group.selected:before{border-color:#e85d246b;opacity:.48}.cnvs-node-recording{height:230px}.cnvs-recording-title{min-height:53px;display:grid;grid-template-rows:minmax(0,1fr) auto;align-content:end;gap:3px;margin-top:6px}.cnvs-recording-title strong{max-width:none;display:-webkit-box;align-self:end;overflow:hidden;font-size:24px;font-weight:650;letter-spacing:-.052em;line-height:.98;overflow-wrap:anywhere;text-overflow:clip;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cnvs-recording-title.is-medium strong{font-size:20px;letter-spacing:-.045em;line-height:1}.cnvs-recording-title.is-long strong{font-size:17px;letter-spacing:-.035em;line-height:1.03}.cnvs-recording-title small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cnvs-node-recording .cnvs-cassette-window{margin-top:7px;margin-bottom:7px}.cnvs-node-quote,.cnvs-node-lyric{width:480px!important;max-width:500px;min-height:220px;align-items:flex-start;padding:24px 0}.cnvs-quote-text{width:100%;max-width:12ch;margin:0;color:#35342f;font-size:68px;font-weight:720;letter-spacing:-.058em;line-height:.96;overflow-wrap:anywhere;text-align:left;text-wrap:pretty;white-space:pre-wrap}.cnvs-quote-text.is-medium{max-width:14ch;font-size:56px;letter-spacing:-.052em;line-height:.99}.cnvs-quote-text.is-long{max-width:17ch;font-size:46px;letter-spacing:-.045em;line-height:1.02}.cnvs-save-cluster{position:absolute;top:76px;left:50%;z-index:122;width:min(540px,calc(100% - 440px));min-width:390px;display:grid;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:10px;padding:8px 9px 8px 13px;border:1px solid rgba(57,53,46,.14);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.68),transparent 48%),#f4efe5eb;box-shadow:0 18px 46px #2f292124,0 0 34px #e85d2416,inset 0 1px #ffffffd1;-webkit-backdrop-filter:blur(20px) saturate(.88);backdrop-filter:blur(20px) saturate(.88);translate:-50% 0}.cnvs-save-cluster>span{min-width:0;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;column-gap:7px;color:var(--cnvs-orange)}.cnvs-save-cluster>span svg{grid-row:1 / 3}.cnvs-save-cluster>span strong,.cnvs-save-cluster>span small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cnvs-save-cluster>span strong{color:#3f3c36;font-size:10px;font-weight:680}.cnvs-save-cluster>span small{color:#918b81;font:570 7px/1.2 Geist Mono,monospace}.cnvs-save-cluster>button:not(.cnvs-save-cluster-close){min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:0;border-radius:11px;background:#302e2a;color:#f8f4eb;cursor:pointer;font:680 8px/1 Geist Mono,monospace;letter-spacing:.025em;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.cnvs-save-cluster>button:not(.cnvs-save-cluster-close):hover,.cnvs-save-cluster>button:not(.cnvs-save-cluster-close):focus-visible{background:#24231f;box-shadow:0 7px 18px #26221d2e;transform:translateY(-1px)}.cnvs-save-cluster-close{width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;color:#8b857b;cursor:pointer}.cnvs-save-cluster-close:hover,.cnvs-save-cluster-close:focus-visible{background:#2d2a250f;color:#3d3a34}@media(max-width:1040px){.cnvs-save-cluster{width:min(470px,calc(100% - 190px));min-width:360px}}@media(max-width:720px){.cnvs-save-cluster{top:70px;width:calc(100% - 112px);min-width:0;grid-template-columns:minmax(0,1fr) auto 26px;gap:6px;padding:7px 7px 7px 10px;border-radius:15px}.cnvs-save-cluster>span small{display:none}.cnvs-save-cluster>button:not(.cnvs-save-cluster-close){min-height:32px;padding:0 10px}}.shared-player-layout.tape-loaded{width:min(calc(100% - 28px),1580px);gap:clamp(20px,3vw,38px)}.shared-track-tunnel{position:relative;isolation:isolate;width:100%;min-height:clamp(520px,42vw,660px);display:grid;grid-template-columns:minmax(220px,1fr) minmax(480px,1.38fr) minmax(220px,1fr);align-items:center;gap:clamp(10px,1.4vw,24px);overflow:hidden;border-radius:28px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--share-color) 15%,transparent) 0,transparent 23%),radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.55),transparent 61%)}.shared-track-tunnel:before{content:"";position:absolute;inset:10% 22%;z-index:-1;border-radius:50%;background:color-mix(in srgb,var(--share-color) 12%,transparent);filter:blur(60px);opacity:.7}.tunnel-flow-lines{position:absolute;inset:3% 0;z-index:0;width:100%;height:94%;pointer-events:none;overflow:visible}.flow-line{fill:none;stroke-width:1.25;stroke-linecap:round;stroke-dasharray:4 10;opacity:.46;vector-effect:non-scaling-stroke}.flow-line.secondary{opacity:.25;stroke-dasharray:2 14}.shared-track-tunnel.is-playing .comments-line{animation:flow-comments 4s linear infinite}.shared-track-tunnel.is-playing .lyrics-line{animation:flow-lyrics 4s linear infinite}@keyframes flow-comments{to{stroke-dashoffset:-56}}@keyframes flow-lyrics{to{stroke-dashoffset:56}}.tunnel-particles{position:absolute;top:50%;z-index:1;width:28%;height:12px;pointer-events:none}.comments-particles{left:18%}.lyrics-particles{right:18%}.tunnel-particles i{position:absolute;top:5px;width:4px;height:4px;border-radius:50%;background:var(--share-color);box-shadow:0 0 12px color-mix(in srgb,var(--share-color) 76%,transparent);opacity:0}.shared-track-tunnel.is-playing .comments-particles i{animation:particle-in 3.2s ease-in infinite}.shared-track-tunnel.is-playing .lyrics-particles i{animation:particle-out 3.2s ease-out infinite}.tunnel-particles i:nth-child(2){animation-delay:1.05s!important}.tunnel-particles i:nth-child(3){animation-delay:2.1s!important}@keyframes particle-in{0%{left:0;opacity:0;transform:scale(.55)}22%{opacity:.75}to{left:100%;opacity:0;transform:scale(1.2)}}@keyframes particle-out{0%{right:100%;opacity:0;transform:scale(1.2)}22%{opacity:.75}to{right:0;opacity:0;transform:scale(.55)}}.tunnel-rail,.tunnel-singularity{position:relative;z-index:2;min-width:0}.tunnel-rail{height:clamp(420px,34vw,540px);display:flex;flex-direction:column;padding:18px clamp(10px,1.4vw,20px);overflow:hidden}.tunnel-rail>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(31,35,41,.1);color:#504c46;font:700 8px/1 var(--font-mono, monospace);letter-spacing:.14em}.tunnel-rail>header small{color:color-mix(in srgb,var(--share-color) 82%,#5a3a2c);font:inherit}.comments-rail{perspective:800px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 15%,#000 100%);mask-image:linear-gradient(to right,transparent 0,#000 15%,#000 100%)}.lyrics-rail{perspective:800px;-webkit-mask-image:linear-gradient(to left,transparent 0,#000 15%,#000 100%);mask-image:linear-gradient(to left,transparent 0,#000 15%,#000 100%)}.tunnel-comment-stream,.tunnel-lyric-stream{min-height:0;display:flex;flex:1;flex-direction:column;justify-content:center;gap:8px;overflow:hidden}.tunnel-comment{width:100%;padding:10px 12px;border:0;border-left:1px solid color-mix(in srgb,var(--share-color) 52%,rgba(45,42,38,.12));background:linear-gradient(90deg,rgba(255,255,255,.5),transparent);color:#303238;text-align:left;opacity:calc(1 - var(--flow-distance) * .14)!important;transform:translate(calc(var(--flow-distance) * -7px)) rotateY(calc(var(--flow-distance) * 1.8deg));transform-origin:right center;transition:background .16s ease,opacity .16s ease}.tunnel-comment:hover,.tunnel-comment:focus-visible{background:linear-gradient(90deg,color-mix(in srgb,var(--share-color) 10%,white),transparent)}.tunnel-comment>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.tunnel-comment strong,.tunnel-comment time{font:650 8px/1 var(--font-mono, monospace);letter-spacing:.04em}.tunnel-comment time{color:#a49f97}.tunnel-comment p{display:-webkit-box;margin:6px 0 0;overflow:hidden;color:#5d5953;font:italic 500 13px/1.4 Georgia,Times New Roman,serif;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tunnel-lyric-line{width:100%;padding:5px 10px;border:0;background:transparent;color:#69655e;text-align:left;font:italic 600 clamp(16px,1.4vw,24px)/1.15 Georgia,"Times New Roman",serif;letter-spacing:-.025em;opacity:calc(1 - var(--flow-distance) * .18)!important;transform:translate(calc(var(--flow-distance) * 8px)) rotateY(calc(var(--flow-distance) * -1.8deg));transform-origin:left center;transition:color .18s ease,text-shadow .18s ease}.tunnel-lyric-line.active{color:#1f2227;opacity:1!important;text-shadow:0 0 24px color-mix(in srgb,var(--share-color) 36%,transparent)}.tunnel-lyric-line.active:before{content:"";display:inline-block;width:16px;height:2px;margin:0 9px 0 -6px;vertical-align:middle;background:var(--share-color);box-shadow:0 0 12px var(--share-color)}.tunnel-empty-copy{min-height:150px;display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:#aaa59d;text-align:center;font:italic 12px/1.45 Georgia,serif}.open-comment-composer{align-self:flex-start;display:flex;align-items:center;gap:7px;margin-top:12px;padding:8px 0;border:0;background:transparent;color:#7b756d;font:700 8px/1 var(--font-mono, monospace);letter-spacing:.08em;text-transform:uppercase}.open-comment-composer:hover,.open-comment-composer:focus-visible{color:#d94f18}.tunnel-singularity{display:grid;place-items:center}.shared-track-tunnel .shared-recorder-stage{position:relative!important;top:auto!important;width:100%!important;height:clamp(440px,38vw,590px)!important;min-height:440px!important;margin:0!important;overflow:visible!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.shared-track-tunnel .shared-recorder-stage:before{inset:11% 5%!important;border-radius:50%!important;opacity:.34;filter:blur(34px) saturate(.8)}.shared-track-tunnel .reference-recorder-canvas{inset:-28px -58px -30px!important}.shared-comment-composer{position:absolute;left:16px;bottom:20px;z-index:8;width:min(350px,calc(32% - 20px));display:grid;gap:9px;padding:15px;border:1px solid rgba(27,31,37,.13);border-radius:16px;background:#f7f4eceb;box-shadow:0 24px 58px #1b1c1e2e;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.shared-comment-composer header,.shared-comment-composer footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.shared-comment-composer header>span,.shared-comment-composer footer>span{display:flex;align-items:center;gap:5px;color:#8a857c;font:650 8px/1 var(--font-mono, monospace);letter-spacing:.08em}.shared-comment-composer header button{width:26px;height:26px;display:grid;place-items:center;border:0;background:transparent;color:#8a857c}.shared-comment-composer input,.shared-comment-composer textarea{width:100%;border:0;border-bottom:1px solid rgba(32,35,40,.12);outline:0;background:transparent;color:#292c31}.shared-comment-composer input{height:34px;font:600 11px/1 var(--font-sans, sans-serif)}.shared-comment-composer textarea{min-height:86px;resize:none;padding-top:8px;font:italic 600 18px/1.25 Georgia,serif}.shared-comment-composer footer button{display:flex;align-items:center;gap:5px;padding:8px 10px;border:0;border-radius:9px;background:#26292e;color:#fff;font:700 8px/1 var(--font-mono, monospace);text-transform:uppercase}.shared-comment-composer footer button:disabled{opacity:.42}.shared-comment-composer>p{margin:0;color:#bc4a1c;font-size:9px}.comment-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}@media(max-width:1080px){.shared-track-tunnel{grid-template-columns:minmax(190px,.78fr) minmax(410px,1.35fr) minmax(190px,.78fr)}.tunnel-comment p{font-size:12px}.tunnel-lyric-line{font-size:clamp(15px,1.7vw,21px)}}@media(max-width:820px){.shared-player-layout.tape-loaded{width:min(calc(100% - 18px),780px)}.shared-track-tunnel{min-height:0;grid-template-columns:1fr 1fr;align-items:start;gap:0 8px;overflow:visible;border-radius:22px}.tunnel-flow-lines,.tunnel-particles{display:none}.tunnel-singularity{grid-column:1 / -1;grid-row:1}.tunnel-rail{height:330px;padding:14px 12px 18px;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 88%,transparent 100%);border-top:1px solid color-mix(in srgb,var(--share-color) 25%,rgba(30,33,38,.08))}.tunnel-rail:before{content:"";position:absolute;top:-1px;width:42%;height:1px;background:linear-gradient(90deg,transparent,var(--share-color))}.comments-rail:before{right:0}.lyrics-rail:before{left:0;transform:scaleX(-1)}.comments-rail{grid-column:1;grid-row:2}.lyrics-rail{grid-column:2;grid-row:2}.shared-track-tunnel .shared-recorder-stage{height:clamp(390px,67vw,520px)!important;min-height:390px!important}.shared-track-tunnel .reference-recorder-canvas{inset:-22px -54px -26px!important}.shared-comment-composer{position:fixed;inset:auto 12px max(12px,env(safe-area-inset-bottom)) 12px;width:auto;z-index:1500}}@media(max-width:560px){.shared-track-tunnel{display:flex;flex-direction:column}.tunnel-singularity,.tunnel-rail{width:100%}.shared-track-tunnel .shared-recorder-stage{height:340px!important;min-height:340px!important}.shared-track-tunnel .reference-recorder-canvas{inset:-18px -66px -20px!important}.tunnel-rail{height:280px}.lyrics-rail{order:2}.comments-rail{order:3}.tunnel-lyric-line{font-size:18px}}@media(prefers-reduced-motion:reduce){.flow-line,.tunnel-particles i,.scribe-status-line i.listening{animation:none!important}}.modal-backdrop.words-backdrop{z-index:1400}.track-words-action{color:#d9642b!important}.track-words-action:hover,.track-words-action:focus-visible{color:#a83d11!important;background:#e85d2417!important}.words-backdrop{z-index:1400;padding:clamp(10px,3vw,34px);background:radial-gradient(circle at 50% 5%,rgba(232,93,36,.12),transparent 38%),#10111294;-webkit-backdrop-filter:blur(18px) saturate(.8);backdrop-filter:blur(18px) saturate(.8)}.track-words-panel{width:min(1180px,100%);max-height:min(900px,calc(100dvh - 30px));display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(26,28,31,.13);border-radius:26px;background:linear-gradient(#ffffff8c,#ffffff2e),repeating-linear-gradient(0deg,rgba(67,61,49,.018) 0,rgba(67,61,49,.018) 1px,transparent 1px,transparent 4px),#f4f0e6;box-shadow:0 40px 100px #0c0e1147,0 3px 12px #0c0e111f,inset 0 1px #ffffffd1;color:#202329}.track-words-header{min-height:116px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:25px 28px 20px;border-bottom:1px solid rgba(35,39,45,.11)}.track-words-header h3{margin:4px 0 2px;font-size:clamp(30px,3.5vw,52px);line-height:.98;letter-spacing:-.055em}.track-words-header p{margin:8px 0 0;color:#88867f;font:600 10px/1.3 var(--font-mono, monospace);letter-spacing:.09em;text-transform:uppercase}.track-words-grid{min-height:0;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);flex:1}.lyrics-workbench,.comment-inbox{min-height:0;overflow-y:auto;padding:24px 28px 30px;scrollbar-width:thin;scrollbar-color:rgba(232,93,36,.52) transparent}.lyrics-workbench::-webkit-scrollbar,.comment-inbox::-webkit-scrollbar{width:7px}.lyrics-workbench::-webkit-scrollbar-thumb,.comment-inbox::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#e85d2485;background-clip:padding-box}.comment-inbox{border-left:1px solid rgba(35,39,45,.11);background:#ffffff4a}.words-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.words-section-heading>span{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:760;letter-spacing:-.015em}.words-section-heading small{color:#9a9690;font:600 8px/1 var(--font-mono, monospace);letter-spacing:.12em}.scribe-status-line{display:flex;align-items:center;gap:10px;min-height:32px;margin-bottom:12px;color:#7f7b74;font:500 10px/1.35 var(--font-mono, monospace)}.scribe-status-line i{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#b5b1a8;box-shadow:0 0 0 4px #b5b1a821}.scribe-status-line i.listening{background:#e85d24;box-shadow:0 0 0 4px #e85d241f;animation:words-listening 1.45s ease-in-out infinite}@keyframes words-listening{50%{box-shadow:0 0 0 10px #e85d2400}}.lyrics-draft-input{width:100%;min-height:330px;resize:vertical;padding:clamp(20px,3vw,34px);border:1px solid rgba(31,34,38,.12);border-radius:18px;outline:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,rgba(62,55,47,.055) 35px,rgba(62,55,47,.055) 36px),#ffffff94;color:#26282d;font:italic 600 clamp(20px,2.1vw,29px)/36px Georgia,"Times New Roman",serif;letter-spacing:-.025em;caret-color:#e85d24;box-shadow:inset 0 1px 2px #24211d0a,0 16px 34px #28231e09;transition:border-color .16s ease,box-shadow .16s ease}.lyrics-draft-input:focus{border-color:#e85d2480;box-shadow:0 0 0 4px #e85d2412,0 20px 42px #28231e0d}.lyrics-draft-input:disabled{opacity:.58}.words-primary-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.words-primary-actions button{min-height:42px}.words-publish-rail{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:16px 17px;border:1px solid rgba(31,34,38,.1);border-radius:15px;background:#ffffff5e}.words-publish-rail>div{min-width:0;display:flex;align-items:center;gap:11px}.words-publish-rail>div>svg{color:#e85d24}.words-publish-rail span,.words-publish-rail strong,.words-publish-rail small{display:block}.words-publish-rail strong{font-size:12px}.words-publish-rail small{margin-top:3px;color:#87837d;font-size:10px}.words-publish-rail>button,.words-align-action{border:0;background:transparent;color:#d34f19;font:700 10px/1 var(--font-mono, monospace);letter-spacing:.05em;text-transform:uppercase}.words-publish-rail>button{display:flex;align-items:center;gap:6px;padding:10px 0 10px 12px}.words-align-action{display:flex;align-items:center;gap:7px;margin-top:14px;padding:8px 2px;color:#77736c}.words-align-action:hover:not(:disabled){color:#d34f19}.words-publish-rail button:disabled,.words-align-action:disabled{opacity:.38}.comment-inbox-intro{margin:-3px 0 15px;color:#817e77;font-size:11px}.comment-review-list{display:grid;gap:10px}.comment-review-card{padding:15px 15px 13px;border:1px solid rgba(35,39,45,.1);border-radius:14px;background:#ffffffa1;box-shadow:0 10px 22px #211e1a0a}.comment-review-card.pending{border-left:2px solid #e85d24}.comment-review-card header,.comment-review-card footer{display:flex;align-items:center}.comment-review-card header{justify-content:space-between;gap:10px}.comment-review-card header strong{font-size:11px}.comment-review-card header span{display:flex;align-items:center;gap:4px;color:#9a958d;font:600 8px/1 var(--font-mono, monospace)}.comment-review-card p{margin:12px 0 15px;color:#393b3f;font:500 14px/1.5 Georgia,Times New Roman,serif}.comment-review-card footer{gap:7px}.comment-review-card footer button{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid rgba(34,37,42,.1);border-radius:8px;background:#ffffff9e;color:#64615b;font:650 9px/1 var(--font-mono, monospace)}.comment-review-card footer button:first-child{color:#ba4316}.comment-review-card footer .comment-delete{margin-left:auto;padding-inline:8px;color:#a24a3c}.comment-inbox-empty{min-height:190px;display:grid;place-content:center;justify-items:center;gap:7px;color:#a09b91;text-align:center}.comment-inbox-empty strong{color:#5f5d57;font-size:12px}.comment-inbox-empty span{font-size:10px}.reviewed-comments{margin-top:22px;border-top:1px solid rgba(35,39,45,.1);padding-top:13px}.reviewed-comments summary{cursor:pointer;color:#77736d;font:650 9px/1.4 var(--font-mono, monospace);text-transform:uppercase;letter-spacing:.06em}.reviewed-comments article{display:grid;grid-template-columns:auto 1fr auto;gap:5px 10px;padding:13px 0;border-bottom:1px solid rgba(35,39,45,.07)}.reviewed-comments article>span{color:#d45a24;font:700 7px/1.5 var(--font-mono, monospace)}.reviewed-comments article strong{font-size:10px}.reviewed-comments article p{grid-column:2 / 4;margin:0;color:#6f6b65;font:italic 12px/1.45 Georgia,serif}.reviewed-comments article button{grid-column:2 / 4;justify-self:start;padding:0;border:0;background:transparent;color:#8b867f;font:600 8px/1.4 var(--font-mono, monospace)}.words-error,.scribe-error{color:#9a3729;background:#b4372712}.words-error{margin:0;padding:11px 28px;border-bottom:1px solid rgba(154,55,41,.12);font-size:11px}.scribe-error{padding:10px 12px;border-radius:10px;font-size:10px}.words-loading{min-height:380px;display:flex;align-items:center;justify-content:center;gap:9px;color:#88847c;font:600 10px/1 var(--font-mono, monospace)}@media(max-width:820px){.words-backdrop{align-items:flex-end;padding:0}.track-words-panel{width:100%;max-height:96dvh;border-radius:24px 24px 0 0}.track-words-header{min-height:92px;padding:20px 20px 16px}.track-words-header h3{font-size:34px}.track-words-grid{display:block;overflow-y:auto}.lyrics-workbench,.comment-inbox{overflow:visible;padding:20px}.comment-inbox{border-top:1px solid rgba(35,39,45,.11);border-left:0}.lyrics-draft-input{min-height:300px}}@media(max-width:520px){.words-primary-actions{display:grid;grid-template-columns:1fr}.words-primary-actions button{width:100%}.words-publish-rail{align-items:flex-start}.words-publish-rail small{max-width:170px}}.studio-signin-mascot,.state-icon{display:block;width:auto;object-fit:contain}.studio-signin-mascot{height:96px;margin:0 auto -4px}.state-icon{height:72px;max-width:60vw}.first-project-art img{object-fit:contain;mix-blend-mode:normal;filter:none;max-height:420px}.loading-state{padding:24px;gap:14px}.loading-state h2{margin:0;overflow-wrap:anywhere}button,a,[role=button]{touch-action:manipulation}.primary-button:active,.secondary-button:active{transform:translateY(1px) scale(.985)}.primary-button:focus-visible,.secondary-button:focus-visible,.dock-button:focus-visible,.icon-button:focus-visible{outline:2px solid #ff6b21;outline-offset:3px}.track-title strong,.share-track strong{overflow-wrap:anywhere}@media(max-width:820px){.icon-button,.mini-icon,.share-icon,.sort-actions button,.dock-button{min-width:44px;min-height:44px}.workspace{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.command-dock{padding-bottom:env(safe-area-inset-bottom);height:calc(62px + env(safe-area-inset-bottom))}.modal-backdrop{padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}.modal{max-height:calc(100dvh - 24px);overflow-y:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.shared-room-icon{height:28px;width:auto;object-fit:contain}.shared-room-brand{min-width:0;flex-wrap:nowrap}.shared-room-header{gap:12px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.shared-room-header>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar h1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar>div:first-child{min-width:0}.project-row:focus-visible,.track-play:focus-visible,.track-title:focus-visible,.playlist-tabs button:focus-visible{outline:2px solid #ff6b21;outline-offset:-2px}.project-row:active,.playlist-tabs button:active{transform:scale(.99)}.project-row strong,.playlist-tabs button{max-width:100%}.playlist-tabs{scrollbar-width:thin;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.playlist-tabs button{scroll-snap-align:start}.notice{max-width:min(420px,calc(100vw - 24px))}.universal-player-controls button:focus-visible,.universal-player input:focus-visible{outline:2px solid #ff6b21;outline-offset:2px}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed}.primary-button[aria-busy=true]{cursor:progress}.modal input:focus-visible,.modal select:focus-visible{outline:2px solid #ff6b21;outline-offset:1px}@media(max-width:820px){.universal-player-controls button{width:36px;height:36px}.playlist-tabs button,.project-row{min-height:44px}.track-row{min-height:64px}.notice{top:calc(12px + env(safe-area-inset-top));right:12px;left:12px;max-width:none}.app-shell{padding-bottom:calc(140px + env(safe-area-inset-bottom))}}@media(max-width:420px){.shared-room-header>span{display:none}.topbar h1{font-size:19px}.modal{padding:18px}}@media(hover:none){.primary-button:hover,.secondary-button:hover{transform:none}}:root{--sd-cream: #f3eee4;--sd-beige: #ebe5d6;--sd-paper: #faf7f0;--sd-ink: #17130f;--sd-ink-2: #4a4238;--sd-ink-3: #7a7061;--sd-orange: #ff6a1f;--sd-yellow: #f3ff4a;--sd-line: rgba(23, 19, 15, .12);--sd-line-strong: rgba(23, 19, 15, .22);--sd-lift: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 1px 2px rgba(23, 19, 15, .06), 0 10px 24px -12px rgba(23, 19, 15, .18);--sd-lift-lg: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 2px 4px rgba(23, 19, 15, .06), 0 28px 60px -24px rgba(23, 19, 15, .34);--sd-ease: cubic-bezier(.2, .8, .2, 1)}html,body{background:var(--sd-cream);color:var(--sd-ink)}body{background:radial-gradient(circle at 78% 6%,rgba(255,106,31,.07),transparent 30rem),var(--sd-cream)}::selection{background:var(--sd-yellow);color:var(--sd-ink)}.app-shell{--line: var(--sd-line);--muted: var(--sd-ink-3);--soft: var(--sd-ink-2);--white: var(--sd-ink);color:var(--sd-ink)}.app-shell .command-dock{background:transparent;box-shadow:none}.app-shell .command-dock nav,.app-shell .dock-logo-button{border-color:var(--sd-line);background:#faf7f0f0}.app-shell .dock-logo-button .brand-mark{display:block;width:38px;height:38px;object-fit:contain}.app-shell .dock-button{color:var(--sd-ink-3);transition:background .16s var(--sd-ease),color .16s var(--sd-ease),transform .16s var(--sd-ease)}.app-shell .dock-button:hover:not(:disabled),.app-shell .dock-button.active{background:var(--sd-beige);color:var(--sd-ink)}.app-shell .dock-button:active{transform:scale(.94)}.app-shell .topbar{border-bottom-color:var(--sd-line)}.app-shell .topbar h1{color:var(--sd-ink);font-weight:560;letter-spacing:-.04em}.app-shell .eyebrow,.shared-listening-room .eyebrow{color:var(--sd-ink-3);letter-spacing:.16em}.app-shell .primary-button,.modal .primary-button,.account-modal .primary-button{border-color:#17130fe6;background:var(--sd-ink);color:var(--sd-cream);box-shadow:0 1px #ffffff29 inset,0 6px 14px -8px #17130f99}.app-shell .primary-button:hover:not(:disabled),.modal .primary-button:hover:not(:disabled){background:#2a231b}.app-shell .destructive-button,.modal .destructive-button{background:#a53725;border-color:#a53725;color:#fff8f0}.app-shell .destructive-button:hover:not(:disabled),.modal .destructive-button:hover:not(:disabled){background:#84291c}.app-shell .primary-button:active:not(:disabled),.modal .primary-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #ffffff1a inset}.app-shell .secondary-button,.modal .secondary-button{border-color:var(--sd-line-strong);background:var(--sd-paper);color:var(--sd-ink);box-shadow:var(--sd-lift)}.app-shell .secondary-button:hover:not(:disabled),.modal .secondary-button:hover:not(:disabled){border-color:#17130f61;background:#fff}.app-shell .icon-button,.app-shell .mini-icon,.app-shell .share-icon{color:var(--sd-ink-3)}.app-shell .icon-button:hover,.app-shell .mini-icon:hover,.app-shell .share-icon:hover{background:var(--sd-beige);color:var(--sd-ink)}.app-shell button:focus-visible,.app-shell a:focus-visible,.app-shell input:focus-visible,.app-shell select:focus-visible,.modal button:focus-visible,.modal input:focus-visible,.modal select:focus-visible,.shared-listening-room button:focus-visible,.shared-listening-room a:focus-visible{outline:2px solid var(--sd-orange);outline-offset:2px;box-shadow:0 0 0 5px #ff6a1f29}.app-shell .workspace-grid{border-color:var(--sd-line);background:#faf7f0b3}.app-shell .project-rail{border-color:var(--sd-line);background:var(--sd-paper);box-shadow:var(--sd-lift)}.app-shell .project-row{border-radius:10px;color:var(--sd-ink-2);transition:background .15s var(--sd-ease),border-color .15s var(--sd-ease),box-shadow .15s var(--sd-ease)}.app-shell .project-row:hover{background:var(--sd-cream);color:var(--sd-ink)}.app-shell .project-row.selected{border-color:var(--sd-line-strong);background:#fff;color:var(--sd-ink);box-shadow:var(--sd-lift)}.app-shell .project-row small,.app-shell .track-title small,.app-shell .file-meta small,.app-shell .player-track small{color:var(--sd-ink-3);font-size:11px}.app-shell .project-hero{border-bottom-color:var(--sd-line);background:radial-gradient(circle at 84% 44%,color-mix(in srgb,var(--project-color, #ff6a1f) 16%,transparent),transparent 34%),linear-gradient(120deg,var(--sd-paper),var(--sd-beige))}.app-shell .project-hero h2,.app-shell .first-project h2{color:var(--sd-ink)}.app-shell .project-hero-copy>p,.app-shell .first-project p,.app-shell .project-stats{color:var(--sd-ink-2)}.app-shell .first-project{background:radial-gradient(circle at 30% 45%,rgba(243,255,74,.28),transparent 34%),var(--sd-paper)}.app-shell .playlist-tabs{border-bottom-color:var(--sd-line);background:#ebe5d673}.app-shell .playlist-tabs button{color:var(--sd-ink-2);transition:background .15s var(--sd-ease),color .15s var(--sd-ease)}.app-shell .playlist-tabs button:hover,.app-shell .playlist-tabs button.active{background:#fff;color:var(--sd-ink)}.app-shell .playlist-tabs button.active{box-shadow:inset 0 -2px var(--sd-orange),var(--sd-lift)}.app-shell .track-head{border-bottom-color:var(--sd-line);color:var(--sd-ink-3)}.app-shell .track-row{border-bottom-color:#17130f12;transition:background .14s var(--sd-ease)}.app-shell .track-row:hover{background:#ffffffb3}.app-shell .track-row.playing{background:#ff6a1f12;box-shadow:inset 3px 0 var(--sd-orange)}.app-shell .track-title,.app-shell .track-title strong{color:var(--sd-ink)}.app-shell .track-play{color:var(--sd-ink-3)}.app-shell .track-row:hover .track-play,.app-shell .track-row.playing .track-play{background:var(--sd-ink);color:var(--sd-yellow)}.app-shell .file-meta{color:var(--sd-ink-3)}.app-shell .playlist-select select{border-color:var(--sd-line-strong);background:var(--sd-paper);color:var(--sd-ink-2)}.app-shell .sort-actions button{color:var(--sd-ink-3)}.app-shell .sort-actions button:hover:not(:disabled){background:var(--sd-beige);color:var(--sd-ink)}.app-shell .empty-tracks p,.app-shell .loading-state{color:var(--sd-ink-3)}.app-shell .notice{border-color:var(--sd-line-strong);background:var(--sd-ink);color:var(--sd-cream);box-shadow:var(--sd-lift-lg)}.modal-backdrop{background:#17130f75;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal,.account-modal{border-color:var(--sd-line-strong);border-radius:16px;background:var(--sd-paper);color:var(--sd-ink);box-shadow:var(--sd-lift-lg)}.modal h3{color:var(--sd-ink);font-weight:560}.modal>label,.split-fields label,.modal legend{color:var(--sd-ink-3)}.modal input:not([type=radio]):not([type=file]){border-color:var(--sd-line-strong);border-radius:9px;background:#fff;color:var(--sd-ink)}.modal input::placeholder{color:#17130f61}.account-modal .account-setting-row{border-color:var(--sd-line);border-radius:12px;background:#fff;color:var(--sd-ink);box-shadow:var(--sd-lift)}.drop-zone{border-color:var(--sd-line-strong);background:var(--sd-cream)}.drop-zone:hover{border-color:var(--sd-orange);background:#fff}.app-shell .universal-player{border-color:var(--sd-line-strong);background:linear-gradient(145deg,#ffffffeb,#f3eee4e6);box-shadow:var(--sd-lift-lg)}.universal-player-controls button{color:var(--sd-ink);transition:background .14s var(--sd-ease),transform .14s var(--sd-ease)}.universal-player-controls button:active{transform:scale(.92)}.universal-player-controls .universal-player-play{background:var(--sd-ink);color:var(--sd-cream)}.universal-player input[type=range]{accent-color:var(--sd-orange)}.shared-listening-room{--share-ink: var(--sd-ink);background:var(--sd-cream);color:var(--sd-ink)}.shared-room-header{border-bottom-color:var(--sd-line);background:#f3eee4e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.shared-tracklist{border:1px solid var(--sd-line);border-radius:16px;background:var(--sd-paper);box-shadow:var(--sd-lift)}.shared-tracklist-heading h2{color:var(--sd-ink)}.shared-track-row{border-bottom-color:#17130f12;transition:background .14s var(--sd-ease)}.shared-track-row:hover{background:#fff}.shared-track-index{color:var(--sd-ink-3)}.workspace-cnvs .cnvs-header{border-color:var(--sd-line);background:#faf7f0e6;color:var(--sd-ink);box-shadow:var(--sd-lift)}.workspace-cnvs .cnvs-add-menu{border-color:var(--sd-line-strong);border-radius:14px;background:var(--sd-paper);box-shadow:var(--sd-lift-lg)}.workspace-cnvs .cnvs-header button:hover:not(:disabled),.workspace-cnvs .cnvs-add-menu button:hover:not(:disabled){background:var(--sd-beige)}@media(max-width:820px){.app-shell.has-universal-player .topbar{padding-right:0}.app-shell.has-universal-player{padding-bottom:calc(250px + env(safe-area-inset-bottom))}.app-shell .universal-player{top:auto;right:max(10px,env(safe-area-inset-right));bottom:calc(80px + env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));width:auto;min-height:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title controls" "progress progress" "volume volume";gap:6px 10px;padding:10px 12px 12px;border-radius:18px}.app-shell .universal-player-tape{display:none}.app-shell .universal-player-title{grid-area:title;min-width:0}.app-shell .universal-player-title small,.app-shell .universal-player-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell .universal-player-controls{grid-area:controls;justify-content:flex-end;gap:2px}.app-shell .universal-player-controls button,.app-shell .universal-player-controls button:nth-child(3),.app-shell .universal-player-controls button:first-child,.app-shell .universal-player-controls button:last-child{display:grid;width:44px;height:44px}.app-shell .universal-player-progress{position:static;inset:auto;grid-area:progress;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.app-shell .universal-player-volume{grid-area:volume;display:flex;align-items:center;gap:8px}.app-shell .universal-player-volume input{flex:1;min-width:0}.app-shell .universal-player input[type=range]{height:24px}.app-shell .universal-player-progress span{font-size:9px;color:var(--sd-ink-2);font-variant-numeric:tabular-nums}.app-shell .universal-player-title strong{font-size:12px}.app-shell .universal-player-title small,.app-shell .universal-player-title span{font-size:9px}.app-shell .notice{top:calc(72px + env(safe-area-inset-top))}.app-shell .project-rail{border-radius:12px;box-shadow:none}}@media(max-width:520px){.app-shell.has-universal-player .topbar{padding-right:0}.app-shell .universal-player{grid-template-columns:minmax(0,1fr) auto}.modal,.account-modal{border-radius:14px}}.workspace-cnvs .cnvs-inspector,.workspace-cnvs .cnvs-add-menu,.workspace-cnvs .cnvs-hub-expanded,.workspace-cnvs .cnvs-search,.workspace-cnvs .cnvs-safe-remove{border-color:var(--sd-line-strong);background:var(--sd-paper);color:var(--sd-ink)}.workspace-cnvs .cnvs-toolbar button,.workspace-cnvs .cnvs-inspector button{color:var(--sd-ink-2)}.workspace-cnvs .cnvs-inspector input,.workspace-cnvs .cnvs-inspector textarea{background:#fff;color:var(--sd-ink);border-color:var(--sd-line-strong)}.shared-room-intro h1,.cnvs-breadcrumb strong,.modal-heading h3{overflow-wrap:anywhere;text-wrap:balance}.modal-backdrop,.cnvs-modal-backdrop{overscroll-behavior:contain}.modal,.cnvs-safe-remove{scrollbar-width:thin;scrollbar-color:#b4a68f transparent}.loading-state{min-height:100dvh;text-align:center}.loading-state .primary-button,.loading-state .secondary-button{color:var(--sd-cream);background:var(--sd-ink);min-height:44px;text-decoration:none}@media(pointer:coarse){.cnvs-toolbar button,.cnvs-inspector-heading button,.cnvs-hub-mini-controls button,.cnvs-hub-transport button{min-width:44px;min-height:44px}}@media(max-width:820px){.app-shell .command-dock{height:auto;padding-bottom:0;right:max(10px,env(safe-area-inset-right));left:max(10px,env(safe-area-inset-left));max-width:none;min-width:0;gap:8px}.app-shell .command-dock nav{flex:1 1 0;min-width:0;max-width:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin}.app-shell .command-dock .dock-button{flex:0 0 44px;width:44px;min-height:44px;scroll-snap-align:start}.tape-carousel-controls{gap:8px;padding-inline:8px}.tape-carousel-current{min-width:0;flex:1 1 0;max-width:calc(100% - 104px)}.tape-carousel-current strong,.tape-carousel-current small,.tape-carousel-current span{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tape-carousel-controls>button:not(.tape-carousel-current){flex:0 0 44px;width:44px;height:44px}.modal input:not([type=radio]):not([type=file]),.modal textarea,.cnvs-inspector input,.cnvs-inspector textarea{font-size:16px}.workspace-cnvs .cnvs-header{max-width:calc(100vw - 24px)}}@media(max-height:540px)and (max-width:820px){.app-shell .universal-player{padding-block:5px;gap:2px 8px}.app-shell.has-universal-player{padding-bottom:calc(220px + env(safe-area-inset-bottom))}}