:root{color:#dbeafe;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#030712;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% 0,#0ea5e93b,#0000 34rem),radial-gradient(circle at 86% 18%,#f59e0b33,#0000 30rem),linear-gradient(135deg,#020617 0%,#0f172a 45%,#111827 100%);min-width:320px;min-height:100vh;margin:0}button,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}#root{min-height:100vh}:root{color:#eef4ff;background:#020617}.app-shell{width:min(1220px,100% - 28px);margin:0 auto;padding:24px 0 44px}.auth-shell{place-items:center;min-height:100vh;display:grid}.hero-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 0 0,#0ea5e938,#0000 36%),radial-gradient(circle at 100% 0,#f59e0b29,#0000 30%),#060c1ce6;border:1px solid #94a3b838;border-radius:30px;padding:26px;box-shadow:0 28px 90px #0000006b}.auth-panel{width:min(520px,100%)}.app-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px;margin-bottom:20px;display:grid}.brand-stack{gap:0;display:grid}.brand-title-row{align-items:center;gap:12px;display:flex}.brand-title-row h1{margin-bottom:10px}.mobile-menu-button{color:#f8fafc;background:#0f172adb;border:1px solid #38bdf859;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:4px;width:38px;height:38px;display:none}.mobile-menu-button span{background:currentColor;border-radius:999px;width:16px;height:2px;display:block}.mobile-menu-button[aria-expanded=true]{background:#f59e0b24;border-color:#f59e0b99}.eyebrow{color:#38bdf8;letter-spacing:.24em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1{color:#f8fafc;letter-spacing:-.06em;margin-bottom:10px;font-size:clamp(2.25rem,6vw,4.75rem);line-height:.92}h2{color:#f8fafc;font-size:1.15rem}.subtitle,.muted-text,.signed-in,.history-meta{color:#9fb0ce}.subtitle{margin-bottom:0;font-weight:800}.status-card{background:#0206179e;border:1px solid #38bdf838;border-radius:20px;min-width:240px;padding:14px}.status-pill{color:#86efac;background:#22c55e1f;border-radius:999px;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;font-weight:900;display:inline-flex}.signed-in{font-size:.86rem;line-height:1.5}.logout-button{color:#fecaca;border-color:#f8717159;width:100%;margin-top:12px}.logout-button:hover{color:#fee2e2;border-color:#f871719e}.tool-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 20px;display:grid}.tab-button,.primary-button,.secondary-button,.ghost-button,.download-link{border-radius:14px;font-weight:900;text-decoration:none}.tab-button{color:#cbd5e1;background:#0f172ab8;border:1px solid #94a3b838;padding:12px 14px}.tab-button.active{color:#f8fafc;background:linear-gradient(135deg,#0ea5e933,#f59e0b1f);border-color:#38bdf899}.tab-button:disabled,.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.55}.mobile-first-grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:start;gap:20px;display:grid}.card{background:#0206178c;border:1px solid #94a3b833;border-radius:22px;padding:20px}.preview-card{position:sticky;top:16px}.result-frame{background:#0f172adb;border:1px solid #94a3b833;border-radius:20px;place-items:center;min-height:390px;display:grid;overflow:hidden}.result-frame img,.result-frame video{object-fit:contain;width:100%;max-height:620px;display:block}.empty-result{color:#94a3b8;text-align:center;padding:32px;font-weight:900}.form-stack,.form-section,.auth-card,.user-card{gap:16px;display:grid}.form-section{background:#0f172a7a;border:1px solid #94a3b824;border-radius:18px;padding:16px}.form-section h2{margin-bottom:0}label,.sr-label{color:#dbeafe;gap:8px;font-weight:900;display:grid}.sr-label{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}textarea,select,input{color:#f8fafc;background:#0f172ae6;border:1px solid #94a3b847;border-radius:16px;outline:none;width:100%;padding:13px 14px}textarea:focus,select:focus,input:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf824}.file-input{padding:10px 12px}.selected-image-preview,.selected-audio-preview{background:#0206176b;border:1px solid #38bdf838;border-radius:14px;align-items:center;gap:10px;padding:8px;display:flex}.selected-image-preview img{object-fit:cover;background:#0f172ae6;border-radius:10px;flex:none;width:64px;height:46px}.selected-audio-preview audio{flex:0 220px;width:min(220px,100%)}.selected-image-preview div,.selected-audio-preview div{gap:2px;min-width:0;display:grid}.selected-image-preview strong,.selected-audio-preview strong{color:#e0f2fe;font-size:.78rem}.selected-image-preview span,.selected-audio-preview span{color:#9fb0ce;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.param-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.primary-button{color:#020617;background:linear-gradient(135deg,#38bdf8,#f59e0b);border:0;padding:15px 18px}.secondary-button,.ghost-button,.download-link{color:#e2e8f0;background:#0f172ac2;border:1px solid #94a3b83d;justify-content:center;align-items:center;padding:9px 12px;display:inline-flex}.secondary-button:hover,.ghost-button:hover,.download-link:hover{color:#f8fafc;border-color:#38bdf880}.ghost-button{color:#fecaca}.error-box{color:#fecaca;background:#7f1d1d40;border:1px solid #f8717159;border-radius:14px;padding:12px}.progress-box{color:#bae6fd;background:#0ea5e924;border:1px solid #38bdf859;border-radius:14px;gap:4px;padding:12px;display:grid}.progress-box strong{color:#f8fafc}.section-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.section-header.compact{align-items:center;margin-bottom:14px}.section-header h2{margin-bottom:0}.user-card,.gallery-panel{margin-top:20px}.user-list,.user-form{gap:10px;display:grid}.user-list{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.user-row{background:#0f172a94;border:1px solid #94a3b829;border-radius:14px;justify-content:space-between;gap:10px;padding:10px 12px;display:flex}.user-row span{color:#7dd3fc;font-weight:900}.user-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.gallery-actions{align-items:center;gap:10px;display:flex}.gallery-count{color:#bae6fd;white-space:nowrap;background:#38bdf81f;border-radius:999px;padding:7px 12px;font-weight:900}.generation-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.generation-card{background:#0f172ab8;border:1px solid #94a3b82e;border-radius:18px;overflow:hidden}.generation-card.selected{border-color:#f59e0b9e;box-shadow:0 0 0 3px #f59e0b14}.gallery-thumb{aspect-ratio:16/9;color:#94a3b8;object-fit:cover;background:#020617eb;place-items:center;width:100%;display:grid}.gallery-thumb.placeholder{text-align:center;padding:18px}.generation-card-body{gap:10px;padding:12px;display:grid}.generation-card-title,.gallery-meta,.card-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.generation-card-title strong,.generation-card-title span,.gallery-meta span{color:#cbd5e1;background:#94a3b81f;border-radius:999px;padding:5px 8px;font-size:.74rem;font-weight:900}.generation-card-title strong{color:#7dd3fc;background:#0ea5e929}.card-actions>*{flex:auto;min-width:92px}.download-inline{min-height:38px}.details-list{gap:8px;margin:0;display:grid}.details-list div{background:#02061761;border:1px solid #94a3b829;border-radius:12px;padding:9px}.details-list dt{color:#94a3b8;text-transform:uppercase;font-size:.74rem;font-weight:900}.details-list dd{color:#e2e8f0;word-break:break-word;margin:4px 0 0}.video-ref-workspace{grid-template-columns:minmax(420px,.95fr) minmax(0,1.05fr);align-items:start;gap:20px;display:grid}.video-ref-preview-card{position:sticky;top:16px}.video-ref-result-frame{background:radial-gradient(circle at 24% 22%,#38bdf833,#0000 34%),radial-gradient(circle at 78% 78%,#f59e0b2e,#0000 30%),#0f172adb;min-height:470px}.video-ref-result-frame .empty-result{gap:8px;display:grid}.video-ref-summary,.video-ref-media-stack,.video-ref-controls,.video-ref-drafts{gap:14px;display:grid}.video-ref-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.video-ref-summary div{background:#0f172a85;border:1px solid #94a3b829;border-radius:14px;gap:4px;padding:11px;display:grid}.video-ref-summary span{color:#94a3b8;text-transform:uppercase;font-size:.74rem;font-weight:900}.video-ref-summary strong{color:#e0f2fe;font-size:.86rem}.video-ref-media-row{background:#02061761;border:1px solid #94a3b824;border-radius:18px;grid-template-columns:1fr;align-items:stretch;gap:12px;padding:12px;display:grid}.video-ref-row-menu{background:#0f172a8f;border:1px solid #38bdf838;border-radius:15px;padding:12px}.video-ref-fixed-count,.video-ref-unavailable-row{color:#e2e8f0;background:#0f172aa8;border:1px solid #94a3b833;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 12px;font-weight:900;display:flex}.video-ref-fixed-count span,.video-ref-unavailable-row span{color:#94a3b8;font-size:.82rem;font-weight:800}.video-ref-unavailable-row{opacity:.78;border-style:dashed}.video-ref-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;display:grid}.video-ref-slot-card{cursor:pointer;background:radial-gradient(circle at 20% 20%,#38bdf821,#0000 32%),#0f172ab8;border:1px solid #38bdf838;border-radius:16px;justify-content:space-between;min-width:0;min-height:188px;padding:12px;display:grid;position:relative;overflow:hidden}.video-ref-slot-card.has-file{border-color:#22c55e7a}.video-ref-slot-title{color:#e0f2fe;font-size:.84rem;font-weight:950}.video-ref-thumb-frame{aspect-ratio:16/10;background:#0206176b;border:1px dashed #94a3b847;border-radius:12px;place-items:center;width:100%;display:grid;overflow:hidden}.video-ref-selected-thumb{object-fit:cover;width:100%;height:100%}.video-ref-empty-thumb{color:#64748b;text-align:center;padding:8px;font-size:.7rem;font-weight:900}.video-ref-hidden-file-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.video-ref-file-picker{color:#e0f2fe;background:#0ea5e91f;border:1px solid #38bdf852;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:34px;font-size:.76rem;font-weight:950;display:inline-flex}.video-ref-slot-card:hover .video-ref-file-picker{background:#0ea5e933;border-color:#38bdf8b3}.video-ref-file-name{color:#cbd5e1;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.72rem;font-weight:800;display:block;overflow:hidden}.video-ref-empty-row{color:#94a3b8;text-align:center;background:#0f172a61;border:1px dashed #94a3b83d;border-radius:16px;place-items:center;min-height:96px;padding:14px;font-weight:900;display:grid}.video-ref-upscale-row{background:#02061761;border:1px solid #94a3b829;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.video-ref-upscale-row span{gap:3px;display:grid}.video-ref-upscale-row small{color:#94a3b8;font-size:.75rem}.video-ref-upscale-row input{flex:none;width:24px;height:24px}.video-ref-drafts{margin-top:4px}.video-ref-draft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=1180px){.generation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=920px){.app-header,.mobile-first-grid,.video-ref-workspace,.tool-tabs,.user-form{grid-template-columns:1fr}.preview-card,.video-ref-preview-card{order:-1;position:static}.status-card{min-width:0}.generation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-ref-media-row{grid-template-columns:1fr}}@media (width<=640px){.app-shell{width:min(100% - 10px,100%);padding:5px 0 22px}.hero-panel{border-radius:16px;padding:8px}.app-header{grid-template-columns:1fr;gap:6px;margin-bottom:8px}.eyebrow{letter-spacing:.17em;margin-bottom:3px;font-size:.58rem}.brand-title-row{gap:7px}.brand-title-row h1{margin-bottom:2px;font-size:clamp(1.42rem,8vw,2rem);line-height:.95}.subtitle{font-size:.72rem}.mobile-menu-button{border-radius:10px;flex-direction:column;width:32px;height:32px;display:inline-flex}.status-card{border-radius:12px;flex-wrap:wrap;gap:5px;padding:6px;display:flex}.status-pill{margin-bottom:0;padding:5px 8px;font-size:.67rem}.signed-in{font-size:.68rem}.logout-button{width:auto;margin-top:0;padding:5px 8px;font-size:.68rem}.tool-tabs{gap:6px;margin-bottom:8px;display:none}.tool-tabs[data-open=true]{display:grid}.tab-button{border-radius:11px;padding:8px 10px;font-size:.78rem}.mobile-first-grid{gap:8px}.card{border-radius:14px;padding:9px}.section-header,.gallery-actions{grid-template-columns:1fr;gap:7px;margin-bottom:8px;display:grid}.section-header.compact{margin-bottom:8px}h2{font-size:.92rem}.muted-text{font-size:.72rem}.result-frame{border-radius:14px;min-height:230px}.empty-result{padding:18px}.form-stack,.form-section,.auth-card,.user-card{gap:9px}.form-section{border-radius:13px;padding:10px}label,.sr-label{gap:5px;font-size:.78rem}textarea,select,input{border-radius:12px;padding:9px 10px;font-size:.85rem}textarea{min-height:92px}.selected-image-preview{border-radius:11px;padding:6px}.selected-image-preview img{width:52px;height:38px}.selected-image-preview strong,.selected-image-preview span{font-size:.7rem}}@media (width<=480px){.hero-panel{padding:16px}h1{font-size:2.55rem}.param-grid,.user-list,.video-ref-summary,.video-ref-slot-grid,.video-ref-draft-grid{grid-template-columns:1fr}}.status-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.status-actions .logout-button,.status-actions .setting-button{width:100%;margin-top:0}.setting-button{color:#bae6fd;border-color:#38bdf859}.workflow-selector{grid-template-columns:1fr minmax(280px,460px);align-items:stretch;gap:20px;margin-bottom:18px;display:grid}.active-workflow-chip{color:#f8fafc;background:linear-gradient(135deg,#0ea5e93d,#f59e0b1a);border:1px solid #38bdf88a;border-radius:14px;justify-content:center;align-items:center;min-height:48px;font-weight:950;display:flex}.workflow-menu-wrap{position:relative}.workflow-dropdown-button{color:#e2e8f0;background:#0f172ac7;border:1px solid #94a3b83d;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:48px;padding:0 18px;font-weight:900;display:flex}.workflow-dropdown-button:hover{color:#f8fafc;border-color:#38bdf88c}.workflow-menu-panel{z-index:30;background:#020617fa;border:1px solid #38bdf847;border-radius:18px;gap:8px;width:min(360px,92vw);padding:10px;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 24px 80px #0000007a}.workflow-menu-panel.open{display:grid}.workflow-menu-item{color:#e2e8f0;text-align:left;background:#0f172ab8;border:1px solid #94a3b838;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:44px;padding:10px 12px;font-weight:900;display:flex}.workflow-menu-item:hover:not(:disabled),.workflow-menu-item.active{color:#f8fafc;background:#0ea5e938;border-color:#38bdf8b3}.workflow-menu-item:disabled{cursor:not-allowed;opacity:.5}.workflow-menu-item small{color:#94a3b8;text-transform:uppercase;font-size:.72rem}.workflow-menu-kicker{color:#64748b;letter-spacing:.18em;text-transform:uppercase;padding:8px 8px 4px;font-size:.74rem;font-weight:900}.workflow-workspace{grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr);align-items:start;gap:20px;display:grid}.result-and-info-stack{gap:16px;display:grid}.workflow-settings-panel{position:sticky;top:16px}.generation-info-panel{overflow:hidden}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.info-chip{background:#0f172a85;border:1px solid #94a3b829;border-radius:14px;gap:4px;padding:11px;display:grid}.info-chip dt{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.info-chip dd{color:#e0f2fe;margin:0;font-weight:900}.archive-panel{margin-top:20px}.archive-header{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;display:grid}.archive-tabs{flex-wrap:wrap;gap:10px;display:flex}.archive-tab{color:#cbd5e1;background:#0f172ac2;border:1px solid #94a3b83d;border-radius:999px;min-height:40px;padding:8px 14px;font-weight:900}.archive-tab.active,.archive-tab:hover{color:#e0f2fe;background:#0ea5e92e;border-color:#38bdf8a3}.generation-card[role=button]{cursor:pointer;text-align:left}.generation-card[role=button]:focus-visible{outline-offset:3px;outline:3px solid #38bdf873}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617bd;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.user-management-modal{background:radial-gradient(circle at 0 0,#0ea5e929,#0000 36%),#060c1cfa;border:1px solid #38bdf847;border-radius:26px;width:min(780px,100%);max-height:min(820px,100vh - 44px);padding:20px;overflow:auto;box-shadow:0 32px 110px #0000009e}.user-management-content{gap:16px;display:grid}.modal-header{margin-bottom:16px}@media (width<=920px){.workflow-selector,.workflow-workspace,.archive-header{grid-template-columns:1fr}.workflow-settings-panel{position:static}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.status-actions,.info-grid{grid-template-columns:1fr}}