:root{--font-family-heading:"Outfit", "Inter", sans-serif;--font-family-body:"Inter", system-ui, sans-serif;--primary-color:#2713ff;--primary-dark:#1807c7;--secondary-color:#ff0059;--text-primary:#0b0b12;--text-secondary:#626676;--background:#fff;--surface:#f7f5fb;--surface-strong:#efeafb;--border:#e6e0f0;--shadow:#140b3b14;--stage:#0b0b12;--danger:#d0003f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-family-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--primary-color:#6f5cff;--primary-dark:#4b38e6;--secondary-color:#ff4d85;--text-primary:#f5f4ff;--text-secondary:#a7a4bd;--background:#0b0b12;--surface:#14141e;--surface-strong:#1c1c2a;--border:#2a2a3a;--shadow:#00000080;--stage:#050508;--danger:#ff4d85;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--background)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}[hidden]{display:none!important}.app{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);height:100dvh;display:grid}.button{border:1px solid var(--border);background:var(--background);height:38px;color:var(--text-primary);white-space:nowrap;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:var(--surface)}.button.primary{background:var(--primary-color);color:#fff;border-color:#0000}.button.primary:hover{background:var(--primary-dark)}.button kbd{border:1px solid var(--border);color:var(--text-secondary);border-radius:5px;padding:1px 5px;font-family:inherit;font-size:11px;font-weight:600}.icon-button{width:40px;height:40px;color:var(--text-secondary);border-radius:10px;flex:none;place-items:center;display:grid}.icon-button:hover{background:var(--surface);color:var(--text-primary)}.icon-button.play{background:var(--primary-color);color:#fff;border-radius:999px;width:44px;height:44px}.icon-button.play:hover{background:var(--primary-dark);color:#fff}.topbar{border-bottom:1px solid var(--border);background:var(--background);align-items:center;gap:16px;min-width:0;height:60px;padding:0 20px;display:flex}.brand{font-family:var(--font-family-heading);flex:none;align-items:center;gap:8px;font-size:19px;font-weight:700;display:inline-flex}.brand svg{color:var(--primary-color)}.file-name{min-width:0;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.stage{background:var(--stage);place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.stage.empty{background:var(--surface);padding:24px 16px}.preview{object-fit:contain;width:100%;height:100%;display:block}.stage-message{color:#e8e6f5;text-align:center;place-content:center;justify-items:center;gap:16px;padding:24px;font-size:15px;display:grid;position:absolute;inset:0}.drop-zone{border:2px dashed var(--border);background:var(--background);text-align:center;border-radius:20px;justify-items:center;gap:12px;width:min(520px,100%);padding:48px 32px;display:grid}.drop-zone-icon{background:var(--surface-strong);width:64px;height:64px;color:var(--primary-color);border-radius:999px;place-items:center;margin-bottom:4px;display:grid}.drop-zone h1{font-family:var(--font-family-heading);font-size:26px;font-weight:700}.drop-zone p{max-width:340px;color:var(--text-secondary);font-size:15px;line-height:1.5}.drop-zone .button{margin-top:8px}.drop-zone .drop-zone-formats{font-size:12px}.drop-overlay{z-index:20;border:3px dashed var(--primary-color);background:color-mix(in srgb, var(--primary-color) 14%, transparent);color:var(--primary-color);font-family:var(--font-family-heading);pointer-events:none;border-radius:20px;place-items:center;font-size:24px;font-weight:700;display:grid;position:fixed;inset:12px}.controls{border-top:1px solid var(--border);background:var(--background);padding:16px 24px 18px}.transport{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:14px;display:flex}.transport-group{align-items:center;gap:6px;display:flex}.timecode{color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:10px;font-size:14px}.timecode strong{color:var(--text-primary);font-weight:600}.timeline{padding:8px 14px 0}.timeline-track{background:var(--surface-strong);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;height:56px;position:relative}.filmstrip{border-radius:8px;display:flex;position:absolute;inset:0;overflow:hidden}.filmstrip>*{flex:1 1 0;min-width:0;height:100%}.filmstrip img{object-fit:cover;display:block}.filmstrip span+span{border-left:1px solid var(--border)}.timeline-shade{pointer-events:none;background:#0b0b129e;position:absolute;top:0;bottom:0}.timeline-shade:first-of-type{border-radius:8px 0 0 8px}.timeline-shade:nth-of-type(2){border-radius:0 8px 8px 0}.timeline-selection{border-top:3px solid var(--primary-color);border-bottom:3px solid var(--primary-color);pointer-events:none;position:absolute;top:0;bottom:0}.timeline-handle{z-index:1;background:var(--primary-color);cursor:ew-resize;width:14px;position:absolute;top:0;bottom:0}.timeline-handle:before{content:"";position:absolute;inset:-8px}.timeline-handle:after{content:"";background:#ffffffe6;border-radius:1px;width:2px;height:18px;margin:-9px 0 0 -1px;position:absolute;top:50%;left:50%}.timeline-handle.start{border-radius:8px 0 0 8px;transform:translate(-100%)}.timeline-handle.end{border-radius:0 8px 8px 0}.timeline-handle:hover,.timeline-handle:focus-visible{background:var(--primary-dark)}.playhead{z-index:2;background:var(--secondary-color);pointer-events:none;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:-8px;bottom:-4px}.playhead:before{content:"";background:var(--secondary-color);border-radius:999px;width:10px;height:10px;margin-left:-5px;position:absolute;top:0;left:50%}.timeline-scale{height:16px;color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-top:6px;font-size:11px;position:relative}.timeline-scale span{white-space:nowrap;position:absolute;transform:translate(-50%)}.timeline-scale span:first-child{transform:none}.export-bar{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:14px;padding-top:14px;display:flex}.clip-summary{gap:28px;display:flex}.clip-summary dt{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:600}.clip-summary dd{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.export-action{align-items:center;gap:12px;min-width:0;min-height:38px;display:flex}.progress{background:var(--surface-strong);border-radius:999px;flex:0 180px;min-width:60px;height:6px;overflow:hidden}.progress span{background:var(--primary-color);height:100%;transition:width .12s linear;display:block}.progress-label{min-width:112px;color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:13px}.export-file{text-align:right;min-width:0;font-size:12px;display:grid}.export-file strong{text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-size:14px;overflow:hidden}.export-file span{color:var(--text-secondary)}.export-error{max-width:440px;color:var(--danger);font-size:13px;line-height:1.4}.export-warning{color:var(--text-secondary);flex-basis:100%;font-size:12px}@media (width<=640px){.topbar{gap:10px;padding:0 16px}.controls{padding:12px 16px 16px}.timecode{margin-left:4px;font-size:13px}.transport-group .button{padding:0 10px}.button kbd{display:none}.clip-summary{gap:18px}.export-action{flex:100%;justify-content:flex-end}.export-action .progress{flex:1}.export-file strong{max-width:160px}}