:root{color:#1d1d1f;font-synthesis:none;--system-blue:#0071e3;--system-green:#34c759;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--hairline:#00000021;background:#d7d7da;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:760px;height:100%;min-height:100%}body{margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid color-mix(in srgb, var(--system-blue) 65%, white);outline-offset:2px}.app-shell{width:100%;height:100%}.editor-window{background:#ececec;width:100%;height:100%;min-height:0;overflow:hidden}.editor-body{grid-template-columns:minmax(0,1fr) clamp(288px,27vw,320px);height:100%;display:grid}.canvas-column{background:#f5f5f7;flex-direction:column;min-width:0;min-height:0;display:flex}.stage-workspace{background:#e5e5e7;flex:1;place-items:center;min-height:0;padding:24px;display:grid}.stage-workspace--dragging{background:#dce9f8}.stage{aspect-ratio:16/9;background:#536477;border-radius:6px;width:min(1180px,100%);position:relative;overflow:hidden;box-shadow:0 24px 70px -20px #000000bf}.stage--portrait{width:auto;max-width:100%;height:100%}.stage-workspace--dragging .stage{box-shadow:0 0 0 3px color-mix(in srgb, var(--system-blue) 60%, transparent), 0 24px 70px -20px #000000bf}.preview-video{object-fit:contain;background:#101114;width:100%;height:100%;position:absolute;inset:0}.placeholder-frame{background:linear-gradient(#7190aa 0 52%,#c69d78 52% 62%,#344653 62%);position:absolute;inset:0;overflow:hidden}.placeholder-frame:after{content:"";background:linear-gradient(110deg,#131f2d57,#0000 48%,#edb78033);position:absolute;inset:0}.placeholder-sun{aspect-ratio:1;background:#ffe1ace0;border-radius:50%;width:8%;position:absolute;top:15%;right:15%;box-shadow:0 0 32px #ffda9b8c}.placeholder-ridge{clip-path:polygon(0 88%,12% 52%,23% 70%,37% 23%,49% 67%,62% 36%,75% 71%,87% 44%,100% 77%,100% 100%,0 100%);background:#435564;width:116%;height:35%;position:absolute;bottom:28%;left:-8%}.placeholder-ridge--front{opacity:.95;clip-path:polygon(0 62%,17% 38%,29% 57%,43% 33%,59% 59%,73% 30%,88% 52%,100% 35%,100% 100%,0 100%);background:#263743;height:43%;bottom:0}.import-panel{z-index:4;color:#fff;text-align:center;text-shadow:0 1px 3px #00000059;background:#11182047;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:24px;display:flex;position:absolute;inset:0}.import-panel strong{font-size:15px;font-weight:600}.import-panel small{color:#ffffffb8;max-width:390px;font-size:11px;line-height:1.45}.import-panel button{color:#1d1d1f;cursor:pointer;height:30px;text-shadow:none;background:#ffffffeb;border:.5px solid #ffffff94;border-radius:7px;margin-top:3px;padding:0 14px;font-size:12px;font-weight:590;box-shadow:0 2px 8px #00000026}.spinner{border:2px solid #ffffff47;border-top-color:#fff;border-radius:50%;width:22px;height:22px;margin-bottom:2px;animation:.8s linear infinite spin}.stage-notice{z-index:6;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141418c7;border-radius:7px;max-width:calc(100% - 24px);padding:7px 10px;font-size:11px;position:absolute;bottom:12px;right:12px}.crop-mask{pointer-events:none;background:#0c0d1099;position:absolute;inset:0}.crop-frame{border:1.5px solid var(--system-blue);cursor:move;touch-action:none;position:absolute;box-shadow:0 0 0 1px #0006}.crop-grid{position:absolute;inset:0}.crop-guide{background:#ffffff47;position:absolute}.crop-guide--vertical-first,.crop-guide--vertical-second{width:1px;top:0;bottom:0}.crop-guide--vertical-first{left:33.333%}.crop-guide--vertical-second{left:66.667%}.crop-guide--horizontal-first,.crop-guide--horizontal-second{height:1px;left:0;right:0}.crop-guide--horizontal-first{top:33.333%}.crop-guide--horizontal-second{top:66.667%}.crop-handle{border-color:var(--system-blue);touch-action:none;background:0 0;border-style:solid;width:16px;height:16px;padding:0;position:absolute}.crop-handle--top-left{border-width:3px 0 0 3px;top:-5px;left:-5px}.crop-handle--top-right{border-width:3px 3px 0 0;top:-5px;right:-5px}.crop-handle--bottom-left{border-width:0 0 3px 3px;bottom:-5px;left:-5px}.crop-handle--bottom-right{border-width:0 3px 3px 0;bottom:-5px;right:-5px}.crop-handle--top-left,.crop-handle--bottom-right{cursor:nwse-resize}.crop-handle--top-right,.crop-handle--bottom-left{cursor:nesw-resize}.ratio-badge{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:590;position:absolute;top:8px;left:8px}.timeline{background:#fafafa;border-top:.5px solid #0000001f;flex:none;padding:14px 24px 20px}.timeline-header{align-items:center;gap:12px;margin-bottom:11px;display:flex}.play-button{cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:26px;height:26px;padding:0;font-size:13px;display:grid}.play-button:hover:not(:disabled){background:#0000000f}.play-button:disabled{color:#aaa;cursor:default}.timecode,.summary-row strong{font-variant-numeric:tabular-nums}.timecode{font-size:13px}.timecode--muted{color:#a3a3a0}.trim-summary{color:var(--text-secondary);align-items:center;gap:8px;margin-left:auto;font-size:12px;display:flex}.trim-summary strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:590}.trim-time-input{align-items:center;gap:4px;display:flex}.trim-time-input input{width:58px;height:26px;color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:center;background:#fff;border:.5px solid #0003;border-radius:6px;padding:0 4px;font-size:12px}.timeline-track{background:#0e0f13;border:1px solid #23252c;border-radius:10px;height:62px;position:relative;overflow:hidden}.timeline-track--disabled{opacity:.56}.thumbnail-strip{display:flex;position:absolute;inset:0}.thumbnail-strip span,.thumbnail-strip img{object-fit:cover;background:linear-gradient(#0c0d101f,#0c0d1047),linear-gradient(145deg,#7893a9 0 48%,#b88d67 49% 57%,#334753 58%);border:0;border-right:1px solid #ffffff2e;flex:1;min-width:0}.trim-shade{background:#0c0d10b8;position:absolute;top:0;bottom:0}.trim-shade--left{left:0}.trim-shade--right{right:0}.trim-selection{border:2px solid var(--system-blue);border-radius:6px;position:absolute;top:0;bottom:0}.trim-handle{z-index:2;background:var(--system-blue);cursor:ew-resize;touch-action:none;border:0;width:12px;padding:0;position:absolute;top:0;bottom:0;transform:translate(-50%)}.trim-handle--start{border-radius:6px 0 0 6px}.trim-handle--end{border-radius:0 6px 6px 0}.playhead{z-index:3;pointer-events:none;background:#fff;width:2px;position:absolute;top:-3px;bottom:-3px;box-shadow:0 0 8px #fff9}.inspector{-webkit-backdrop-filter:saturate(180%)blur(24px);backdrop-filter:saturate(180%)blur(24px);background:#f6f6f8d9;border-left:.5px solid #0000001f;flex-direction:column;gap:18px;min-width:0;padding:18px 16px;display:flex;overflow-y:auto}.history-controls{justify-content:flex-end;gap:4px;margin-bottom:-6px;display:flex}.history-controls button{color:#3c3c43;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:30px;height:28px;padding:0;display:grid}.history-controls button:hover:not(:disabled){background:#0000000f}.history-controls button:disabled{color:#c2c2c6;cursor:default}.history-icon{fill:currentColor;pointer-events:none;width:18px;height:18px}.history-icon--redo{transform:scaleX(-1)}.inspector-section{flex-direction:column;gap:14px;display:flex}.inspector h2{letter-spacing:-.01em;margin:0;font-size:13px;font-weight:600}.inspector hr{background:#0000001c;border:0;width:100%;height:.5px;margin:0}.form-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.switch{cursor:pointer;background:#78788052;border:0;border-radius:12px;width:38px;height:23px;padding:0;transition:background .18s;position:relative}.switch[aria-checked=true]{background:var(--system-green)}.switch span{background:#fff;border-radius:50%;width:19px;height:19px;transition:left .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.switch[aria-checked=true] span{left:17px}.crop-controls{flex-direction:column;gap:14px;display:flex}fieldset{border:0;min-width:0;margin:0;padding:0}legend{color:var(--text-secondary);margin-bottom:8px;font-size:12px}.segmented-control{background:#78788024;border-radius:8px;gap:1px;padding:2px;display:flex}.segmented-control button{color:#3c3c43;letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;min-width:0;padding:6px 4px;font-size:12px;font-weight:500}.segmented-control button[aria-pressed=true]{color:var(--text-primary);background:#fff;font-weight:590;box-shadow:0 .5px 2px #0000002e,0 0 0 .5px #0000000a}.segmented-control button:disabled{color:#a3a3a0;cursor:not-allowed}.custom-ratio{color:#9b9b9f;align-items:center;gap:6px;font-size:12px;display:flex}.custom-ratio input{text-align:center;background:#fff;border:.5px solid #00000038;border-radius:6px;width:50px;height:26px;padding:0 4px;font-size:13px;box-shadow:inset 0 .5px 1.5px #0000000f}.export-section{gap:13px}.select-wrap{background:linear-gradient(#fff,#f2f2f4);border:.5px solid #0003;border-radius:7px;align-items:center;height:28px;display:inline-flex;position:relative;box-shadow:0 .5px 1px #00000012}.select-wrap select{appearance:none;min-width:82px;height:100%;color:var(--text-primary);background:0 0;border:0;padding:0 32px 0 11px;font-size:13px}.select-wrap>span{background:var(--system-blue);color:#fff;pointer-events:none;border-radius:5px;place-items:center;width:18px;height:18px;font-size:11px;display:grid;position:absolute;right:5px}.inspector-divider{background:#00000014;height:.5px;margin:1px 0}.summary-row{color:var(--text-secondary);justify-content:space-between;font-size:13px;display:flex}.summary-row strong{color:var(--text-primary);font-weight:400}.export-button{background:linear-gradient(#2f8bff, var(--system-blue));color:#fff;border:.5px solid #0000000f;border-radius:7px;height:32px;margin-top:auto;font-size:13.5px;font-weight:590;box-shadow:0 1px 2px #0071e359,inset 0 .5px #fff6}.export-button:disabled{opacity:.72;cursor:not-allowed}.export-button--cancel{color:#3c3c43;background:linear-gradient(#fff,#ededf0);box-shadow:0 .5px 1px #0000001f}.export-status{min-height:30px;color:var(--text-secondary);margin:auto 0 -10px;font-size:11px;line-height:1.4}.export-status--ready{color:#297143}.export-status--error{color:#c73b32}.export-status--success{color:#1f7a3f}.export-progress{flex-direction:column;gap:7px;margin:auto 0 -10px;display:flex}.export-progress span{justify-content:space-between;align-items:center;font-size:11px;display:flex}.export-progress strong{font-weight:590}.export-progress em{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-style:normal}.export-progress progress{appearance:none;background:#78788029;border:0;border-radius:3px;width:100%;height:5px;overflow:hidden}.export-progress progress::-webkit-progress-bar{background:#78788029}.export-progress progress::-webkit-progress-value{background:var(--system-blue);border-radius:3px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=1024px),(height<=720px){.editor-body{grid-template-columns:minmax(0,1fr) 288px}.stage-workspace{padding:24px}.timeline{padding-left:18px;padding-right:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@keyframes spin{to{transform:rotate(360deg)}}