:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1e2b46;background:#f7f9fd;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}input,select,textarea{outline:0;border:1px solid #dce4f0;border-radius:10px;background:#fff;padding:10px 11px;width:100%;min-width:0;color:#1c3051}textarea{resize:vertical;line-height:1.5}.btn:focus-within,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #69b0ff;outline-offset:2px}input[type=checkbox]{width:auto;accent-color:#2676e9}input[type=range]{padding:0;accent-color:#2a78ec;cursor:pointer}label{font-size:12px;font-weight:680;color:#405574;margin-top:12px;margin-bottom:5px;display:block}button{border:0}h1,h2,h3,p{margin-top:0}.top{height:66px;display:flex;align-items:center;gap:19px;padding:0 max(24px,calc((100vw - 1720px)/ 2));border-bottom:1px solid #e5ebf3;background:#fff}.brand{font-size:18px;font-weight:850;white-space:nowrap;letter-spacing:-.6px}.logomark{display:inline-grid;place-items:center;background:#e4f1ff;color:#1377e7;border-radius:10px;width:32px;height:32px;margin-right:8px;font-weight:900}.breadcrumb{color:#8391a6;font-size:12px}.breadcrumb span{padding:0 8px}.private{margin-left:auto;border:1px solid #dceee6;padding:8px 11px;color:#31856a;border-radius:22px;background:#f4fcf8;font-size:12px;white-space:nowrap}.hero{max-width:1720px;margin:auto;min-height:236px;padding:39px 26px 29px;display:flex;justify-content:space-between;align-items:center;gap:24px}.eyebrow,.step{color:#6f8fb1;letter-spacing:1.2px;font-size:10px;font-weight:800}.eyebrow span{color:#2181ee}.hero h1{font-size:clamp(30px,3.2vw,49px);letter-spacing:-2px;line-height:1.14;margin:12px 0}.hero h1 em{font-style:normal;color:#2b7ee9}.sub{color:#6c7d95;max-width:740px;line-height:1.6;font-size:14px;margin-bottom:18px}.actionrow,.exportbuttons,.heroactions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.hero-meta{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e7ebf2;box-shadow:0 10px 38px #a0b8da1c;border-radius:19px;padding:17px 24px;min-width:207px}.hero-meta strong{color:#2679ed;font-size:46px;letter-spacing:-3px}.hero-meta span{font-size:12px;color:#546982;line-height:1.55}.hero-meta small{color:#99a7b8}.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;border-radius:10px;font-size:12px;font-weight:730;padding:10px 13px;border:1px solid transparent;white-space:nowrap;min-height:37px;margin:0}.btn label{margin:0}.btn.primary{background:#277bea;color:#fff;box-shadow:0 5px 13px #2f7eef28}.btn.primary:hover:not(:disabled){background:#146fe5}.btn.secondary{background:#eaf3ff;border-color:#d7e7fc;color:#2a6bc6}.btn.ghost,.btn.subtle{background:#fff;border-color:#dfe7f1;color:#4d6687}.btn.ghost:hover:not(:disabled){background:#f0f6ff}.btn.danger{color:#c85263;border-color:#f2d9df;background:#fff6f7}.btn.full{width:100%}.workspace{max-width:1720px;margin:auto;padding:0 18px;display:grid;grid-template-columns:minmax(245px,280px) minmax(0,1fr) minmax(260px,306px);gap:13px;align-items:start}.panel{background:#fff;border:1px solid #e3e9f2;box-shadow:0 8px 25px #203b6510;border-radius:17px;padding:19px;min-width:0}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}.panelhead h2{font-size:19px;letter-spacing:-.6px;margin:5px 0 0}.pill{font-size:10px;color:#4779ba;background:#f0f6ff;border:1px solid #e1ecfa;padding:5px 10px;border-radius:22px;font-weight:700;white-space:nowrap}.smallmuted{font-size:11px;color:#96a4b7}.helper{font-size:11px;color:#8494ac;line-height:1.55}.scenelist{display:flex;flex-direction:column;gap:8px;max-height:650px;overflow-y:auto;margin:14px 0}.sceneitem{display:flex;gap:9px;text-align:left;width:100%;border:1px solid #e1e9f4;border-radius:12px;padding:7px;background:#fff;align-items:center;min-height:76px}.sceneitem.selected{border-color:#448ff1;background:#f0f7ff;box-shadow:0 0 0 1px #a5ceff inset}.sceneitem img{width:88px;height:58px;object-fit:cover;border-radius:8px;background:#e8eff9;flex:none}.sceneitem strong{display:block;font-size:12px;line-height:1.35;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sceneitem small{display:block;color:#8797af;font-size:10px;margin-top:6px}.scenelist .empty{padding:32px 10px;color:#8190a5;text-align:center;background:#f9fbff;border:1px dashed #cdddf3;border-radius:12px;font-size:12px}.tip{display:flex;gap:10px;background:#f0f6ff;border:1px solid #e2edfb;border-radius:12px;margin-top:15px;padding:14px}.tip>span{font-size:22px;color:#2676ed}.tip b{font-size:12px}.tip p{color:#6c7d97;font-size:11px;line-height:1.55;margin:5px 0 11px}.tip .btn{font-size:11px;padding:8px}.stagewrap{position:relative;background:#101e33;border-radius:13px;overflow:hidden;display:grid;place-items:center;min-height:200px}#stage{width:100%;height:auto;display:block;max-height:65vh;object-fit:contain;background:#0e1728}.watermark{position:absolute;right:15px;top:13px;color:#ffffffbb;font-size:10px;letter-spacing:1px;pointer-events:none}.watermark span{color:#7fc1ff}.stageempty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:10px;background:radial-gradient(circle at 50% 65%,#294b74,#152538 65%);text-align:center;padding:22px}.stageempty[hidden]{display:none}.emptyicon{font-size:45px;color:#91baf2}.stageempty strong{font-size:17px}.stageempty span{font-size:12px;color:#adc1db}.transport{display:flex;gap:8px;align-items:center;margin:17px 0 11px}.iconbtn{border:1px solid #dfe8f4;background:#f8fbff;border-radius:9px;width:37px;height:37px;color:#385a88}.playbtn{background:#277bea;color:#fff;width:41px;height:41px;border-radius:12px;font-size:16px}.timecode{font-size:12px;color:#647892;font-variant-numeric:tabular-nums}.grow{flex:1}.switchline{display:flex;align-items:center;gap:6px;margin:0;font-size:11px;white-space:nowrap;color:#5d728c}.switchline input{margin:0}#seek{width:100%}.timelinebox{margin-top:21px;background:#f7faff;border:1px solid #e7eefa;border-radius:13px;padding:13px}.timelinehead{display:flex;justify-content:space-between;gap:10px;align-items:center}.timelinehead h3{font-size:13px;margin:0}.timelinehead span{font-size:10px;color:#92a0b4}.cliptrack{display:flex;min-height:97px;gap:3px;align-items:stretch;overflow-x:auto;margin-top:12px;padding-bottom:5px}.clip{min-width:64px;flex:var(--grow) 0 0;border:1px solid #d3e2f6;background:#e5f0fc;border-radius:8px;padding:6px;cursor:pointer;text-align:left;color:#285a9b;overflow:hidden}.clip.selected{background:#d0e7ff;border-color:#5494ea}.clip b{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:11px}.clip small{font-size:10px;display:block;margin-top:4px}.clip img{width:100%;height:42px;object-fit:cover;border-radius:4px}.timelineempty{font-size:12px;color:#91a3b8;margin:auto}.timeline-readout{font-size:10px;color:#8497ad;padding-top:8px}.exportbox{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:21px;border-top:1px solid #edf1f6;padding-top:20px}.exportbox h2{font-size:18px;letter-spacing:-.5px;margin:5px 0}.exportbox p{font-size:11px;color:#899bb1;line-height:1.5;margin:0}.exportbuttons{justify-content:flex-end}.exportprogress{margin-top:14px;background:#f0f6ff;border:1px solid #d9eaff;padding:14px;border-radius:13px}.exportprogress[hidden]{display:none}.progrow{display:flex;justify-content:space-between;font-size:12px;margin-bottom:9px}.progressbar{height:7px;border-radius:20px;overflow:hidden;background:#d8e9fc;margin-bottom:9px}.progressbar div{height:100%;width:0;background:#2679ec;transition:width .15s}#noSelection[hidden],.fields[hidden]{display:none}.fields .two,.inspector .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inspector .divider{height:1px;background:#ecf0f6;margin:19px 0}.sectionhead{display:flex;justify-content:space-between;align-items:center}.sectionhead h3{font-size:14px;margin:0}.sectionhead small{color:#a1afc0;font-size:11px}.mediawell{margin-top:16px;padding:11px;background:#f7faff;border:1px solid #e6edf7;border-radius:11px;display:flex;align-items:center;gap:6px}.mediawell>div{flex:1;min-width:0}.mediawell b{display:block;font-size:11px}.mediawell small{display:block;font-size:10px;color:#8495aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mediawell .btn{font-size:10px;padding:6px;min-height:30px}.mediawell .xbtn{font-size:18px;padding:4px 9px}.no-selection{padding:45px 12px;text-align:center;font-size:12px;color:#8a9aaf;line-height:1.8}.features{max-width:1720px;margin:27px auto 0;padding:0 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.features article{background:#fff;border:1px solid #e4eaf3;padding:18px;border-radius:13px}.features h3{font-size:14px;margin-bottom:7px}.features p{font-size:12px;line-height:1.6;color:#7687a0;margin:0}.footer{max-width:1720px;margin:24px auto 38px;padding:0 24px;color:#8c9bb0;font-size:11px;line-height:1.7}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#1d3451;color:#fff;padding:13px 20px;border-radius:10px;box-shadow:0 10px 40px #10213b50;z-index:20;max-width:min(90vw,580px);font-size:12px}#toast[hidden]{display:none}@media(max-width:1250px){.workspace{grid-template-columns:minmax(225px,270px) minmax(0,1fr)}.inspector{grid-column:1/-1}.inspector .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:17px}.inspector .fields>.divider,.inspector .fields>.mediawell,.inspector .fields>.sectionhead{grid-column:1/-1}.inspector .fields>label{align-self:end}.inspector .fields>input,.inspector .fields>select,.inspector .fields>textarea{grid-column:auto}.exportbox{align-items:start;flex-direction:column}.exportbuttons{justify-content:flex-start}}@media(max-width:800px){.top{padding:0 16px}.breadcrumb{display:none}.private{font-size:10px}.hero{padding:28px 17px;flex-direction:column;align-items:start}.hero h1{letter-spacing:-1.2px}.hero-meta{display:none}.workspace{grid-template-columns:minmax(0,1fr);padding:0 12px}.library{order:2}.previewpanel{order:1}.inspector{order:3}.scenelist{max-height:280px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sceneitem{min-width:0}.sceneitem img{width:68px}.features{grid-template-columns:1fr}.inspector .fields{display:block}.timelinehead{align-items:start;flex-direction:column}.panel{padding:14px}.heroactions{width:100%}}@media(max-width:440px){.private{display:none}.transport{gap:5px;flex-wrap:wrap}.switchline{font-size:10px}.exportbuttons{width:100%}.exportbuttons .btn{flex:1}.scenelist{grid-template-columns:1fr}.sceneitem img{width:93px}.heroactions .btn{flex:1}.stagewrap{min-height:180px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.exportbox{flex-wrap:wrap}.export-range{flex:1 1 240px;background:#f6f9fe;padding:12px;border:1px solid #e3eaf7;border-radius:12px}.export-range strong{font-size:12px;color:#415a7b}.range-row{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.range-row label{flex:1 1 65px;min-width:0;margin:6px 0}.range-row input{margin:3px 0 0;width:100%}.range-row .btn{font-size:10px;padding:7px 9px}.export-range .helper{display:block;margin-top:7px}.hero{min-height:158px;padding-top:21px;padding-bottom:19px}.timeline-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:13px}.timeline-controls>label:first-child{margin:0;white-space:nowrap;font-size:11px}.timeline-controls input[type=range]{width:125px}.timeline-controls .switchline{margin-left:auto}.timelineviewport{overflow:auto;overscroll-behavior-inline:contain;margin-top:9px;padding-bottom:5px;background:#f4f8ff;border:1px solid #dbe7f5;border-radius:9px}.timelinecanvas{position:relative;display:block;width:max-content;min-width:100%;min-height:128px}.timeruler{height:26px;position:relative;min-width:100%;background:repeating-linear-gradient(90deg,#f3f7fe 0,#f3f7fe 1px,transparent 1px,transparent 13px);border-bottom:1px solid #d9e5f4;cursor:crosshair}.rulerTick{position:absolute;top:2px;color:#527299;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap;border-left:1px solid #a8c5e7;padding-left:3px;height:22px}.cliptrack{position:relative;display:block;margin:0;min-height:102px;padding:0;overflow:visible;align-items:unset;gap:0}.clip{position:absolute;top:6px;height:89px;min-width:0;flex:none;overflow:hidden;z-index:1;border:1px solid #b0c9e9;border-left:3px solid #5093ed;border-radius:7px;box-shadow:1px 1px 5px #294e7f18}.clip::after{content:'';position:absolute;top:0;bottom:0;left:0;width:var(--overlap,0);max-width:100%;background:repeating-linear-gradient(135deg,#3478d933 0,#3478d933 5px,#3478d908 5px,#3478d908 10px);pointer-events:none}.clip.selected{border-color:#1766d3;box-shadow:0 0 0 2px #2676e977}.clip img{height:43px}.clip b{font-size:10px}.clip small{font-size:9px}.timelineplayhead{position:absolute;top:0;width:2px;background:#f0646b;z-index:200;pointer-events:none}.timelineplayhead::before{content:'';position:absolute;top:0;left:-5px;width:12px;height:10px;border-radius:2px;background:#f0646b}.sceneitem{cursor:grab}.sceneitem:active{cursor:grabbing}.sceneitem.dragover{border:2px dashed #2676e9;background:#e0efff}.stagewrap.dropping{outline:4px dashed #67a8ff;outline-offset:-6px}.audio-wave{width:100%;height:44px;display:block;object-fit:fill;border:1px solid #d6e5f7;border-radius:7px;margin:8px 0;background:#eaf3ff}.director-cam{padding:12px 10px 6px;border:1px solid #deebfa;border-radius:11px;background:#f7faff;margin-top:15px}.director-cam .sectionhead h3{font-size:13px}.director-cam label{font-size:11px}@media(max-width:800px){.hero{padding-top:17px;padding-bottom:16px}.timeline-controls .switchline{margin-left:0}}