.wrap.wide{width:min(1280px, 100% - 2 * var(--gutter))}.tiny{color:var(--faint);margin:8px 0 0;font-size:13px;line-height:1.45}.center{text-align:center}.plan-badge{color:var(--muted);border:1px solid var(--line-2);border-radius:var(--r-sm);white-space:nowrap;padding:5px 9px;font-size:13px}.plan-badge.pro{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}@media (width<=420px){.plan-badge{display:none}}.pick{padding:clamp(40px,8vw,96px) 0 64px}.pick-head{flex-direction:column;gap:10px;margin-bottom:32px;display:flex}.pick-head h1{font-size:clamp(36px,5.4vw,64px)}.pick-head p{margin:0}.pick-grid{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}@media (width<=820px){.pick-grid{grid-template-columns:1fr}}.drop,.link-form{flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;min-height:260px;padding:clamp(28px,4vw,48px);display:flex}.drop{cursor:pointer;border-radius:var(--r-lg) 0 0 var(--r-lg);transition:background .25s var(--ease), border-color .25s;border:1px dashed #0000}.drop:hover,.drop.over{background:var(--surface-2)}.drop.over{border-color:var(--accent)}.drop:hover .btn-primary{background:var(--accent-hover)}.link-form{border-left:1px solid var(--line)}@media (width<=820px){.link-form{border-left:0;border-top:1px solid var(--line);min-height:0}.drop{border-radius:var(--r-lg) var(--r-lg) 0 0;min-height:220px}}.drop>.icon,.link-form>.icon{width:28px;height:28px;color:var(--accent);stroke-width:1.4px}.drop-t{color:var(--muted);font-size:15px}.link-form .row{flex-wrap:nowrap;width:100%;margin-top:0}.link-form .row input{flex:1;min-width:0}@media (width<=480px){.link-form .row{flex-wrap:wrap}.link-form .row .btn{width:100%}}.link-form .progress{width:100%}.editor{grid-template-columns:minmax(280px,380px) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,56px);padding:28px 0 72px;display:grid}@media (width<=900px){.editor{grid-template-columns:1fr}}.stage{position:sticky;top:88px}@media (width<=900px){.stage{width:100%;max-width:340px;margin-inline:auto;position:static}}.canvas-wrap{border-radius:var(--r-lg);border:1px solid var(--line-2);aspect-ratio:9/16;background:#000;max-height:calc(100vh - 170px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #000000e6}.canvas-wrap canvas{width:100%;height:100%}.play{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;width:64px;height:64px;transition:opacity .25s, transform .2s var(--ease);background:#12100e99;border:1px solid #ffffff40;border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;inset:0}.play svg{fill:currentColor;width:26px;height:26px}.play .ico-pause,.play.playing .ico-play{display:none}.play.playing .ico-pause{display:block}.play:hover{transform:scale(1.05)}.play.hide{opacity:0}.canvas-wrap:hover .play.hide,.play.hide:focus-visible{opacity:.95}.timebar{color:var(--muted);align-items:center;gap:12px;margin-top:12px;display:flex}.timebar input{flex:1}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--line-2);border-radius:2px;height:2px}input[type=range]::-moz-range-track{background:var(--line-2);border-radius:2px;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);width:14px;height:14px;transition:transform .15s var(--ease), background .15s;border:0;border-radius:50%;margin-top:-6px}input[type=range]::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:14px;height:14px}input[type=range]:hover::-webkit-slider-thumb{background:var(--accent);transform:scale(1.2)}input[type=range]:focus-visible::-webkit-slider-thumb{background:var(--accent);transform:scale(1.2)}input[type=range]:focus-visible{outline:none}input[type=color]{border-radius:var(--r);border:1px solid var(--line-2);background:var(--bg2);cursor:pointer;width:44px;height:44px;padding:3px}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.panels{border-top:1px solid var(--line);flex-direction:column;display:flex}.panel{border-bottom:1px solid var(--line);padding:26px 0 28px}.panel-h{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.panel-h h3{font-family:var(--display);margin:0;font-size:24px;line-height:1.15}.panel-h .tiny{font-family:var(--mono);margin:0;font-size:12px}.row{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:14px;display:flex}.row.end{justify-content:flex-end}.field{color:var(--muted);flex-direction:column;gap:6px;min-width:120px;font-size:13px;display:flex}.field.grow,.grow{flex:1}.field select,.field input[type=text]{min-width:110px}.switch{color:var(--text);cursor:pointer;align-items:center;gap:8px;min-height:32px;font-size:14px;display:inline-flex}.seg{border:1px solid var(--line-2);border-radius:var(--r);flex-wrap:wrap;gap:2px;margin-top:10px;padding:3px;display:inline-flex}.seg button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;min-height:36px;padding:8px 14px;font-size:14px;transition:background .2s,color .2s}.seg button:hover{color:var(--text)}.seg button.on{background:var(--text);color:var(--bg);font-weight:600}.seg.small{margin-top:0}.seg.small button{min-height:30px;padding:5px 10px;font-size:13px}.progress{border-radius:var(--r);background:var(--bg2);border:1px solid var(--line);height:34px;margin-top:14px;position:relative;overflow:hidden}.progress div{background:color-mix(in srgb, var(--accent) 30%, transparent);border-right:1px solid var(--accent);width:0;transition:width .25s var(--ease);position:absolute;inset:0 auto 0 0}.progress span{text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:0 10px;font-size:13px;line-height:32px;display:block;position:relative;overflow:hidden}.moments{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-top:14px;display:grid}.moments:has(.ai){border-top:1px solid var(--line);grid-template-columns:1fr;gap:0}.moments:empty{display:none}.moment{text-align:left;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);color:var(--text);font:inherit;cursor:pointer;padding:12px 14px;transition:border-color .2s,background .2s}.moment:hover{border-color:var(--faint)}.moment.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--bg2))}.moment b{font-size:15px;font-weight:600;display:block}.moment small{color:var(--muted);font-size:13px}.moment .meter{background:var(--line-2);height:2px;margin-top:10px;overflow:hidden}.moment .meter i{background:var(--accent);height:100%;display:block}.moment.ai{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding:14px 12px 14px 58px;position:relative;box-shadow:inset 2px 0 #0000}.moment.ai:hover{background:var(--surface)}.moment.ai.on{background:color-mix(in srgb, var(--accent) 7%, transparent);box-shadow:none}.moment.ai b{font-size:16px}.moment .score{text-align:center;border-radius:var(--r-sm);border:1px solid var(--line-2);width:36px;color:var(--muted);font-family:var(--mono);padding:3px 0;font-size:13px;font-weight:500;position:absolute;top:15px;left:10px}.moment.on .score{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.moment .why{color:var(--faint);margin-top:6px;line-height:1.45;display:block}.chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.chip{border:1px solid var(--line-2);color:var(--muted);border-radius:var(--r-sm);cursor:pointer;background:0 0;padding:5px 10px;font-family:inherit;font-size:13px;transition:color .2s,border-color .2s}.chip:hover{color:var(--text);border-color:var(--text)}.caps-edit{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.caps-edit summary{cursor:pointer;color:var(--muted);font-size:14px}.caps-edit summary:hover{color:var(--text)}#capList{flex-direction:column;gap:6px;max-height:320px;margin-top:12px;padding-right:4px;display:flex;overflow:auto}.cap-row{align-items:center;gap:10px;display:flex}.cap-row span{font-family:var(--mono);color:var(--faint);cursor:pointer;flex:none;width:54px;font-size:12px}.cap-row span:hover{color:var(--accent)}.cap-row input{min-height:36px;padding:7px 10px;font-size:14px}.export{border-bottom:0}.export #newVideo{margin-top:16px}#exportBtn.busy .icon{display:none}dialog{border:1px solid var(--line-2);background:var(--surface);color:var(--text);border-radius:var(--r-lg);width:min(480px,100% - 32px);padding:0;box-shadow:0 40px 80px -20px #000c}dialog::backdrop{background:#0a0807b8}@media (prefers-reduced-motion:no-preference){dialog[open]{animation:dlg .35s var(--ease)}}@keyframes dlg{0%{opacity:0;transform:translateY(10px)scale(.98)}}.dlg{flex-direction:column;gap:14px;padding:30px;display:flex}.dlg h3{font-size:34px}.dlg p{margin:0}.dlg .btn-primary[data-checkout]{align-self:flex-start}.dlg hr{border:0;border-top:1px solid var(--line);width:100%;margin:6px 0}.dlg .field{color:var(--muted)}