@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0b101d;--panel:#131b2c;--line:#27324a;--text:#e0e9fb;--muted:#8294b3;--cyan:#69d6f4;--blue:#819bff;--sidebar:218px}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font:12px 'Be Vietnam Pro',system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}a{color:var(--cyan);text-decoration:none}p{line-height:1.85}input,textarea,select{color:var(--text);background:#0e1626;border:1px solid #34415e;border-radius:7px;padding:10px;min-width:0}input::placeholder,textarea::placeholder{color:#627594}input[type=checkbox],input[type=range]{accent-color:var(--blue)}input[type=range]{padding:0;min-width:30px}textarea{resize:vertical;line-height:1.85;width:100%}select{font-size:10px;padding:8px}h1,h2,h3,p{margin-top:0}h2{font-size:12px;margin:0;font-weight:500}h3{font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);background:#101727;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:26px 16px 0;z-index:20}.brand{display:flex;align-items:center;color:white;gap:10px;margin:0 3px 27px}.brand-mark{display:grid;place-items:center;background:linear-gradient(140deg,#6acbfa,#8d6ae9);height:37px;width:37px;border-radius:12px;font-size:16px;box-shadow:0 5px 20px #7379ff22;flex-shrink:0}.brand-text{font-size:16px;font-weight:700;letter-spacing:-.5px;white-space:nowrap}.brand-text small{display:block;font-size:7px;letter-spacing:2px;color:#98acce;font-weight:500;margin-top:6px}.primary{color:white!important;background:linear-gradient(110deg,#618af0,#9267e4)!important;border:1px solid #94adff44!important;box-shadow:0 4px 15px #6867e51c}.primary:hover{filter:brightness(1.1)}.new-project{display:flex;gap:12px;align-items:center;justify-content:center;min-height:41px;border-radius:8px;font-size:11px;font-weight:600}.new-project>span:first-child{font-size:20px}.nav-label{font-size:8px;letter-spacing:1.3px;color:#5f7396;margin:28px 9px 11px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav button{display:flex;align-items:center;gap:12px;padding:11px 12px;background:transparent;border-radius:7px;color:#97a8c7;text-align:left;white-space:nowrap}.sidebar nav button>span{width:18px;font-size:17px;text-align:center;line-height:1}.sidebar nav b{font-size:10px;font-weight:400}.sidebar nav .active{background:linear-gradient(90deg,#768bff22,#8091ff0a);color:#b9caff;box-shadow:inset 2px 0 #8ca4ff}.sidebar nav button:hover{background:#202b44}.sidebar nav small,.sidebar nav em{margin-left:auto;font-size:8px;background:#273650;padding:2px 6px;border-radius:4px;font-style:normal}.nav-divider{height:1px;background:#283650;margin:12px}.sidebar-bottom{margin-top:auto;padding-top:25px}.workspace-card{background:linear-gradient(135deg,#1e2b46,#20203b);border:1px solid #354462;border-radius:10px;padding:16px 13px}.workspace-orb{display:grid;place-items:center;width:26px;height:26px;background:#8e85ff20;border-radius:8px;color:#b8a6ff;font-size:17px;margin-bottom:12px}.workspace-card strong{font-size:9px;font-weight:500;display:block}.workspace-card p{font-size:9px;color:var(--muted);margin:7px 0 13px}.plan-label{font-size:7px;letter-spacing:1px;color:#9aafd2}.nav-bottom{width:100%;display:flex;align-items:center;gap:12px;background:none;color:#9daed0;padding:21px 8px;text-align:left;font-size:10px}.nav-bottom>span:first-child{border:1px solid #607293;border-radius:50%;width:15px;height:15px;display:grid;place-items:center}.profile{border-top:1px solid var(--line);padding:18px 2px;background:none;display:flex;align-items:center;gap:9px;width:100%;text-align:left}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#527d9c,#57528e);display:grid;place-items:center;flex-shrink:0;font-size:10px;color:#d9e2f9;border:2px solid #8588aa44}.profile strong{font-size:9px;font-weight:500;display:block;max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile small{font-size:8px;color:var(--muted);display:block;margin-top:5px}.profile>span:last-child{margin-left:auto;color:var(--muted)}.collapse{position:absolute;top:80px;right:-11px;height:22px;width:22px;border:1px solid #394b70;border-radius:6px;background:#1d2a43;color:#afc0e1}.main-shell{width:calc(100% - var(--sidebar));margin-left:var(--sidebar);min-width:0;display:flex;flex-direction:column}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);gap:10px}.breadcrumb{font-size:10px;color:#8599bb}.breadcrumb span{margin:0 12px;color:#4e668c}.breadcrumb strong{color:#bdceeb;font-weight:500}.topbar-right{display:flex;align-items:center;gap:17px}.status-dot{font-size:9px;color:#839fbe;display:flex;align-items:center;gap:7px}.status-dot:before,.live-dot{content:'';width:5px;height:5px;display:inline-block;background:#6bdfbb;border-radius:50%}.small-avatar{width:28px;height:28px;font-size:8px}.icon-button{background:none;color:#96add2;width:28px;height:28px;border-radius:5px;display:inline-grid;place-items:center;font-size:16px;padding:0}.icon-button:hover{background:#293956;color:white}#mobile-menu{display:none}main{padding:25px 28px 0;max-width:1900px;width:100%;margin:0 auto}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.eyebrow{font-size:7px;letter-spacing:1.8px;color:#6d87ad;display:block;margin-bottom:9px}.project-name-row{display:flex;align-items:center;gap:10px}.project-name-row input{font-size:23px;font-weight:600;letter-spacing:-.7px;background:none;border:1px solid transparent;padding:0;max-width:365px;width:100%}.project-name-row input:focus{background:#17233a;border-color:#456291}.project-chip{font-size:6px;letter-spacing:1px;color:#91a8cd;background:#1b2942;border:1px solid #2f4262;border-radius:4px;padding:5px 6px;white-space:nowrap}.project-heading>p{font-size:10px;color:var(--muted);margin:8px 0 0}.heading-actions{display:flex;gap:9px;align-items:center;flex-shrink:0}.save-state{font-size:8px;color:#7e9abc;margin-right:5px}.button{background:#1c2a43;border:1px solid #364a6c;border-radius:7px;padding:10px 14px;color:#c1d2f0;font-size:10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;min-height:35px}.button:hover{background:#2b3e5d}.button.small{padding:6px 9px;font-size:9px;min-height:28px}.button.wide{width:100%}.button.cyan{background:#1b424c;color:#83eced;border-color:#357079}.button.danger{color:#ff99b0;background:#332232;border-color:#754050}.workflow{display:grid;grid-template-columns:repeat(5,1fr);background:#131c2e;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:22px}.workflow button{display:flex;align-items:center;gap:10px;background:none;padding:15px 12px;text-align:left;color:#8399ba;min-width:0}.workflow button>span{width:25px;height:25px;display:grid;place-items:center;flex-shrink:0;background:#212f49;border:1px solid #364b6c;border-radius:50%;font-size:10px}.workflow button>div{font-size:9px;white-space:nowrap;font-weight:500}.workflow small{display:block;font-size:7px;font-weight:400;color:#627d9f;margin-top:5px}.workflow b{margin-left:auto;font-size:20px;font-weight:400;color:#394e74}.workflow .active{background:linear-gradient(90deg,#6c82f322,transparent);color:#bfd0ff}.workflow .active>span{background:#6c89e3;border-color:#98b5ff;color:white;box-shadow:0 0 12px #7c88f535}.workflow .done>span{background:#183e3d;color:#6dddc1;border-color:#2c5f58}.panel{border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden}.panel-heading{height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);gap:8px}.panel-heading h2{font-size:10px;font-weight:500;display:flex;align-items:center;gap:8px}.studio-grid{display:grid;grid-template-columns:270px minmax(280px,1fr) 222px;gap:15px;align-items:stretch}.source-panel,.inspector-panel{min-height:400px}.preview-panel{display:flex;flex-direction:column;min-width:0}.preview-options{display:flex;gap:10px;align-items:center;font-size:8px;color:#7c96bb}.preview-options select{padding:5px 7px;background:#20314c;border-color:#395377;font-size:8px}.preview-stage{min-height:320px;flex:1;padding:25px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#1e2e4b,#0d1526 70%);overflow:hidden}.canvas{aspect-ratio:16/9;width:100%;max-height:360px;background:#090f1e;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 15px 45px #0005;border:1px solid #33496c;border-radius:5px}.canvas.portrait{width:auto;height:320px;aspect-ratio:9/16}.canvas.square{aspect-ratio:1;width:auto;height:320px}.canvas video,.canvas>img{height:100%;width:100%;object-fit:contain;background:#050a15}.canvas.full-cover video,.canvas.full-cover>img{object-fit:cover}.canvas-badge{position:absolute;top:9px;left:10px;padding:4px 6px;border-radius:3px;background:#090f20b0;color:#9cafd1;font-size:7px;pointer-events:none}.empty-canvas{text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px;padding:20px}.empty-canvas svg{width:100px;height:85px;margin-bottom:4px;opacity:.8}.empty-canvas strong{font-size:10px;font-weight:500}.empty-canvas>span{font-size:8px;color:#6b83a9}.empty-canvas .button{font-size:8px;padding:7px 10px;min-height:27px;margin-top:5px}.player-controls{height:49px;padding:0 17px;display:flex;align-items:center;gap:12px;background:#111c2e;border-top:1px solid #293c5a}.player-controls>span{font-size:9px;white-space:nowrap;font-variant-numeric:tabular-nums}.player-controls i{font-style:normal;color:#6f819f}.player-controls input{height:3px;width:100%}.preview-footnote{display:flex;justify-content:space-between;gap:5px;padding:11px 15px;font-size:7px;color:#627fa3;background:#101929}.preview-footnote>span:first-child{color:#7c9cc7}.muted{color:var(--muted)}.field{display:block;margin:0 0 13px;font-size:9px;color:#a0b3d3}.field>span{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;gap:5px}.field input:not([type=checkbox]):not([type=range]),.field select,.field textarea{width:100%;font-size:10px}.field input[type=color]{height:34px;padding:4px;cursor:pointer}.field input[type=range]{width:100%;height:3px}.form-row{display:flex;gap:10px}.form-row>.field{flex:1;min-width:0}.check{display:flex;align-items:center;gap:7px;font-size:9px;color:#9db5d7;margin:13px 0;line-height:1.6}.check input{margin:0}.work-content{padding:16px}.upload-zone{border:1px dashed #415c85;border-radius:8px;background:linear-gradient(140deg,#233c5b50,#26355d18);text-align:center;padding:20px 10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px}.upload-zone.dragging{border-color:var(--cyan);background:#1f3e5050}.upload-orb{font-size:20px;color:#a9c7ff;background:#7298ff18;border:1px solid #7196ef38;border-radius:9px;height:35px;width:35px;display:grid;place-items:center;margin-bottom:4px}.upload-zone strong{font-size:10px;font-weight:500}.upload-zone>span:not(.upload-orb){font-size:8px;color:#7e9ac1}.upload-zone small{font-size:7px;color:#617fa7;margin-top:4px}.asset-tabs{display:flex;gap:5px;padding:15px 0 12px}.asset-tabs button{font-size:8px;background:none;padding:6px 9px;border-radius:5px;color:#829fc8}.asset-tabs button.active{background:#2a3e60;color:#becdff}.assets-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-height:330px;overflow-y:auto}.asset-card{position:relative;background:#192b45;border:1px solid #2e4368;border-radius:6px;overflow:hidden}.asset-thumb{height:68px;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1b2b48,#292849);cursor:pointer;color:#9bb6ed;font-size:24px}.asset-thumb img{width:100%;height:100%;object-fit:cover}.asset-thumb small{position:absolute;bottom:4px;right:4px;font-size:7px;padding:2px 4px;background:#050b19b0;color:#d5e1f9}.asset-card p{font-size:8px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:7px 7px 0;margin:0}.asset-info{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 7px;gap:2px;font-size:6px;color:#7395c1}.asset-info button{background:#314264;color:#b7caff;border-radius:3px;font-size:12px;width:19px;height:19px;line-height:1;padding:0}.asset-remove{position:absolute;top:3px;right:3px;background:#0c1427bd;border-radius:4px;width:18px;height:18px;font-size:11px;color:#d0dcf7;z-index:2}.empty-assets{grid-column:1/-1;text-align:center;color:#627fa8;font-size:9px;padding:24px 4px;line-height:1.9}.panel-note{font-size:8px;color:#6b86ad;line-height:1.9;margin:13px 0 0}.source-stats{display:flex;justify-content:space-between;color:#8ca3c9;font-size:8px;padding:0 0 10px}.hint-card{border:1px solid #3b5277;border-radius:8px;background:#1b294155;padding:12px;font-size:9px;line-height:1.9;color:#9bb0d2;margin:0 0 14px}.hint-card.purple{background:#30264455;border-color:#53456f;color:#bca9d9}.hint-card strong{color:#c5d4f0;display:block;font-weight:500;margin-bottom:5px}.provider-badge{display:inline-flex;gap:5px;align-items:center;font-size:7px;padding:4px 6px;border-radius:4px;background:#2f2a44;color:#b4a2d4}.provider-badge.connected{background:#163a32;color:#76d7b8}.script-area{min-height:220px;font-size:10px!important}.script-meta{display:flex;justify-content:space-between;color:#6b8db6;font-size:7px;margin:5px 0 12px}.section-label{font-size:8px;letter-spacing:1px;color:#7c9bc5;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;margin:18px 0 11px}.preset-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset-option{padding:12px 9px;background:#192b46;border:1px solid #344d73;border-radius:6px;color:#acbbd4;text-align:left;min-height:80px}.preset-option.active{border-color:#899cfa;background:#303653}.preset-option>i{display:block;width:18px;height:3px;background:var(--preset);margin-bottom:10px}.preset-option strong{font-size:8px;font-weight:500;display:block;line-height:1.7}.preset-option small{font-size:6px;color:#819ac3;display:block;margin-top:5px}.ratio-buttons{display:flex;gap:8px}.ratio-buttons button{flex:1;background:#192943;border:1px solid #3c5378;color:#a0b2d0;border-radius:6px;padding:11px 5px;font-size:9px}.ratio-buttons button.active{background:#2b3455;border-color:#8798ed;color:#d5dfff}.ratio-buttons small{display:block;font-size:7px;margin-top:7px;color:#7990b5}.inspector-content{padding:15px}.inspector-empty{padding:22px 14px;text-align:center;font-size:9px;color:#7694bc;line-height:1.9}.inspector-empty>span{font-size:32px;display:block;margin-bottom:14px;color:#4b6d9f}.inspector-empty strong{display:block;color:#9bb1d3;font-size:10px;font-weight:500;margin-bottom:7px}.text-presets{display:grid;grid-template-columns:1fr 1fr;gap:7px}.text-presets button{min-height:57px;border:1px solid #3d557c;border-radius:6px;background:#1b2c48;padding:8px;font-size:8px;text-align:left;color:#adbfdf}.text-presets button>span{display:block;color:#7d9de1;font-size:16px;margin-bottom:6px}.inspector-subtitle{font-size:8px;color:#718fb9;line-height:1.8;margin-bottom:13px}.selection-label{font-size:8px;color:#9fb5da;border-bottom:1px solid #344a6c;padding-bottom:12px;margin-bottom:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-panel{margin-top:17px}.timeline-toolbar{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:8px}.timeline-toolbar h2{font-size:11px;display:flex;gap:10px;align-items:center}.timeline-toolbar h2 span{font-size:8px;color:#8ba4c9;font-weight:400;background:#243653;padding:4px 6px;border-radius:4px}.timeline-tools{display:flex;align-items:center;gap:7px}.tool-divider{height:17px;width:1px;background:#33405a;margin:0 4px}.zoom-control{display:flex;align-items:center;gap:6px;font-size:10px;color:#8294b3;margin-left:9px}.zoom-control input{width:62px;height:3px}.timeline{overflow-x:auto;padding-bottom:7px;background:#0f1829;position:relative;max-height:340px}.timeline-table{min-width:100%;position:relative}.timeline-ruler,.timeline-row{display:flex;min-width:100%}.track-name{position:sticky;left:0;width:150px;flex-shrink:0;background:#152139;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-right:1px solid #344b6c;border-bottom:1px solid #2c3d59;color:#87a2cc;font-size:8px;gap:6px}.track-name span{display:flex;align-items:center;gap:8px}.track-name button{background:none;color:#7d9bc9;font-size:15px;padding:5px}.ruler-label{height:31px;color:#6e8cb7;font-size:7px;background:#111e32}.track-lane{height:37px;position:relative;border-bottom:1px solid #283a55;flex-shrink:0;background:repeating-linear-gradient(to right,transparent 0px,transparent 89px,#30426244 90px)}.timeline-row.visual .track-lane{height:53px;background-color:#142238}.ruler-lane{height:31px;position:relative;flex-shrink:0}.ruler-lane button{position:absolute;top:0;height:31px;font-size:7px;background:transparent;color:#7e9cc5;padding:6px 0;transform:translateX(-50%);font-variant-numeric:tabular-nums}.timeline-block{position:absolute;top:5px;bottom:5px;border:1px solid var(--track-color,#7097dc);border-radius:4px;background:color-mix(in srgb,var(--track-color,#7097dc) 22%,#141b2c);color:#d6e3f8;display:flex;align-items:center;gap:7px;text-align:left;padding:3px 7px;overflow:hidden;user-select:none;min-width:5px;font-size:7px;cursor:grab}.timeline-block.selected{box-shadow:0 0 0 2px #ccdaff,inset 0 0 0 1px #1c3155;z-index:1}.timeline-block img{height:100%;width:36px;border-radius:2px;object-fit:cover;flex-shrink:0}.timeline-block>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-block small{display:block;font-size:6px;color:#b1c5e7;opacity:.7;margin-top:4px}.timeline-placeholder{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:7px;color:#52749f;pointer-events:none}.playhead{position:absolute;top:0;bottom:0;width:1px;background:#c0a3ff;z-index:2;pointer-events:none}.playhead:before{content:'';position:absolute;top:1px;left:-4px;border-top:8px solid #c0a3ff;border-left:4px solid transparent;border-right:4px solid transparent}.timeline-footer{display:flex;justify-content:space-between;gap:10px;padding:10px 16px;color:#6484ad;font-size:7px;border-top:1px solid #2c405c}.editor-bottom{display:flex;justify-content:space-between;gap:10px;color:#6685b0;font-size:8px;padding:17px 1px}.app-footer{margin-top:auto;display:flex;justify-content:space-between;gap:10px;padding:17px 28px;border-top:1px solid #243854;color:#607d9f;font-size:7px}.app-footer b{font-weight:400;color:#829ec5}#text-layers{position:absolute;inset:0;pointer-events:none}.preview-text{position:absolute;left:5%;right:5%;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;padding:3px 5px;width:fit-content;max-width:90%;margin:auto;transform:translateY(-50%)}.preview-text.top{top:10%;transform:none}.preview-text.bottom{bottom:10%;transform:none}.preview-text.center{top:50%}.banner{border:1px solid #586289;background:#252d46;color:#cbd7ee;padding:12px;border-radius:8px;font-size:10px;margin-bottom:18px}.banner.error{background:#372632;border-color:#724557;color:#f2bdc8}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:10px 0 25px}.page-heading h1{font-size:26px;letter-spacing:-.7px;margin:0 0 9px}.page-heading p{font-size:11px;color:#8a9bb7;margin:0}.project-grid,.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:17px}.project-card,.template-card{border:1px solid #344c6f;border-radius:10px;background:#16243b;overflow:hidden}.project-card-art,.template-art{height:145px;background:radial-gradient(ellipse at 75% 10%,var(--preset,#7189dd) -150%,#182a46 60%);padding:22px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid #304b70;cursor:pointer;position:relative}.project-card-art>span,.template-art>span{font-size:8px;letter-spacing:1.5px;color:var(--preset,#8fa9df)}.project-card-art strong{font-size:19px;line-height:1.4;font-weight:500;max-width:200px}.project-card-info,.template-card>div:last-child{padding:15px}.project-card-info h3{margin:0 0 7px;font-size:12px}.project-card-info p,.template-card p{font-size:9px;color:#8ba4c9;margin-bottom:16px}.project-card-actions,.inline-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.inline-actions{justify-content:flex-start;flex-wrap:wrap}.empty-page{padding:70px 20px;text-align:center;border:1px dashed #3b567c;border-radius:12px;background:#14243c}.empty-page>span{font-size:40px;color:#758bd0;display:block;margin-bottom:22px}.empty-page h3{font-size:17px;font-weight:500}.empty-page p{font-size:11px;color:#8fa7cc;max-width:400px;margin:0 auto 22px}.template-art:after{content:'';position:absolute;right:20px;top:20px;width:78px;height:110px;border:1px solid var(--preset);opacity:.2;transform:skewY(-12deg)}.template-art>strong{font-size:23px;font-weight:500;width:180px;line-height:1.5;z-index:1}.template-card p{min-height:32px}.render-card{padding:20px;border:1px solid #3d5277;background:#18263d;border-radius:9px;margin:13px 0}.render-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.render-card h3{font-size:12px;margin:0}.render-card p{font-size:9px;color:#8ea8cf;margin:10px 0}.job-progress{height:5px;width:100%;accent-color:#8799ff;margin:5px 0 14px}.job-chip{font-size:8px;padding:5px 8px;border-radius:5px;background:#283a59;color:#b4ccf4}.job-chip.done{background:#193f36;color:#7fe1bc}.job-chip.error{background:#452939;color:#f2a1b6}.page-tools{display:flex;gap:10px;margin-bottom:20px}.page-tools input{flex:1;max-width:350px;font-size:11px}.mobile-track-list{display:none}.danger{color:#ff8fa8}dialog{background:#152239;color:var(--text);border:1px solid #435f87;border-radius:13px;padding:0;width:min(93vw,620px);max-height:90vh;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#030712b5;backdrop-filter:blur(5px)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #354d70;gap:10px}.modal-header h2{font-size:17px}.modal-body{padding:24px;overflow-y:auto;max-height:70vh}.modal-body .field{font-size:11px}.modal-body .field input,.modal-body .field textarea,.modal-body .field select{font-size:12px;padding:11px}.modal-body p{font-size:11px;color:#9ab1d4;line-height:1.9}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:17px}.modal-tabs{display:flex;gap:8px;margin-bottom:20px}.modal-tabs button{background:#1c2941;color:#91a8cf;border:1px solid #324967;padding:10px 17px;border-radius:6px;font-size:11px}.modal-tabs button.active{color:#d2ddff;background:#394872;border-color:#889be1}.guide-list{padding-left:20px;font-size:11px;color:#b1c3df;line-height:2.3}.modal-body video,.modal-body audio{width:100%;max-height:60vh;border-radius:7px;background:#050916}.modal-body img{max-width:100%;max-height:55vh;display:block;margin:auto}.modal-footnote{font-size:9px!important;color:#809bc2!important;margin:15px 0 0}.export-section{margin-bottom:22px}.export-section h3{font-size:11px}.export-section .ratio-buttons button{padding:16px 5px}.export-summary{display:flex;justify-content:space-between;border-top:1px solid #30415b;padding-top:15px;color:#8fa6c9;font-size:10px;gap:10px}.upload-status{position:fixed;bottom:25px;right:25px;width:330px;max-width:90vw;background:#1b2942;border:1px solid #637aa5;border-radius:10px;padding:16px;box-shadow:0 15px 50px #0008;z-index:80}.upload-status>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.upload-status strong{font-size:10px;overflow-wrap:anywhere}.upload-status button{background:none;color:#aac1e8;font-size:19px}.upload-status progress{width:100%;height:5px;accent-color:var(--cyan);margin:14px 0 9px}.upload-status>span{font-size:8px;color:#9bb2d5}#notifications{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;display:grid;gap:7px;max-width:90vw}.notification{padding:12px 18px;border:1px solid #62759e;background:#253550;color:#dfebff;border-radius:8px;font-size:11px;box-shadow:0 10px 40px #0006;line-height:1.8}.notification.error{border-color:#8a4d65;background:#3c2939;color:#ffd2df}.space-top{margin-top:15px}.readout{font-size:8px;color:#8f9fb9}.collapsed{--sidebar:72px}.collapsed .sidebar{padding-left:11px;padding-right:11px}.collapsed .brand-text,.collapsed .new-project>span:last-child,.collapsed .nav-label,.collapsed .sidebar nav b,.collapsed .sidebar nav small,.collapsed .sidebar nav em,.collapsed .workspace-card,.collapsed .nav-bottom>span:last-child,.collapsed .profile>span:not(:first-child){display:none}.collapsed .new-project{margin-bottom:20px}.collapsed .sidebar nav button,.collapsed .nav-bottom,.collapsed .profile{justify-content:center}.collapsed .collapse{transform:rotate(180deg)}.archived-projects{margin-top:30px;border-top:1px solid #2a3b56;padding-top:20px}.archived-projects h2{font-size:13px;margin-bottom:16px}.archive-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #23334b;color:#90a7c9;font-size:11px}.subtle-button{background:none;color:#96a7ce;font-size:9px;padding:6px;border-radius:4px}.subtle-button:hover{background:#273952}.inspector-audio{width:100%;height:30px;margin:0 0 12px}.tiny-tag{font-size:7px;padding:3px 5px;background:#2b3451;border-radius:3px;color:#a9c3ef}.caption-list{max-height:210px;overflow-y:auto;margin-top:14px}.caption-list button{display:block;width:100%;padding:8px;border:1px solid #344262;border-radius:5px;background:#1d2840;color:#a8bddf;font-size:8px;margin:5px 0;text-align:left}.caption-list small{display:block;color:#6e8bab;font-size:7px;margin-bottom:4px}[hidden]{display:none!important}
@media(min-width:1700px){.studio-grid{grid-template-columns:310px minmax(400px,1fr) 260px}.preview-stage{min-height:410px}.canvas{max-height:420px}.canvas.portrait,.canvas.square{height:380px}.work-content{padding:20px}.assets-list{max-height:400px}.asset-thumb{height:90px}.workflow button{padding:18px}.workflow button>div{font-size:10px}}
@media(max-width:1250px){:root{--sidebar:190px}.sidebar{padding-left:12px;padding-right:12px}.brand-text{font-size:14px}.brand-text small{font-size:6px}.sidebar nav button{padding:10px 9px;gap:9px}.sidebar nav b{font-size:9px}.studio-grid{grid-template-columns:235px minmax(250px,1fr)}.inspector-panel{grid-column:1/-1;min-height:unset}.inspector-panel .panel-heading{height:40px}.inspector-content{display:flex;gap:15px;flex-wrap:wrap;align-items:start}.inspector-content>.field{width:150px;margin-bottom:5px}.inspector-content>.form-row{width:230px}.inspector-content .selection-label{width:100%;margin:0}.inspector-content .text-presets{display:flex;flex-wrap:wrap;gap:8px}.inspector-content .text-presets button{min-width:110px}.inspector-empty{padding:15px;display:flex;gap:15px;align-items:center;text-align:left}.inspector-empty>span{font-size:22px;margin:0}.inspector-empty strong,.inspector-empty p{margin:0}.inspector-empty .text-presets{margin-left:auto;display:flex}.inspector-empty .text-presets button{min-width:75px;min-height:40px;font-size:7px}.inspector-empty .text-presets button>span{display:none}.inspector-content>.button{align-self:end}.inspector-content .inspector-subtitle{margin:0;max-width:260px}.workflow button{gap:7px;padding:13px 9px}.workflow small{display:none}.workflow button>div{font-size:8px}.workflow b{font-size:15px}.workflow button>span{width:21px;height:21px;font-size:8px}.heading-actions .save-state{display:none}.topbar{padding:0 22px}main{padding:22px 22px 0}.preview-stage{padding:20px;min-height:310px}.canvas.portrait,.canvas.square{height:280px}.preview-footnote{font-size:6px}.project-name-row input{max-width:300px;font-size:21px}.asset-thumb{height:60px}}
@media(max-width:950px){:root{--sidebar:72px}.sidebar{padding:25px 11px 0}.brand-text,.new-project>span:last-child,.nav-label,.sidebar nav b,.sidebar nav small,.sidebar nav em,.workspace-card,.nav-bottom>span:last-child,.profile>span:not(:first-child){display:none}.new-project{margin-bottom:20px}.sidebar nav button,.nav-bottom,.profile{justify-content:center}.sidebar nav button{padding:12px}.sidebar-bottom{padding-top:10px}.collapse{display:none}.studio-grid{grid-template-columns:240px minmax(250px,1fr)}.project-chip{display:none}.editor-heading{align-items:flex-start}.project-name-row input{font-size:20px;max-width:285px}.heading-actions .button{font-size:9px;padding:9px 10px}.heading-actions #save-button{display:none}.workflow button>div{font-size:7px;white-space:normal;line-height:1.7}.workflow button{gap:6px;padding:12px 8px}.workflow b{display:none}.timeline-footer>span:last-child,.preview-footnote>span:last-child{display:none}}
@media(max-width:700px){.topbar{height:55px;padding:0 15px}.breadcrumb{font-size:8px}.breadcrumb span{margin:0 7px}.topbar-right{gap:9px}.status-dot{font-size:7px}.small-avatar{width:25px;height:25px}.studio-grid{display:flex;flex-direction:column}.source-panel,.inspector-panel{min-height:unset}.source-panel{order:1}.preview-panel{order:0}.inspector-panel{order:2}.preview-stage{min-height:265px;padding:15px}.canvas{max-height:320px}.canvas.portrait,.canvas.square{height:300px}.work-content{padding:16px}.assets-list{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));max-height:260px}.asset-thumb{height:80px}.upload-zone{padding:17px}.inspector-empty{flex-wrap:wrap}.inspector-empty .text-presets{width:100%;margin:0}.inspector-empty .text-presets button{flex:1}.workflow{margin-bottom:17px}.workflow button{justify-content:center;flex-direction:column;gap:7px;padding:12px 5px;text-align:center}.workflow button>div{font-size:7px}.workflow button>span{width:23px;height:23px}.project-heading>p{font-size:9px;margin-top:6px}.project-name-row input{font-size:19px;max-width:240px}.eyebrow{font-size:6px;letter-spacing:1.1px}.heading-actions .button{font-size:8px;min-height:31px;padding:8px 10px}.editor-heading{margin-bottom:18px;gap:10px}.editor-bottom{font-size:7px}.timeline-tools{gap:3px}.timeline-toolbar{padding:10px 12px}.zoom-control{display:none}.timeline-footer{font-size:6px;padding:9px 12px}.track-name{width:110px;font-size:7px;padding:0 9px}.timeline-toolbar h2{font-size:10px}.app-footer{padding:15px 20px;font-size:6px}.app-footer>span:last-child{display:none}.page-heading h1{font-size:23px}.page-heading p{font-size:10px}.project-grid,.template-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}.page-heading .button{font-size:9px;padding:9px}main{padding:20px 16px 0}}
@media(max-width:480px){:root{--sidebar:0px}.main-shell{width:100%;margin:0}.sidebar{width:230px;transform:translateX(-100%);transition:transform .2s;box-shadow:10px 0 50px #0008;padding:24px 16px 0}.nav-open .sidebar{transform:translateX(0)}.sidebar .brand-text,.sidebar .new-project>span:last-child,.sidebar .nav-label,.sidebar nav b,.sidebar nav small,.sidebar nav em,.sidebar .workspace-card,.sidebar .nav-bottom>span:last-child,.sidebar .profile>span:not(:first-child){display:initial}.sidebar .brand-text small{display:block}.sidebar .brand{margin:0 4px 27px}.sidebar nav button{justify-content:flex-start}.sidebar .new-project{margin:0}.sidebar .workspace-card,.sidebar .nav-label{display:block}.sidebar .nav-bottom,.sidebar .profile{justify-content:flex-start}.sidebar .profile>span:last-child{margin-left:auto}.nav-open:after{content:'';position:fixed;inset:0 0 0 230px;background:#03081488;z-index:19}#mobile-menu{display:grid;flex-shrink:0}.topbar{gap:9px}.topbar-right .icon-button,.topbar-right .status-dot{display:none}.breadcrumb{margin-right:auto}main{padding:20px 13px 0}.project-name-row input{max-width:230px;width:100%;font-size:19px}.project-heading{min-width:0}.heading-actions{padding-top:17px}.heading-actions .button{font-size:8px;padding:8px 9px;gap:5px}.project-heading>p{font-size:8px}.workflow{border-radius:8px}.workflow button>div{font-size:6px;max-width:58px}.workflow button>span{width:21px;height:21px;font-size:8px}.panel-heading{padding:0 13px;height:46px}.preview-stage{min-height:245px;padding:13px}.preview-options>span{display:none}.empty-canvas svg{width:80px;height:64px}.empty-canvas strong{font-size:9px}.empty-canvas>span,.empty-canvas .button{font-size:7px}.player-controls{padding:0 10px;gap:8px}.preview-footnote{padding:10px 13px;font-size:7px}.timeline-table{display:none}.mobile-track-list{display:block;padding:12px}.mobile-track-title{display:flex;justify-content:space-between;color:#819bbd;font-size:9px;margin-bottom:9px;padding-top:12px}.mobile-track-title:first-child{padding-top:0}.mobile-track-item{display:flex;align-items:center;justify-content:space-between;gap:7px;background:#1b2941;border:1px solid var(--track-color,#3c5379);border-radius:6px;padding:10px;margin-bottom:7px;font-size:9px;cursor:pointer}.mobile-track-item.selected{border-color:#b5c9ff;box-shadow:inset 2px 0 #b5c9ff}.mobile-track-item>span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobile-track-item small{display:block;font-size:7px;color:#8ca4c9;margin-top:4px}.mobile-track-item button{background:#2a3e60;color:#aac6ef;border-radius:4px;padding:5px 7px;min-height:27px}.mobile-empty{font-size:8px;color:#6d8fb8;padding:8px 0}.timeline{max-height:440px}.timeline-toolbar h2 span{display:none}.timeline-tools .button{font-size:8px}.timeline-toolbar .icon-button{width:25px;height:25px}.timeline-tools .tool-divider{margin:0 2px}.editor-bottom>span:first-child{max-width:230px;line-height:1.7}.editor-bottom{font-size:6px;align-items:center}.inspector-content{padding:13px;gap:12px}.inspector-content>.field{flex:1;min-width:130px}.inspector-content>.form-row{width:100%}.inspector-content .text-presets,.inspector-empty .text-presets{width:100%;display:grid;grid-template-columns:1fr 1fr}.inspector-content .text-presets button{min-width:unset}.inspector-empty .text-presets button{font-size:8px}.modal-header,.modal-body{padding:18px}.modal-header h2{font-size:15px}.modal-actions .button{font-size:10px}.upload-status{right:12px;bottom:12px;width:calc(100% - 24px);max-width:none}.project-card-art{height:130px}.page-tools{flex-wrap:wrap}.page-tools input{width:100%;flex:auto}.page-tools .button{font-size:9px}.page-heading h1{font-size:21px}.page-heading p{font-size:9px}}