:root{--bg:#070708;--panel:#101013;--panel2:#151519;--line:#29292f;--text:#f5f4f7;--muted:#8d8d98;--pink:#ff087f;--violet:#9137f2;--cyan:#19d9ff;--radius:14px}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{color:inherit}.preloader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:radial-gradient(circle,#21123b,#070708 55%);transition:.45s}.preloader img{width:74px;filter:drop-shadow(0 0 30px #7131e4);animation:breathe 1.2s ease-in-out infinite}.preloader.done{opacity:0;visibility:hidden}.studio{height:100%;min-width:980px}.topbar{height:72px;display:grid;grid-template-columns:250px 1fr auto auto;align-items:center;gap:22px;padding:0 18px;border-bottom:1px solid var(--line);background:#09090b}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand img{width:44px;height:44px}.brand span{display:grid;grid-template-columns:auto auto;align-items:end;gap:8px}.brand b{font-size:14px;line-height:.92}.brand small{font-size:11px;color:var(--muted)}.studio-title{text-align:center;font-weight:800;letter-spacing:.08em}.studio-title span{margin-left:8px;color:var(--pink);font-size:10px}.save-state{font-size:11px;color:#686871}.top-actions{display:flex;gap:8px}.button{border:1px solid var(--line);border-radius:9px;background:#101014;padding:11px 15px;font-weight:680;cursor:pointer}.button:hover{border-color:#50505a}.button.primary,.primary{border:0;background:linear-gradient(110deg,var(--pink),var(--violet));color:#fff}.button.small{padding:9px 12px;font-size:12px}.workspace{height:calc(100% - 72px);display:grid;grid-template-columns:286px minmax(430px,1fr) 325px;grid-template-rows:minmax(520px,1fr) 245px;gap:10px;padding:10px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.media-panel,.inspector{min-height:0}.panel-head,.audio-head,.timeline-head{display:flex;justify-content:space-between;align-items:center}.panel-head{padding:14px 14px 12px}.panel h2{margin:0 0 3px;font-size:14px}.panel-head span,.audio-head span,.timeline-head span{color:var(--muted);font-size:10px}.dropzone{width:calc(100% - 24px);height:170px;margin:0 12px 10px;border:1px dashed #6d4864;border-radius:12px;background:radial-gradient(circle at 60% 25%,rgba(255,8,127,.13),transparent 65%),#151116;color:var(--text);display:grid;place-content:center;text-align:center;cursor:pointer}.dropzone span{color:var(--muted);font-size:11px;margin-top:6px}.dropzone.drag,.audio-drop.drag{border-color:var(--cyan);background-color:#102027}.media-grid{height:calc(100% - 350px);min-height:92px;padding:0 12px;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:82px;gap:7px;overflow:auto}.media-thumb{position:relative;border:1px solid #303039;border-radius:8px;background:#18181d;overflow:hidden;cursor:pointer}.media-thumb img{width:100%;height:100%;object-fit:cover}.media-thumb span{position:absolute;right:4px;top:4px;background:#15151ae0;border-radius:5px;padding:2px 5px;font-size:10px}.audio-zone{border-top:1px solid var(--line);padding:13px 12px}.audio-head{margin-bottom:10px}.audio-drop{width:100%;height:67px;border:1px dashed #744161;border-radius:10px;background:#181218;color:#daa9c8;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.audio-drop span{font-size:11px;font-weight:800;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-controls{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;margin-top:8px}.audio-controls button{height:30px;border:1px solid var(--line);border-radius:7px;background:#17171b}.audio-controls input{accent-color:var(--pink);min-width:0}.preview-panel{display:grid;grid-template-rows:48px minmax(0,1fr) 58px}.preview-tools{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line)}.ratios{display:flex;gap:6px}.ratios button,.icon-button{height:32px;border:1px solid var(--line);border-radius:7px;background:#0d0d10;padding:0 10px;cursor:pointer}.ratios button.active{border-color:var(--pink);box-shadow:inset 0 0 0 1px #ff087f55}.stage-wrap{position:relative;display:grid;place-items:center;min-height:0;background:radial-gradient(circle,#17171c,#0b0b0e 68%);overflow:hidden}.stage-wrap canvas{display:block;max-width:92%;max-height:94%;width:auto;height:auto;background:#050506;box-shadow:0 20px 50px #000;object-fit:contain}.empty-stage{position:absolute;display:grid;place-items:center;text-align:center;gap:8px;color:var(--muted)}.empty-stage img{width:58px;opacity:.65}.empty-stage b{color:#d7d7dd}.empty-stage span{font-size:11px}.transport{display:flex;align-items:center;justify-content:center;gap:14px;border-top:1px solid var(--line)}.transport button{border:0;background:none;cursor:pointer}.transport .play{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--violet));font-size:16px}.transport span{font-size:11px;color:var(--muted)}.transport span b{color:#ddd}.tabs{height:48px;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.tabs button{border:0;background:none;color:var(--muted);font-size:12px}.tabs button.active{color:#fff;border-bottom:2px solid var(--pink)}.inspector form{padding:16px;height:calc(100% - 48px);overflow:auto}.inspector-empty{padding:28px;color:var(--muted);font-size:12px;line-height:1.6}.clip-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.clip-title button{border:1px solid var(--line);border-radius:7px;background:#111115;padding:6px 9px}.inspector label{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:14px 0;font-size:12px}.inspector label input[type=range]{grid-column:1/3;width:100%;accent-color:var(--pink)}.inspector output{color:#fff}.inspector fieldset{border:0;border-top:1px solid var(--line);padding:18px 0 2px;margin-top:20px}.inspector legend{padding-top:18px;font-size:12px;font-weight:750}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.choice-row button{border:1px solid var(--line);border-radius:7px;background:#111115;padding:9px 4px;font-size:10px}.choice-row button.active{border-color:var(--pink);color:#fff}.inspector select{grid-column:1/3;background:#111115;color:#fff;border:1px solid var(--line);border-radius:8px;padding:10px}.timeline-panel{grid-column:1/4;position:relative}.timeline-head{height:65px;padding:0 16px;border-bottom:1px solid var(--line)}.timeline-head>div:last-child{display:flex;gap:8px}.timeline{height:145px;padding:12px 16px;display:flex;gap:10px;overflow-x:auto;align-items:stretch}.timeline-empty{width:100%;display:grid;place-items:center;border:1px dashed #33333a;border-radius:10px;color:var(--muted);font-size:12px}.clip-card{position:relative;flex:0 0 190px;border:1px solid #36363e;border-radius:10px;background:#151519;overflow:hidden;cursor:pointer;text-align:left;padding:0}.clip-card.active{border-color:var(--pink);box-shadow:0 0 0 1px #ff087f55}.clip-card img{width:100%;height:92px;object-fit:cover;display:block}.clip-card strong{position:absolute;left:6px;top:6px;background:#101014dc;border-radius:5px;padding:3px 6px;font-size:10px}.clip-card footer{height:38px;display:flex;justify-content:space-between;align-items:center;padding:0 8px;color:var(--muted);font-size:10px}.clip-card footer span:first-child{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transition-chip{flex:0 0 58px;align-self:center;text-align:center;border:1px dashed #833c68;border-radius:8px;padding:13px 4px;color:#dca8ca;font-size:9px}.playhead-track{position:absolute;left:16px;right:16px;bottom:6px;height:3px;background:#26262c;border-radius:2px}.playhead-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--pink),var(--violet),var(--cyan));border-radius:2px}.gate{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 28%,#281641,#0a090d 55%,#050506)}.gate-card{width:min(520px,100%);padding:38px;border:1px solid #2c2c34;border-radius:20px;background:#0e0e12;box-shadow:0 50px 140px #000;text-align:center}.gate-card>img{border-radius:16px;filter:drop-shadow(0 0 20px #7937db)}.eyebrow{margin:20px 0 10px;color:#8f8f9a;font-size:9px;letter-spacing:.18em;font-weight:800}.gate h1{font-size:40px;line-height:1.02;letter-spacing:-.05em;margin:8px 0 16px}.gate-copy{color:var(--muted);font-size:13px;line-height:1.65}.gate-form{display:grid;gap:12px;margin-top:24px}.gate-form label,.dialog-card>label{display:grid;gap:7px;text-align:left;font-size:11px;color:#aaa}.gate-form input,.dialog-card input{border:1px solid #33333b;border-radius:9px;background:#17171b;color:#fff;padding:14px;outline:none}.gate-form input:focus,.dialog-card input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #9137f222}.gate-form .primary{border:0;border-radius:9px;padding:14px;font-weight:800}.trap{position:absolute!important;left:-9999px!important}.back-link{display:inline-block;margin-top:22px;color:#777782;font-size:11px;text-decoration:none}.form-message{min-height:18px;color:#b6b6c0;font-size:11px;line-height:1.5}.form-message.error{color:#ff6d9f}.form-message.success{color:#50e6bd}.local-mode{position:fixed;z-index:100;right:10px;bottom:10px;padding:8px 11px;border:1px solid #72501d;border-radius:8px;background:#241a0c;color:#ffc86a;font-size:10px}.toast{position:fixed;z-index:3000;right:20px;bottom:20px;max-width:360px;padding:12px 16px;border:1px solid #3a3a43;border-radius:10px;background:#15151a;box-shadow:0 16px 50px #000;font-size:12px;opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}dialog{border:0;padding:0;background:transparent;color:#fff}dialog::backdrop{background:#030305c7;backdrop-filter:blur(10px)}.dialog-card{width:min(520px,calc(100vw - 30px));padding:26px;border:1px solid #33333a;border-radius:16px;background:#121216;box-shadow:0 30px 100px #000}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog-head h2{margin:0 0 18px;font-size:27px}.dialog-head .eyebrow{margin:0 0 6px}.dialog-head button{border:1px solid var(--line);border-radius:7px;background:#17171b;font-size:20px}.dialog-note{color:var(--muted);font-size:11px;line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.progress{height:5px;border-radius:4px;background:#27272d;overflow:hidden;margin-top:18px}.progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--pink),var(--violet),var(--cyan));transition:width .12s}@keyframes breathe{50%{transform:scale(1.06);filter:drop-shadow(0 0 38px #bd28a8)}}@media(max-width:1150px){.workspace{grid-template-columns:240px minmax(400px,1fr) 285px}.topbar{grid-template-columns:190px 1fr auto}.save-state{display:none}.media-grid{grid-auto-rows:68px}.clip-card{flex-basis:160px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}