:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--panel:#181b22;--text:#e9ecf1;--muted:#8a93a3;--accent:#ffd166;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.app{max-width:1600px;margin:0 auto;padding:24px 16px 48px}header{align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.header-action{margin-left:auto}h1{margin:0;font-size:22px}.tag{color:var(--muted);font-size:14px}.frame{background:#000;border-radius:10px;width:100%;position:relative;overflow:hidden}.stage{transform-origin:0 0;position:absolute;top:0;left:0}.map,.overlay{width:100%;height:100%;position:absolute;inset:0}.overlay{pointer-events:none}.busy{background:#0009;border-radius:6px;padding:6px 10px;font-size:13px;position:absolute;top:12px;left:12px}.controls{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.controls input[type=range]{min-width:160px;accent-color:var(--accent);flex:1}.time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:14px}button{font:inherit;cursor:pointer;background:var(--panel);color:var(--text);border:1px solid #2c313c;border-radius:8px;padding:8px 14px;font-size:14px}button.primary{background:var(--accent);color:#1a1a1a;border-color:var(--accent);font-weight:600}button:disabled{opacity:.5;cursor:default}.progress{background:var(--panel);border-radius:8px;height:28px;margin-top:14px;position:relative;overflow:hidden}.progress .bar{background:#ffd16659;position:absolute;inset:0 auto 0 0}.progress span{font-variant-numeric:tabular-nums;padding-left:10px;font-size:13px;line-height:28px;position:relative}.error{color:#ff8a80}.result video{border-radius:10px;width:100%;margin-top:8px}.result a{color:var(--accent)}.muted{color:var(--muted)}.small{font-size:13px}.dropzone{text-align:center;background:var(--panel);border:2px dashed #2c313c;border-radius:14px;max-width:640px;margin:48px auto;padding:40px 24px}.dropzone.over{border-color:var(--accent)}.dz-title{margin:0 0 8px;font-size:20px;font-weight:600}.dz-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0;display:flex}.dropzone .progress{margin-top:20px}.landing{border:2px dashed #0000;border-radius:14px;align-items:center;gap:32px;max-width:1200px;margin:32px auto;padding:24px;display:grid}.landing.over{border-color:var(--accent);background:var(--panel)}@media (width>=860px){.landing{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:48px}}.sample{flex-direction:column;align-items:center;gap:8px;min-width:0;margin:0;display:flex}.sample video,.sample-missing{aspect-ratio:auto 16/9;object-fit:contain;background:var(--panel);border-radius:12px;width:100%;height:auto;max-height:70vh;display:block}.sample-missing{background:var(--panel);place-items:center;display:grid}.cta h2{margin:0 0 12px;font-size:28px;line-height:1.2}.cta p{margin:0 0 12px;line-height:1.5}.cta .dz-actions{justify-content:flex-start}.cta .reading{margin:20px 0}@media (width<=859px){.landing{gap:20px;margin:8px auto;padding:8px 0}.sample video{max-height:55vh}.cta{text-align:center}.cta h2{font-size:22px}.cta .dz-actions{justify-content:center}}.failed{color:var(--muted);margin-bottom:12px;font-size:13px}.editor{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}@media (width>=1100px){.editor{grid-template-columns:minmax(0,1fr) 380px;align-items:start}.editor aside{max-height:calc(100vh - 90px);position:sticky;top:16px;overflow-y:auto}}.player{min-width:0}.storyboard h2{margin:0 0 4px;font-size:16px}.storyboard h3{margin:0 0 4px;font-size:14px}.stops{flex-direction:column;gap:10px;margin:12px 0;padding:0;list-style:none;display:flex}.stop{background:var(--panel);border:1px solid #242833;border-radius:10px;padding:10px 12px}.stop p{margin:6px 0 0}.stop-head{align-items:center;gap:8px;display:flex}.stop-num{background:var(--accent);color:#1a1a1a;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.stop input{font:inherit;color:var(--text);background:0 0;border:1px solid #0000;border-radius:6px;min-width:0;padding:3px 6px}.stop input:hover:not(:disabled),.stop input:focus{background:#11141a;border-color:#2c313c;outline:none}.stop-name{flex:1;font-size:15px;font-weight:600}.stop-sub{width:calc(100% - 24px);margin:2px 0 0 24px;font-size:13px;color:var(--muted)!important}.stop-actions{gap:2px;display:flex}.stop-actions button{background:0 0;border-color:#0000;padding:3px 7px;font-size:13px}.stop-actions button:hover:not(:disabled){background:#232733}.thumbs{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:4px;margin-top:8px;display:grid}.thumb{aspect-ratio:1;background:#000;border:none;border-radius:4px;padding:0;display:block;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb.skipped img{opacity:.25;filter:grayscale()}.unplaced{margin-top:18px}.look{background:var(--panel);border:1px solid #242833;border-radius:10px;margin-bottom:16px;padding:10px 12px}.look summary{cursor:pointer;font-size:15px;font-weight:600}.styles{grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0 12px;display:grid}.style-chip{background:0 0;border-color:#0000;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;font-size:12px;display:flex}.style-chip .swatch{border:1px solid #2c313c;border-radius:6px;width:100%;height:30px}.style-chip.on .swatch{outline:2px solid var(--accent);outline-offset:1px}.style-chip.on{color:var(--accent)}.look-row{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:13px;display:flex}.look-row>span{color:var(--muted)}.segmented{border:1px solid #2c313c;border-radius:8px;display:inline-flex;overflow:hidden}.segmented button{background:0 0;border:none;border-radius:0;padding:5px 10px;font-size:12px}.segmented button.on{color:var(--accent);background:#2a2f3b}.colors{gap:6px;display:flex}.color{border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0}.color.on{border-color:var(--text);box-shadow:0 0 0 2px var(--bg) inset}.toggles{flex-wrap:wrap;justify-content:flex-start;gap:16px}.toggles label{color:var(--text);align-items:center;gap:6px;display:flex}.leg{border-left:2px dashed #2c313c;align-items:center;gap:8px;margin-left:10px;padding:0 8px 0 14px;display:flex}.leg-icon{font-size:14px}.leg select{font:inherit;color:var(--text);background:var(--panel);border:1px solid #2c313c;border-radius:6px;padding:3px 4px;font-size:12px}.leg-reason{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.panel{background:var(--panel);border:1px solid #242833;border-radius:10px;margin-bottom:16px;padding:10px 12px}.panel summary{cursor:pointer;margin-bottom:4px;font-size:15px;font-weight:600}.panel .look-row input[type=range]{max-width:200px;accent-color:var(--accent);flex:1}.num{width:64px;font:inherit;color:var(--text);background:#11141a;border:1px solid #2c313c;border-radius:6px;padding:3px 6px;font-size:13px}.music-head{justify-content:space-between;align-items:center;gap:8px;margin:6px 0;font-size:14px;display:flex}.music-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.music-head button,.panel>button{padding:5px 10px;font-size:13px}.error.small{font-size:13px}.stop-actions button.on{color:var(--accent);background:#2a2f3b}.split-hint{color:var(--accent);margin:6px 0 0}.split-hint button{margin-left:6px;padding:2px 8px;font-size:12px}.thumbs.splitting .thumb:not(:disabled){outline:2px dashed var(--accent);outline-offset:-2px;cursor:crosshair}.dropzone .unplaced{text-align:left}.modal-backdrop{z-index:50;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid #2c313c;border-radius:12px;flex-direction:column;gap:10px;width:min(720px,100%);max-height:calc(100vh - 32px);padding:16px;display:flex;overflow-y:auto}.modal h3{margin:0;font-size:16px}.modal p{margin:0}.modal-head{align-items:center;gap:12px;display:flex}.modal-thumb{object-fit:cover;border-radius:6px;width:56px;height:56px}.modal-close{background:0 0;border-color:#0000;margin-left:auto}.modal-row{align-items:center;gap:8px;font-size:14px;display:flex}.modal-row.end{justify-content:space-between}.modal select,.modal .search{font:inherit;color:var(--text);background:#11141a;border:1px solid #2c313c;border-radius:6px;flex:1;min-width:0;padding:6px 8px;font-size:14px}.results{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.results button{text-align:left;border-color:#0000;width:100%;padding:6px 8px;font-size:13px}.pick-map{border-radius:8px;height:340px;overflow:hidden}.stop-dot{background:var(--accent);border:2px solid #fff;border-radius:50%;width:12px;height:12px}.result video{object-fit:contain;background:#000;max-height:72vh}.formats{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.format{align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex}.format.on{border-color:var(--accent);color:var(--accent)}.format-icon{border:2px solid;border-radius:3px;height:16px;display:inline-block}.stop{position:relative}.stop.drop-target{border-color:var(--accent);background:#22252e}.drop-hint{pointer-events:none;color:var(--accent);border:2px dashed var(--accent);background:#ffd1661f;border-radius:10px;place-items:center;font-size:14px;font-weight:600;display:grid;position:absolute;inset:0}.unplaced .thumb[draggable=true]{cursor:grab}.storyboard-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.storyboard-head .segmented button{padding:3px 10px}.exports{z-index:40;background:var(--panel);border:1px solid #2c313c;border-radius:12px;width:min(360px,100vw - 32px);position:fixed;bottom:16px;right:16px;overflow:hidden;box-shadow:0 12px 32px #00000073}.exports-head{background:#1d2029;border:none;border-radius:0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 14px;font-weight:600;display:flex}.jobs{max-height:50vh;margin:0;padding:4px 0;list-style:none;overflow-y:auto}.job{border-top:1px solid #242833;padding:8px 14px}.job:first-child{border-top:none}.job p{margin:4px 0 0}.job-head{justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.job-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.job-bar{background:#2a2f3b;border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.job-bar>div{background:var(--accent);height:100%;transition:width .25s linear}.job-done a{color:var(--accent)}.job.cancelled .job-title,.job.error .job-title{color:var(--muted)}.exports-note{border-top:1px solid #242833;margin:0;padding:8px 14px 10px}button.link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.job-head button.link{color:var(--muted)}.modal.watch video{background:#000;border-radius:8px;width:100%;max-height:70vh}a.button{border-radius:8px;padding:8px 14px;font-size:14px;text-decoration:none;display:inline-block}a.button.primary{background:var(--accent);color:#1a1a1a;font-weight:600}.player-loading{aspect-ratio:16/9;color:var(--muted);background:#000;border-radius:10px;place-items:center;font-size:14px;display:grid}.music-choices{flex-wrap:wrap;gap:8px;margin:6px 0;display:flex}.music-choices button{padding:6px 12px;font-size:13px}.music-actions{flex:none;gap:6px;display:flex}.consent{z-index:45;background:var(--panel);border:1px solid #2c313c;border-radius:12px;width:min(420px,100vw - 32px);padding:14px 16px;font-size:14px;position:fixed;bottom:16px;left:16px;box-shadow:0 12px 32px #00000073}.consent p{margin:0 0 12px}.consent-actions{justify-content:flex-end;gap:8px;display:flex}.consent-link{z-index:30;font-size:12px;position:fixed;bottom:12px;left:16px;color:var(--muted)!important}.modal.purchase{width:min(560px,100%)}.packs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pack{text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;display:flex}.pack.best{border-color:var(--accent)}.pack-credits{font-size:15px;font-weight:600}.pack-price{font-size:22px;font-weight:700}.pack-note{color:var(--accent);font-size:12px}.checkout{background:#fff;border-radius:8px;min-height:420px;overflow:hidden}.fine-print{margin-top:4px}.credits-chip{color:var(--muted);white-space:nowrap;font-size:12px}.modal.stop-photos{width:min(1000px,100%);padding-top:0}.stop-photos .modal-head{z-index:1;background:var(--panel);padding-top:16px;position:sticky;top:0}.stop-photos .link{white-space:nowrap}.grow{flex:1}.stop-actions .expand-stop svg,.big-thumb .expand svg{margin:auto;display:block}.big-thumbs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.big-thumb{position:relative}.big-thumb .thumb{outline:3px solid var(--accent);outline-offset:-3px;border-radius:8px;width:100%}.big-thumb.skipped .thumb{outline:none}.big-thumb.skipped img{opacity:.25;filter:grayscale()}.big-thumb .check{background:var(--accent);color:#1a1a1a;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:grid;position:absolute;top:6px;left:6px}.big-thumb.skipped .check{border:2px solid var(--muted);background:#00000080}.big-thumb .expand{opacity:0;background:#0009;border-color:#0000;width:32px;height:32px;padding:0;transition:opacity .15s;position:absolute;top:4px;right:4px}.big-thumb:hover .expand,.big-thumb .expand:focus-visible{opacity:1}@media (hover:none){.big-thumb .expand{opacity:1}.key-hint{display:none}}.viewer{background:#000;border-radius:8px;place-items:center;min-height:300px;display:grid;position:relative}.viewer img{object-fit:contain;max-width:100%;max-height:calc(100vh - 220px);display:block}.viewer img.skipped{opacity:.3;filter:grayscale()}.viewer .nav{background:#00000080;border-color:#0000;padding:8px 14px;font-size:28px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.viewer .nav.prev{left:8px}.viewer .nav.next{right:8px}.viewer-caption{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width<=600px){.modal-backdrop:has(.stop-photos){padding:8px}.modal.stop-photos{max-height:calc(100vh - 16px);padding:0 10px 10px}.big-thumbs{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}.viewer img{max-height:calc(100vh - 200px)}}