:root{--sg-bg:#f4f3f0;--sg-panel:#ffffffb8;--sg-panel-solid:#fff;--sg-panel-hover:#ffffffe0;--sg-surface:#00000008;--sg-border:#0000000f;--sg-border-strong:#0000001a;--sg-accent:#0d9488;--sg-accent-soft:#0d948812;--sg-accent-mid:#0d948824;--sg-accent-text:#0f766e;--sg-fg:#1a1a1a;--sg-fg2:#6b7280;--sg-fg3:#9ca3af;--sg-shadow:0 2px 20px -4px #00000014,0 0 0 1px #00000008;--sg-shadow-lg:0 8px 40px -8px #0000001f,0 0 0 1px #0000000a;--sg-font:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--sg-radius:20px;--sg-radius-sm:12px;--sg-radius-xs:8px;--sg-blur:24px}.dark{--sg-bg:#0c0c0e;--sg-panel:#1c1c20bf;--sg-panel-solid:#1c1c20;--sg-panel-hover:#24242ad9;--sg-surface:#ffffff0a;--sg-border:#ffffff0f;--sg-border-strong:#ffffff1a;--sg-accent:#2dd4bf;--sg-accent-soft:#2dd4bf1a;--sg-accent-mid:#2dd4bf2e;--sg-accent-text:#5eead4;--sg-fg:#f3f4f6;--sg-fg2:#9ca3af;--sg-fg3:#4b5563;--sg-shadow:0 2px 20px -4px #0006,0 0 0 1px #ffffff0a;--sg-shadow-lg:0 8px 40px -8px #00000080,0 0 0 1px #ffffff0d}.sg-workspace{font-family:var(--sg-font);color:var(--sg-fg)}.sg-glass{background:var(--sg-panel);-webkit-backdrop-filter:blur(var(--sg-blur));border:1px solid var(--sg-border);border-radius:var(--sg-radius);box-shadow:var(--sg-shadow);transition:box-shadow .3s,border-color .3s}.sg-glass:hover{box-shadow:var(--sg-shadow-lg)}.sg-pills{background:var(--sg-surface);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.sg-pill{color:var(--sg-fg2);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--sg-font);white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:6px 14px;transition:all .2s}.sg-pill:hover{color:var(--sg-fg);background:var(--sg-panel)}.sg-pill[data-active=true]{color:var(--sg-accent-text);background:var(--sg-panel-solid);box-shadow:0 1px 3px #00000014,0 0 0 1px var(--sg-border);font-weight:600}.sg-pill:disabled{opacity:.5;cursor:not-allowed}.sg-btn{height:40px;font-size:14px;font-weight:600;font-family:var(--sg-font);cursor:pointer;color:#fff;background:linear-gradient(135deg,#0d9488,#06b6d4);border:none;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 22px;transition:all .25s;display:inline-flex;box-shadow:0 2px 8px -2px #0d948859}.sg-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px -2px #0d948866}.sg-btn:active{transform:translateY(0)}.sg-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.sg-btn-ghost{color:var(--sg-fg2);border-radius:var(--sg-radius-xs);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--sg-font);background:0 0;border:none;align-items:center;gap:5px;padding:6px 12px;transition:all .15s;display:inline-flex}.sg-btn-ghost:hover{color:var(--sg-accent-text);background:var(--sg-accent-soft)}.sg-btn-ghost:disabled{opacity:.4;cursor:not-allowed}.sg-chip{border:1px solid var(--sg-border);color:var(--sg-fg2);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--sg-font);background:0 0;border-radius:8px;padding:4px 10px;transition:all .15s}.sg-chip:hover{border-color:var(--sg-accent);color:var(--sg-accent-text)}.sg-chip[data-active=true]{border-color:var(--sg-accent);color:var(--sg-accent-text);background:var(--sg-accent-soft)}.sg-input{background:var(--sg-surface);border:1px solid var(--sg-border);border-radius:var(--sg-radius-xs);color:var(--sg-fg);font-family:var(--sg-font);transition:border-color .2s,box-shadow .2s}.sg-input:focus{border-color:var(--sg-accent);box-shadow:0 0 0 3px var(--sg-accent-soft);outline:none}.sg-input::placeholder{color:var(--sg-fg3)}.sg-textarea{background:var(--sg-surface);border-radius:var(--sg-radius-sm);color:var(--sg-fg);font-family:var(--sg-font);resize:none;border:1px solid #0000;padding:16px;font-size:15px;line-height:1.6;transition:border-color .2s,background .2s}.sg-textarea:focus{border-color:var(--sg-border-strong);box-shadow:none;background:0 0;outline:none}.sg-textarea::placeholder{color:var(--sg-fg3)}.sg-progress{background:var(--sg-surface);border-radius:1px;height:2px;overflow:hidden}.sg-progress-fill{background:var(--sg-accent);border-radius:1px;height:100%;transition:width .3s}.sg-progress-fill[data-warn=true]{background:#ef4444}.sg-divider{background:var(--sg-border);height:1px}.sg-screen{border-radius:var(--sg-radius-sm);background:#000;overflow:hidden;box-shadow:0 4px 24px -4px #00000026}.dark .sg-screen{box-shadow:0 4px 32px -4px #00000080}@keyframes sg-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sg-fade-in{animation:.35s ease-out forwards sg-fade-in}@keyframes sg-spin{to{transform:rotate(360deg)}}.sg-spin{animation:1.5s linear infinite sg-spin}@keyframes sg-pulse{0%,to{opacity:1}50%{opacity:.5}}.sg-pulse{animation:2s ease-in-out infinite sg-pulse}@keyframes sg-dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.sg-dots:after{content:"";animation:1.5s step-end infinite sg-dots}video:fullscreen{object-fit:contain}video:fullscreen{object-fit:contain}@media (hover:none){.sg-btn:hover{transform:none;box-shadow:0 2px 8px -2px #6366f159}}.sg-history-card{border-radius:var(--sg-radius-sm);border:1px solid var(--sg-border);background:var(--sg-panel-solid);cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.sg-history-card:hover{border-color:var(--sg-border-strong);box-shadow:var(--sg-shadow-lg);transform:translateY(-2px)}.sg-history-card:hover video{transform:scale(1.03)}.sg-card-overlay{z-index:5;opacity:0;pointer-events:none;background:linear-gradient(#0000 45%,#000000bf 100%);transition:opacity .3s;position:absolute;inset:0}.sg-history-card:hover .sg-card-overlay{opacity:1}