: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{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-image-preview div{gap:2px;min-width:0;display:grid}.selected-image-preview strong{color:#e0f2fe;font-size:.78rem}.selected-image-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:160px minmax(0,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-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.video-ref-slot-card{background:radial-gradient(circle at 20% 20%,#38bdf821,#0000 32%),#0f172ab8;border:1px solid #38bdf838;border-radius:16px;justify-content:space-between;min-height:128px;padding:12px}.video-ref-slot-card span{color:#e0f2fe;font-size:.84rem}.video-ref-file-input{font-size:.78rem}.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}.primary-button,.secondary-button,.ghost-button,.download-link{border-radius:11px;padding:8px 10px;font-size:.8rem}.param-grid,.generation-grid,.video-ref-summary,.video-ref-slot-grid,.video-ref-draft-grid{grid-template-columns:1fr}.video-ref-result-frame{min-height:280px}.video-ref-upscale-row{border-radius:12px;align-items:flex-start;padding:9px}}