:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#f8fafc;color:#0f172a;line-height:1.5;font-weight:400;--bg: #f8fafc;--surface: #ffffff;--surface-soft: #f1f5f9;--panel: #ffffff;--panel-border: #e2e8f0;--panel-border-strong: #cbd5e1;--text: #0f172a;--muted: #475569;--text-soft: #64748b;--brand: #2563eb;--brand-hover: #1d4ed8;--brand-soft: #dbeafe;--secondary: #7c3aed;--secondary-soft: #ede9fe;--accent: #06b6d4;--accent-soft: #cffafe;--success: #16a34a;--success-soft: #dcfce7;--warning: #d97706;--warning-soft: #fef3c7;--danger: #dc2626;--danger-soft: #fee2e2;--gradient-primary: linear-gradient(135deg, #2563eb 0%, #06b6d4 48%, #7c3aed 100%);--shadow-soft: 0 10px 30px rgba(15, 23, 42, .08);--shadow-card: 0 4px 16px rgba(15, 23, 42, .06)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top,rgba(37,99,235,.08),transparent 32%),linear-gradient(180deg,#fff,#f8fafc);color:var(--text)}html[data-product=UGC]{--brand: #1d4ed8;--brand-hover: #1e40af;--secondary: #7c3aed;--accent: #06b6d4}html[data-product=INFLUENCERIA]{--brand: #2563eb;--brand-hover: #1d4ed8;--secondary: #6d28d9;--accent: #0ea5e9}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{display:grid;min-height:100vh;grid-template-columns:280px 1fr}.auth-shell{display:grid;place-items:center;min-height:100vh;padding:24px}.auth-panel{display:grid;gap:16px;width:min(100%,980px)}.product-entry-panel{padding:clamp(20px,4vw,36px)}.account-status-panel{max-width:620px;padding:clamp(22px,4vw,36px)}.auth-heading{display:grid;gap:10px;max-width:720px}.product-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-choice-card{display:grid;gap:18px;align-content:space-between;min-height:260px;padding:clamp(18px,3vw,24px);border-radius:24px;border:1px solid var(--panel-border);background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--brand-soft) 28%,#ffffff));box-shadow:var(--shadow-card)}.product-choice-card.selected{border-color:color-mix(in srgb,var(--brand) 36%,var(--panel-border));box-shadow:var(--shadow-soft)}.product-choice-card strong{font-size:clamp(1rem,1.8vw,1.35rem)}.product-choice-brand{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted)}.product-choice-brand img{max-width:min(180px,58%);height:auto}.sidebar{display:flex;flex-direction:column;justify-content:space-between;padding:24px;border-right:1px solid var(--panel-border);background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-title,.hero h2,.panel h2,.panel h3{margin:0}.brand-logo{display:block;max-width:180px;width:100%;height:auto}.eyebrow{margin:0 0 8px;color:var(--secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.nav{display:grid;gap:8px;margin-top:24px}.nav-link,.step-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid transparent;color:var(--muted);background:transparent}.nav-link.active,.step-item.active{color:var(--text);border-color:color-mix(in srgb,var(--brand) 18%,var(--panel-border));background:color-mix(in srgb,var(--brand-soft) 70%,white)}.user-card{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--panel-border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-card)}.avatar{width:42px;height:42px;border-radius:999px}.user-card p,.muted,.list-card p{margin:0;color:var(--muted)}.content{padding:24px}.page-stack{display:grid;gap:20px}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:24px;padding:20px;box-shadow:var(--shadow-card)}.accent-panel{background:linear-gradient(135deg,#2563eb12,#06b6d40f,#7c3aed0d)}.split-panel,.section-header,.actions-row,.list-card,.hero{display:flex;gap:16px;align-items:center;justify-content:space-between}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{display:grid;gap:8px}.stat-card span{color:var(--muted)}.stat-card strong{font-size:1.8rem}.form-grid,.list{display:grid;gap:14px}label{display:grid;gap:8px;color:var(--text)}input,textarea,select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--panel-border);background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0f172a05}input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]{border-color:color-mix(in srgb,var(--danger) 55%,var(--panel-border));box-shadow:0 0 0 3px #dc262614}input:focus,textarea:focus,select:focus,button:focus-visible{outline:none;border-color:color-mix(in srgb,var(--brand) 72%,white);box-shadow:0 0 0 3px #2563eb1f}textarea{resize:vertical}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:14px;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.button.primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-soft)}.button.primary:hover{transform:translateY(-1px)}.button.secondary{background:#fff;border-color:color-mix(in srgb,var(--brand) 22%,var(--panel-border));color:var(--text)}.button.secondary:hover,.button.ghost:hover{background:color-mix(in srgb,var(--brand-soft) 42%,white);border-color:color-mix(in srgb,var(--brand) 25%,var(--panel-border))}.button.ghost{background:transparent;border-color:color-mix(in srgb,var(--panel-border) 85%,white);color:var(--secondary)}.button.danger{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 28%,var(--panel-border));color:var(--danger)}.list-card{padding:16px;border-radius:18px;border:1px solid var(--panel-border);background:var(--surface);box-shadow:var(--shadow-card)}.static-card{align-items:flex-start}.list-meta{display:flex;align-items:center;gap:12px}.badge,.progress-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:.85rem}.badge.active{background:var(--success-soft);color:var(--success)}.badge.draft,.progress-pill{background:var(--warning-soft);color:var(--warning)}.wizard-grid{display:grid;grid-template-columns:280px 1fr;gap:20px}.bible-panel{display:grid;gap:18px}.bible-tab-row{display:flex;flex-wrap:wrap;gap:10px}.bible-tab{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--panel-border);background:var(--surface);color:var(--muted);cursor:pointer}.bible-tab.active{color:var(--text);border-color:color-mix(in srgb,var(--brand) 25%,var(--panel-border));background:color-mix(in srgb,var(--brand-soft) 60%,white)}.bible-form-grid textarea{min-height:112px}.content-form-panel,.content-generator-form{display:grid;gap:16px}.content-theme-field{grid-column:1 / -1}.content-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.context-card{display:grid;gap:8px;padding:16px;border-radius:18px;border:1px solid var(--panel-border);background:var(--surface)}.content-result-header,.content-result-block{display:grid;gap:10px}.content-output{margin:0;white-space:pre-wrap;word-break:break-word;color:var(--text);font-family:inherit}.feedback-error{margin:0;color:#fca5a5}.field-error{margin:0;color:#fca5a5;font-size:.9rem}.form-alert{margin:0;padding:12px 14px;border-radius:14px;border:1px solid rgba(248,113,113,.25);background:#7f1d1d40;color:#fecaca}.ai-provider-card{display:grid;gap:18px}.campaigns-list,.campaign-jobs-list{gap:16px}.campaign-card,.campaign-job-card{display:grid;gap:14px}.campaign-card-head,.campaign-header-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.campaign-theme,.campaign-job-output{margin:0}.campaign-job-output{max-height:420px;overflow:auto;padding:14px;border-radius:16px;background:#fff;border:1px solid var(--panel-border)}.veo-scenes-block,.veo-scenes-list,.compact-stack{display:grid;gap:14px}.veo-scene-card{align-items:stretch}.campaign-form-grid,.campaign-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.campaign-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.campaign-pipeline-panel,.campaign-reference-panel,.campaign-image-option,.campaign-visual-sheet{display:grid;gap:16px}.pipeline-stage-card{cursor:default}.pipeline-stage-number{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:999px;background:var(--gradient-primary);color:#fff;font-weight:700}.campaign-reference-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.visual-sheet-grid,.storyboard-grid,.campaign-scene-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.storyboard-card{align-content:start}.campaign-scene-images img{width:100%;border-radius:14px;aspect-ratio:16 / 9;object-fit:cover}.admin-filters,.admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.4fr);gap:20px}.admin-users-list,.admin-detail-panel{display:grid;gap:14px;align-content:start}.admin-user-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;width:100%;padding:12px;border-radius:16px;border:1px solid var(--panel-border);background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.admin-user-row.selected{border-color:color-mix(in srgb,var(--brand) 32%,var(--panel-border));background:color-mix(in srgb,var(--brand-soft) 42%,white)}.admin-user-row small,.admin-stat-grid span{display:block;color:var(--muted)}.admin-stat-grid div{padding:14px;border:1px solid var(--panel-border);border-radius:16px;background:var(--surface)}.admin-stat-grid strong{font-size:1.5rem}.type-card{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:18px;border:1px solid var(--panel-border);background:var(--surface);cursor:pointer}.type-card.selected{border-color:color-mix(in srgb,var(--brand) 28%,var(--panel-border));background:color-mix(in srgb,var(--brand-soft) 50%,white)}.type-card input{width:auto;margin-top:4px}.campaign-stats-row{display:flex;gap:14px;flex-wrap:wrap}.progress-track{width:100%;height:10px;border-radius:999px;background:#94a3b81f;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:var(--gradient-primary)}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;border:1px solid rgba(148,163,184,.18)}.status-badge.draft,.status-badge.queued,.status-badge.pending{background:var(--warning-soft);color:var(--warning)}.status-badge.generating{background:var(--brand-soft);color:var(--brand)}.status-badge.completed,.status-badge.approved{background:var(--success-soft);color:var(--success)}.status-badge.failed,.status-badge.cancelled{background:var(--danger-soft);color:var(--danger)}.video-studio-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:20px;align-items:start}.video-composer,.video-model-panel,.video-job-copy{display:grid;gap:16px}.video-model-panel{position:sticky;top:20px;background:linear-gradient(180deg,#0f172a,#172554);color:#f8fafc;border-color:#94a3b838}.video-model-panel .muted,.video-model-panel small{color:#cbd5e1}.video-model-note{display:grid;gap:8px;padding:14px;border:1px solid rgba(148,163,184,.2);border-radius:16px;background:#ffffff0f}.video-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.video-mode-switch .active{border-color:color-mix(in srgb,var(--brand) 55%,var(--panel-border));background:color-mix(in srgb,var(--brand-soft) 72%,white)}.video-reference-block{display:grid;gap:14px;padding-top:4px}.video-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.video-reference-card{display:grid;gap:8px;padding:8px;overflow:hidden;border:2px solid transparent;border-radius:16px;background:var(--surface-soft);color:var(--muted);cursor:pointer;text-align:left}.video-reference-card.selected{border-color:var(--brand);background:color-mix(in srgb,var(--brand-soft) 58%,white);color:var(--text)}.video-reference-card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:10px}.video-upload-panel{display:grid;gap:12px;padding:16px;border:1px dashed color-mix(in srgb,var(--brand) 42%,var(--panel-border));border-radius:18px;background:color-mix(in srgb,var(--brand-soft) 28%,white)}.video-upload-panel input[type=file]{padding:10px;background:#fff}.video-check{display:flex;align-items:center;gap:10px}.video-check input{width:auto}.video-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.video-job-card{overflow:hidden;border:1px solid var(--panel-border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-card)}.video-frame{display:grid;min-height:260px;place-items:center;background:radial-gradient(circle at top,#334155,#020617 70%)}.video-frame video{display:block;width:100%;max-height:460px;background:#020617}.video-placeholder{display:grid;gap:12px;justify-items:center;padding:24px;color:#cbd5e1;text-align:center}.video-job-copy{padding:16px}.video-prompt-preview{display:-webkit-box;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--muted)}.feedback-success{margin:0;color:#6ee7b7}.step-sidebar{display:grid;gap:10px;align-content:start}.step-item{width:100%;text-align:left;cursor:pointer}@media(max-width:920px){.shell,.wizard-grid,.stats-grid,.content-context-grid,.campaign-form-grid,.campaign-overview-grid,.campaign-type-grid,.admin-filters,.admin-stat-grid,.admin-grid,.video-studio-grid,.video-gallery,.visual-sheet-grid,.storyboard-grid,.campaign-scene-images{grid-template-columns:1fr}.campaign-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-model-panel{position:static}.sidebar{gap:24px;border-right:0;border-bottom:1px solid var(--panel-border)}.split-panel,.section-header,.actions-row,.list-card,.hero{flex-direction:column;align-items:flex-start}.content{padding:16px}}@media(max-width:720px){.auth-shell{align-items:stretch;padding:14px}.product-choice-grid{grid-template-columns:1fr}.product-choice-card{min-height:auto}}