:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#172846;background:#f5f8ff;font-synthesis:none;--bg:#f5f8ff;--paper:#fff;--ink:#172846;--muted:#697b92;--line:#dce5f0;--soft:#f0f6ff;--blue:#246fe9;--blue2:#0c51c7;--input:#fff;--shadow:0 12px 40px rgba(28,72,134,.055)}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;min-width:0;background:var(--bg);color:var(--ink)}body.dark{--bg:#0e1524;--paper:#151f31;--ink:#e6efff;--muted:#a1b0c5;--line:#304057;--soft:#1b2c45;--blue:#619dff;--blue2:#397de8;--input:#18263b;--shadow:none;color-scheme:dark}button,input,select{font:inherit}button{cursor:pointer;color:inherit;transition:background .17s,box-shadow .17s}button:disabled{cursor:not-allowed;opacity:.43}.drop:focus-visible,button:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #78b0ff;outline-offset:2px}a{color:inherit;text-decoration:none}p{line-height:1.52}.topbar{height:68px;border-bottom:1px solid var(--line);background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1540px)/ 2));gap:14px}.brand{display:flex;align-items:center;gap:12px;min-width:0;white-space:nowrap;font-size:14px}.brandmark{width:33px;height:33px;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:850;font-size:24px;border-radius:10px;flex:none}.brand strong{font-size:17px}.separator{color:#b7c4d8;font-size:20px}.headright{display:flex;align-items:center;gap:16px}.privacy{font-size:12px;color:#22855e;font-weight:650;white-space:nowrap}.iconbtn{width:35px;height:35px;border-radius:12px;background:var(--soft);border:1px solid var(--line)}.shell{max-width:1570px;margin:auto;padding:30px 24px 54px}.intro{display:flex;justify-content:space-between;align-items:center;padding:9px 7px 27px;gap:26px}.intro h1{font-size:clamp(30px,3.4vw,48px);line-height:1.12;letter-spacing:-1.8px;margin:12px 0}.intro h1 em{font-style:normal;color:var(--blue)}.intro p{max-width:710px;color:var(--muted);margin:0;font-size:14px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--blue);font-weight:800}.eyebrow span{color:#9aabc2}.intro-mark{width:235px;min-width:235px;height:104px;display:flex;position:relative;align-items:center;justify-content:center;gap:8px;color:#4d83e6;background:linear-gradient(110deg,#e8f0ff,#f7f2ff);border-radius:21px;border:1px solid #d9e7fc}.intro-mark>span:not(.morph){display:grid;place-items:center;width:49px;height:49px;border:2px solid #9fbef5;border-radius:15px;font-size:21px;font-weight:750}.intro-mark .morph{font-size:27px}.intro-mark small{position:absolute;bottom:9px;letter-spacing:1.5px;font-size:8px;font-weight:800}.workspace{display:grid;grid-template-columns:minmax(234px,275px) minmax(0,1fr) minmax(255px,295px);gap:16px;align-items:start}.export-panel,.pane{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.pane{padding:19px}.panehead{margin-bottom:17px}.export-copy h2,.panehead h2,.stage-top h2{font-size:18px;letter-spacing:-.55px;margin:7px 0 0}.sub{color:var(--muted);font-size:12px;margin:8px 0 0}.inlinehead{display:flex;justify-content:space-between;align-items:center}.uploadrow{margin-bottom:17px}.uplabel{display:grid;grid-template-columns:24px 1fr;grid-template-rows:20px 17px;column-gap:8px;margin-bottom:8px}.uplabel strong{font-size:12px}.uplabel small{font-size:10px;color:var(--muted)}.pillblue{grid-row:span 2;width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:#dceafd;color:#2165d6;font-size:12px;font-weight:800}.pillblue.purple{background:#eee5fe;color:#7751c2}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:98px;border:1.5px dashed #aac5ee;border-radius:13px;background:var(--soft);text-align:center;padding:11px;gap:4px;cursor:pointer;overflow-wrap:anywhere}.drop:hover{border-color:var(--blue)}.drop strong{font-size:12px;max-width:100%;overflow-wrap:anywhere}.drop small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.uploadglyph{font-size:22px;line-height:1;color:var(--blue)}.separatorline{border-top:1px solid var(--line);margin:20px 0}.field{font-size:11px;font-weight:750;display:flex;flex-direction:column;gap:7px;min-width:0}.field input:not([type=range]),.field select{min-height:38px;border:1px solid var(--line);background:var(--input);color:var(--ink);border-radius:9px;padding:7px 8px;min-width:0;width:100%;font-size:12px}.field input[type=range]{width:100%;accent-color:var(--blue);margin:5px 0}.twocol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.trimrow{margin-bottom:18px}.trimrow>strong{display:flex;align-items:center;gap:6px;margin:0 0 9px;font-size:12px}.dot{display:inline-block;width:7px;height:7px;border-radius:10px}.dot.blue{background:#387afa}.dot.violet{background:#9b74d9}.twoactions{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}.plain,.small,.soft,.tiny{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:11px;font-weight:650}.tiny{padding:7px 8px;font-size:10px;flex:1}.small:hover:not(:disabled),.soft:hover:not(:disabled),.tiny:hover:not(:disabled){background:var(--soft)}.plain{border:0;background:0 0}.primary{border:1px solid var(--blue);border-radius:10px;background:#2472ee;color:#fff;font-weight:750;padding:12px 16px;font-size:12px}.primary:hover:not(:disabled){background:#0a58d3}.full{width:100%}.fine{font-size:11px;color:var(--muted);line-height:1.55}.stage-pane{padding:20px 18px}.stage-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.stage-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.tag{font-size:10px;background:var(--soft);border:1px solid var(--line);border-radius:30px;color:var(--muted);font-weight:650;padding:4px 8px;vertical-align:middle;margin-left:8px;white-space:nowrap}.canvas-wrap{position:relative;background:#0b1528;border-radius:14px;overflow:hidden;aspect-ratio:16/9;user-select:none;touch-action:none}.canvas-wrap canvas{display:block;width:100%;height:100%;cursor:grab}.canvas-wrap canvas:active{cursor:grabbing}.empty-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;position:absolute;inset:0;color:#ebf2ff;background:radial-gradient(ellipse at center,#1f395c,#0c172b)}.empty-stage strong{font-size:17px;letter-spacing:-.4px}.empty-stage p{font-size:12px;color:#abbfdc;max-width:275px;margin:0}.empty-art{display:flex;align-items:center;gap:10px;margin-bottom:13px;color:#94bdff;font-size:34px}.empty-art span{width:58px;height:57px;background:#253b60;border:1px solid #456899;border-radius:14px;display:grid;place-items:center}.empty-art b{font-size:26px;color:#cbdcff}.canvasbadge{position:absolute;left:12px;top:12px;pointer-events:none;background:#0a162c96;color:#dce9ff;padding:6px 8px;letter-spacing:1.3px;font-size:8px;font-weight:750;border-radius:6px}.controlbar{display:flex;align-items:center;gap:10px;padding:14px 0}.playbutton{flex:none;display:grid;place-items:center;border:0;border-radius:50%;height:41px;width:41px;background:var(--blue);color:#fff}.time{font-variant-numeric:tabular-nums;font-size:10px;color:var(--muted);white-space:nowrap}.controlbar input[type=range]{flex:1;min-width:20px;accent-color:var(--blue)}.compbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px}.compbar .field{flex:1;min-width:150px}.toggle{display:flex;gap:7px;align-items:center;font-size:11px;font-weight:650;padding-bottom:11px;white-space:nowrap}.toggle input{accent-color:var(--blue)}.timeline{margin-top:19px;padding:15px;background:var(--soft);border:1px solid var(--line);border-radius:13px}.timeline-top{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:11px}.timeline-top span{font-size:10px;color:var(--muted);text-align:right}.timeline-rail{height:39px;border-radius:9px;overflow:hidden;position:relative;margin:13px 0 6px;background:#dce6f4;display:flex}.rail-a,.rail-b{height:100%;display:flex;align-items:center;padding:0 11px;color:#fff;font-size:10px;font-weight:750;white-space:nowrap;overflow:hidden}.rail-a{width:50%;background:#347ae8}.rail-b{width:50%;background:#9b7bd2}.rail-cut{position:absolute;left:50%;top:0;bottom:0;width:3px;background:#ffdb78;box-shadow:0 0 0 2px #1e2b4899}.timeline-info{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.status{border-top:1px solid var(--line);padding-top:13px;margin-top:18px;font-size:11px;color:var(--muted);min-height:30px}.range-caption{display:flex;justify-content:space-between;gap:5px;font-size:10px;color:var(--muted);font-weight:400}.right-pane>.field{margin-bottom:15px}.right-pane .twocol{margin-bottom:16px}.right-pane .twocol>.field{min-width:0}.right-pane .twoactions{margin:2px 0}.right-pane .fine{margin-top:10px}.right-pane .panehead{margin-bottom:13px}.export-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:20px 22px;flex-wrap:wrap}.export-copy{max-width:350px}.export-copy p{font-size:12px;color:var(--muted);margin:8px 0 0}.export-forms{display:flex;gap:8px;flex:1;min-width:190px}.export-forms .field{min-width:110px;flex:1}.export-buttons{display:flex;gap:9px;flex-wrap:wrap}.export-buttons button{white-space:nowrap}.featurefoot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.featurefoot article{padding:17px;border-radius:15px;background:var(--paper);border:1px solid var(--line)}.featurefoot strong{font-size:12px}.featurefoot p{font-size:11px;color:var(--muted);margin:7px 0 0}footer{border-top:1px solid var(--line);padding:20px;text-align:center;color:var(--muted);font-size:11px}.modal{position:fixed;inset:0;background:#0b152bc9;z-index:40;display:grid;place-items:center;padding:20px}.modal[hidden],[hidden]{display:none!important}.modal-card{width:min(420px,100%);position:relative;background:var(--paper);border-radius:20px;box-shadow:0 26px 80px #0005;padding:30px;color:var(--ink)}.modal-card h2{font-size:21px}.modal-card p{font-size:12px;color:var(--muted)}.spinner{display:block;width:32px;height:32px;border:3px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress{height:7px;background:var(--line);border-radius:10px;overflow:hidden;margin:22px 0 9px}.progress div{height:100%;width:0;background:var(--blue);transition:width .25s}.modal-card output{display:block;font-size:11px;color:var(--muted);margin-bottom:14px}.guide-card{max-height:90vh;overflow-y:auto;width:min(560px,100%)}.close{position:absolute;right:17px;top:17px;border:0;background:var(--soft);padding:8px;border-radius:9px}@media(max-width:1250px){.workspace{grid-template-columns:minmax(215px,270px) minmax(0,1fr)}.right-pane{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.right-pane>.panehead:first-child{grid-column:1/-1}.right-pane>.separatorline{grid-column:1/-1}.right-pane>.panehead:not(:first-child){grid-column:1/-1}.export-panel{align-items:stretch}.export-copy{max-width:100%}}@media(max-width:810px){.shell{padding:18px 14px 35px}.intro{padding:12px 0 23px}.intro-mark{display:none}.intro h1{letter-spacing:-1px}.workspace{grid-template-columns:1fr;gap:12px}.right-pane{grid-column:auto}.source-pane{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:15px}.source-pane>.fine,.source-pane>.panehead.inlinehead,.source-pane>.panehead:first-child,.source-pane>.separatorline{grid-column:1/-1}.source-pane .trimrow{margin-top:5px}.export-forms{min-width:100%}.export-buttons{width:100%}.export-buttons button{flex:1}}@media(max-width:535px){.topbar{padding:0 12px;height:60px}.brand{gap:6px;font-size:11px}.brand strong{font-size:14px}.brandmark{width:29px;height:29px;font-size:20px}.headright{gap:3px}.headright .privacy{display:none}.headright .plain{padding:7px 5px;font-size:10px}.shell{padding:14px 10px}.intro{padding:4px 3px 22px}.intro h1{font-size:31px}.intro p{font-size:12px}.pane{padding:15px 12px}.source-pane{grid-template-columns:1fr}.source-pane .uploadrow{margin-bottom:12px}.source-pane .trimrow{margin-bottom:13px}.stage-top{align-items:flex-start}.stage-top h2{font-size:15px}.stage-tools{gap:3px}.stage-tools button{padding:6px;font-size:10px}.tag{display:block;width:max-content;margin:6px 0 0}.controlbar{gap:6px}.controlbar .time{font-size:9px}.controlbar .small{font-size:9px;padding:6px}.playbutton{width:36px;height:36px}.compbar .field{min-width:120px}.right-pane{display:block}.export-panel{padding:15px 12px}.export-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.export-buttons .primary{grid-column:1/-1}.export-buttons button{white-space:normal}.featurefoot{grid-template-columns:1fr}.timeline{padding:11px}.timeline-top{flex-direction:column;align-items:flex-start}.rail-a,.rail-b{padding:0 6px;font-size:9px}}@media(prefers-reduced-motion:reduce){*{animation-duration:NaNs!important;transition-duration:NaNs!important}}.pane,.right-pane,.source-pane,.stage-pane,.uploadrow,.workspace{min-width:0}.twoactions>*{min-width:0;white-space:normal}@media(max-width:810px){.workspace{grid-template-columns:minmax(0,1fr)}}.project-name{margin-top:11px;max-width:320px}.project-name input{font-weight:650}.ghost-setting{min-width:150px;flex:1}.ghost-setting output{display:inline;color:var(--muted);font-weight:500}.ghost-setting input{margin:0}.export-forms{flex-wrap:wrap}.export-panel>.audio-setting{flex:0 1 220px}.controlbar{flex-wrap:wrap}.controlbar .time{flex-shrink:0}.controlbar #seek{flex-basis:100px}.audio-setting{flex:0 1 220px;min-width:175px}.stage-tools{flex-wrap:wrap;justify-content:flex-end}@media(max-width:535px){.controlbar #seek{order:2;flex-basis:100%;width:100%}.controlbar #timeNow,.controlbar #timeTotal{order:1}.controlbar #frameBack,.controlbar #frameForward,.controlbar #reviewCut{font-size:10px}.audio-setting{width:100%}}