:root{--sg-bg-void:#05070d;--sg-bg-base:#0a0e17;--sg-bg-raised:#10151f;--sg-bg-overlay:#161c28;--sg-border-subtle:#232a38;--sg-border-strong:#333c4e;--sg-text-primary:#eef1f6;--sg-text-secondary:#9aa4b7;--sg-text-tertiary:#626d82;--sg-text-on-accent:#05070d;--sg-purple-50:#efe9ff;--sg-purple-300:#ac93ff;--sg-purple-500:#7c5cff;--sg-purple-600:#6a46f5;--sg-purple-700:#5535cc;--sg-cyan-300:#7fe3ef;--sg-cyan-500:#35c5dc;--sg-cyan-600:#22a6bc;--sg-amber-300:#ffd48a;--sg-amber-500:#f0a83c;--sg-amber-600:#cf8a25;--sg-green-400:#6bd98f;--sg-green-500:#3fbf6a;--sg-red-400:#f2777a;--sg-red-500:#e2555a;--sg-accent-primary:var(--sg-purple-500);--sg-accent-primary-hover:var(--sg-purple-300);--sg-accent-primary-active:var(--sg-purple-700);--sg-accent-media:var(--sg-cyan-500);--sg-accent-future:var(--sg-amber-500);--sg-accent-success:var(--sg-green-500);--sg-accent-error:var(--sg-red-500);--sg-focus-ring:var(--sg-cyan-300);--sg-font-sans:"Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sg-font-mono:"SF Mono", "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;--sg-text-xs:.75rem;--sg-text-sm:.8125rem;--sg-text-base:.9375rem;--sg-text-lg:1.125rem;--sg-text-xl:1.5rem;--sg-weight-regular:400;--sg-weight-medium:500;--sg-weight-semibold:600;--sg-tracking-wide:.04em;--sg-tracking-wider:.08em;--sg-space-1:4px;--sg-space-2:8px;--sg-space-3:12px;--sg-space-4:16px;--sg-space-5:20px;--sg-space-6:24px;--sg-space-8:32px;--sg-radius-sm:6px;--sg-radius-md:10px;--sg-radius-lg:14px;--sg-radius-full:999px;--sg-shadow-sm:0 1px 2px #0006;--sg-shadow-md:0 4px 16px #00000073;--sg-shadow-lg:0 12px 32px #00000080;--sg-ease-standard:cubic-bezier(.2, 0, 0, 1);--sg-duration-fast:.12s;--sg-duration-base:.18s;--sg-shell-header-height:56px;--sg-shell-transport-height:92px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--sg-bg-void);color:var(--sg-text-primary);font-family:var(--sg-font-sans);font-size:var(--sg-text-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5}button,input{color:inherit;font-family:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--sg-focus-ring);outline-offset:2px;border-radius:var(--sg-radius-sm)}::selection{background:var(--sg-purple-700);color:var(--sg-text-primary)}.sg-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sg-app-shell{background:var(--sg-bg-void);flex-direction:column;height:100%;min-height:0;display:flex}.sg-header{flex:0 0 var(--sg-shell-header-height);padding:0 var(--sg-space-5);background:var(--sg-bg-base);border-bottom:1px solid var(--sg-border-subtle);justify-content:space-between;align-items:center;display:flex}.sg-header__brand{font-size:var(--sg-text-sm);font-weight:var(--sg-weight-semibold);letter-spacing:var(--sg-tracking-wider);color:var(--sg-text-primary)}.sg-header__nav{align-items:center;gap:var(--sg-space-5);display:flex}.sg-header__nav-item{font-size:var(--sg-text-sm);color:var(--sg-text-tertiary);letter-spacing:var(--sg-tracking-wide);-webkit-user-select:none;user-select:none}.sg-header__nav-item--disabled{cursor:default;opacity:.55}.sg-header__icon-button{border-radius:var(--sg-radius-sm);width:30px;height:30px;color:var(--sg-text-tertiary);transition:background var(--sg-duration-fast) var(--sg-ease-standard);justify-content:center;align-items:center;display:inline-flex}.sg-header__icon-button:not(:disabled):hover{background:var(--sg-bg-raised);color:var(--sg-text-secondary)}.sg-header__icon-button:disabled{opacity:.45;cursor:default}.sg-stage{background:var(--sg-bg-void);flex:auto;min-height:0;display:flex}.sg-canvas{background:#000;flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.sg-canvas--drag-active:after{content:"";inset:var(--sg-space-3);border:1.5px dashed var(--sg-accent-primary);border-radius:var(--sg-radius-md);pointer-events:none;position:absolute}.sg-canvas__video{object-fit:contain;background:#000;width:100%;height:100%}.sg-canvas__status{bottom:var(--sg-space-5);padding:var(--sg-space-2) var(--sg-space-4);border-radius:var(--sg-radius-full);border:1px solid var(--sg-border-subtle);color:var(--sg-text-secondary);font-size:var(--sg-text-sm);letter-spacing:var(--sg-tracking-wide);background:#0a0e17d9;position:absolute;left:50%;transform:translate(-50%)}.sg-canvas__drop-hint{font-size:var(--sg-text-lg);font-weight:var(--sg-weight-medium);color:var(--sg-accent-primary-hover);pointer-events:none;background:#05070d8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sg-empty-state{align-items:center;gap:var(--sg-space-2);text-align:center;padding:var(--sg-space-8);flex-direction:column;max-width:360px;display:flex}.sg-empty-state__brand{margin:0 0 var(--sg-space-3);font-size:var(--sg-text-lg);font-weight:var(--sg-weight-semibold);letter-spacing:var(--sg-tracking-wider);color:var(--sg-text-primary)}.sg-empty-state__prompt{font-size:var(--sg-text-base);color:var(--sg-text-secondary);margin:0}.sg-empty-state__or{margin:var(--sg-space-1) 0;font-size:var(--sg-text-xs);letter-spacing:var(--sg-tracking-wider);color:var(--sg-text-tertiary)}.sg-empty-state__formats{margin:var(--sg-space-3) 0 0;font-size:var(--sg-text-xs);letter-spacing:var(--sg-tracking-wide);color:var(--sg-text-tertiary)}.sg-empty-state__error{margin:var(--sg-space-3) 0 0;font-size:var(--sg-text-sm);color:var(--sg-accent-error)}.sg-button{padding:var(--sg-space-3) var(--sg-space-6);border-radius:var(--sg-radius-md);font-size:var(--sg-text-sm);font-weight:var(--sg-weight-medium);letter-spacing:var(--sg-tracking-wide);transition:background var(--sg-duration-fast) var(--sg-ease-standard), transform var(--sg-duration-fast) var(--sg-ease-standard);justify-content:center;align-items:center;display:inline-flex}.sg-button--primary{background:var(--sg-accent-primary);color:var(--sg-text-on-accent)}.sg-button--primary:hover{background:var(--sg-accent-primary-hover)}.sg-button--primary:active{background:var(--sg-accent-primary-active);transform:scale(.98)}.sg-transport{min-height:var(--sg-shell-transport-height);justify-content:center;gap:var(--sg-space-2);padding:var(--sg-space-3) var(--sg-space-5) var(--sg-space-4);background:var(--sg-bg-base);border-top:1px solid var(--sg-border-subtle);flex-direction:column;flex:none;display:flex}.sg-timeline{align-items:center;gap:var(--sg-space-3);display:flex}.sg-timeline__time{font-variant-numeric:tabular-nums;width:3.5em;font-family:var(--sg-font-mono);font-size:var(--sg-text-xs);color:var(--sg-text-tertiary);flex:none}.sg-timeline__time:last-child{text-align:right}.sg-timeline__track{flex:auto}.sg-controls{align-items:center;gap:var(--sg-space-2);display:flex}.sg-controls__spacer{flex:auto}.sg-control-button{border-radius:var(--sg-radius-full);width:38px;height:38px;color:var(--sg-text-secondary);transition:background var(--sg-duration-fast) var(--sg-ease-standard), color var(--sg-duration-fast) var(--sg-ease-standard);justify-content:center;align-items:center;display:inline-flex}.sg-control-button:not(:disabled):hover{background:var(--sg-bg-raised);color:var(--sg-text-primary)}.sg-control-button:not(:disabled):active{background:var(--sg-bg-overlay)}.sg-control-button:disabled{color:var(--sg-text-tertiary);opacity:.4}.sg-control-button--primary{background:var(--sg-accent-primary);width:46px;height:46px;color:var(--sg-text-on-accent)}.sg-control-button--primary:not(:disabled):hover{background:var(--sg-accent-primary-hover);color:var(--sg-text-on-accent)}.sg-control-button--primary:not(:disabled):active{background:var(--sg-accent-primary-active)}.sg-control-button--primary:disabled{background:var(--sg-bg-raised);color:var(--sg-text-tertiary)}.sg-volume{align-items:center;gap:var(--sg-space-2);width:132px;display:flex}.sg-volume__track{flex:auto}input[type=range]{appearance:none;border-radius:var(--sg-radius-full);background:var(--sg-border-strong);outline-offset:4px;height:4px;accent-color:var(--sg-accent-media)}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--sg-accent-media);width:13px;height:13px;box-shadow:var(--sg-shadow-sm);transition:transform var(--sg-duration-fast) var(--sg-ease-standard);border-radius:50%}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]::-moz-range-thumb{background:var(--sg-accent-media);border:none;border-radius:50%;width:13px;height:13px}input[type=range]:disabled{opacity:.4}@media (width<=640px){.sg-header{padding:0 var(--sg-space-3)}.sg-header__nav{gap:var(--sg-space-3)}.sg-transport{padding:var(--sg-space-2) var(--sg-space-3) var(--sg-space-3)}.sg-volume{width:84px}.sg-controls{gap:var(--sg-space-1)}.sg-control-button{width:34px;height:34px}.sg-control-button--primary{width:42px;height:42px}}