:root{--bg:#f6f8fc;--surface:#fff;--surface-soft:#eef3ff;--border:#d9e1f2;--text:#162033;--muted:#66728a;--primary:#3157d5;--primary-strong:#2141aa;--indigo:#4f46e5;--success:#0f8a5f;--warning:#a56a05;--danger:#bf2c2c;--shadow:0 20px 60px #1f305c1f}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.landing-shell{min-height:100vh;padding:24px}.topbar,.dashboard-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar{max-width:1160px;height:56px;margin:0 auto}.brand{color:var(--text);align-items:center;gap:10px;font-weight:800;display:inline-flex}.brand-mark{background:var(--primary);color:#fff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.nav-link{color:var(--primary);font-weight:700}.auth-nav-button{cursor:pointer;background:0 0;border:0;padding:0}.topbar-account{align-items:center;gap:12px;display:inline-flex}.hero{grid-template-columns:minmax(0,1fr) minmax(360px,480px);align-items:center;gap:48px;max-width:1160px;min-height:calc(100vh - 104px);margin:0 auto;padding:56px 0 80px;display:grid}.hero-copy h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(44px,7vw,78px);line-height:.98}.eyebrow{color:var(--primary);text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:800}.hero-subtitle{max-width:620px;color:var(--muted);margin:24px 0 0;font-size:20px;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.button,.connect-button,.small-button,.icon-button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:800;display:inline-flex}.button{padding:0 18px}.button.primary,.connect-button{background:var(--primary);color:#fff;box-shadow:0 10px 24px #3157d538}.button.primary:hover,.connect-button:hover{background:var(--primary-strong)}.button.secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.button.full{width:100%}.button:disabled{cursor:not-allowed;opacity:.58}.product-preview{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;padding:20px}.preview-header,.preview-account{justify-content:space-between;align-items:center;gap:16px;display:flex}.preview-header{border-bottom:1px solid var(--border);padding-bottom:16px}.preview-label{color:var(--muted);margin:0 0 4px;font-size:13px}.preview-account{border:1px solid var(--border);border-radius:8px;margin-top:16px;padding:14px}.preview-account div{flex:1}.preview-account p,.account-heading p,.empty-text{color:var(--muted);margin:4px 0 0;font-size:14px}.preview-composer{background:var(--surface-soft);border-radius:8px;gap:10px;margin-top:16px;padding:14px;display:grid}.preview-composer span{background:#c8d5fb;border-radius:8px;height:10px;display:block}.preview-composer span:nth-child(2){width:78%}.preview-composer span:nth-child(3){width:48%}.dashboard-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:24px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.sidebar-nav{gap:6px;display:grid}.sidebar-account{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:10px;margin-top:auto;padding:10px;font-size:13px;font-weight:800;display:flex}.sidebar-link{min-height:42px;color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:0 11px;font-weight:800;display:flex}.sidebar-link:hover{background:var(--surface-soft);color:var(--primary)}.sidebar-link.active{background:var(--surface-soft);color:var(--primary-strong)}.connect-button{width:100%;padding:0 14px}.dashboard-main{min-width:0;padding:32px}.dashboard-header{margin-bottom:24px}.dashboard-header h1{letter-spacing:0;margin:0;font-size:36px}.icon-button{background:var(--surface);border-color:var(--border);width:44px}.alert{color:var(--danger);background:#fff3f3;border:1px solid #ffc7c7;border-radius:8px;margin-bottom:18px;padding:12px 14px;font-weight:700}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.account-panel,.campaign-panel,.composer,.posts-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px}.account-panel{padding:18px}.account-heading,.section-title{align-items:center;gap:12px;display:flex}.account-heading h2,.section-title h2{letter-spacing:0;margin:0;font-size:18px}.platform-dot{color:#fff;border-radius:8px;flex:none;place-items:center;width:36px;height:36px;display:grid}.platform-dot.facebook{background:#2563eb}.platform-dot.instagram{background:#db2777}.account-list{gap:10px;margin-top:16px;display:grid}.account-row{border:1px solid var(--border);border-radius:8px;justify-content:space-between;gap:12px;padding:12px;display:flex}.account-row span{color:var(--muted);font-size:13px}.campaign-panel{grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:18px;margin-bottom:16px;padding:18px;display:grid}.campaign-form{gap:16px;min-width:0;display:grid}.campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;display:grid}.campaign-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.date-picker-block{gap:10px;display:grid}.date-picker-row{align-items:center;gap:10px;display:flex}.date-picker-row input{flex:1}.date-chip-list{flex-wrap:wrap;gap:8px;min-height:34px;display:flex}.date-chip{border:1px solid var(--border);min-height:32px;color:var(--text);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-weight:800;display:inline-flex}.date-chip:hover{border-color:var(--primary);color:var(--primary)}.campaign-list{border-left:1px solid var(--border);align-content:start;gap:12px;padding-left:18px;display:grid}.campaign-row{border:1px solid var(--border);width:100%;color:var(--text);text-align:left;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:4px;display:flex}.campaign-select{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:12px;padding:8px;display:flex}.campaign-select>span:first-child{min-width:0}.campaign-select strong,.campaign-select p{overflow-wrap:anywhere}.campaign-delete{flex:none}.campaign-row.active{border-color:var(--primary);box-shadow:0 0 0 3px #3157d51a}.campaign-row p{color:var(--muted);margin:4px 0 0;font-size:13px}.check-row{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;min-height:44px;padding:0 10px;display:flex!important}.check-row input{width:auto!important}.work-grid{grid-template-columns:minmax(280px,380px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.schedule-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:16px;padding:18px;display:grid}.schedule-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.schedule-actions{align-items:center;gap:10px;display:flex}.schedule-actions select{border:1px solid var(--border);background:#fff;border-radius:8px;min-width:240px;min-height:36px;padding:0 10px}.composer{gap:16px;padding:18px;display:grid}.inline-composer{border:1px solid var(--border);border-radius:8px}.composer label,.campaign-form label{color:var(--text);gap:7px;font-size:14px;font-weight:800;display:grid}.composer input,.composer select,.composer textarea,.campaign-form input,.campaign-form select,.campaign-form textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:11px 12px}.composer input[type=file],.campaign-form input[type=file]{padding:9px 10px}.composer textarea,.campaign-form textarea{resize:vertical;min-height:120px}.composer input:focus,.composer select:focus,.composer textarea:focus,.campaign-form input:focus,.campaign-form select:focus,.campaign-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3157d51f}.posts-panel{min-width:0;padding:18px}.table-wrap{margin-top:16px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:980px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:12px 10px;font-size:14px}th{color:var(--muted);text-transform:uppercase;font-size:12px}.platform-cell{text-transform:capitalize;font-weight:800}.cell-inline{text-transform:capitalize;align-items:center;gap:6px;font-weight:800;display:inline-flex}.media-thumb{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:42px;height:42px}.caption-cell{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.error-cell{max-width:220px;color:var(--danger)}.file-meta{color:var(--muted);align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:700;display:inline-flex}.status-badge{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.status-badge.scheduled{color:var(--primary-strong);background:#e8edff}.status-badge.publishing{color:var(--warning);background:#fff5db}.status-badge.published{color:var(--success);background:#e4f8ef}.status-badge.failed{color:var(--danger);background:#ffe9e9}.small-button{background:var(--surface);border-color:var(--border);min-height:32px;color:var(--primary);padding:0 10px}.small-button:disabled{cursor:not-allowed;color:var(--muted);background:#f3f6fb}.row-actions{align-items:center;gap:6px;display:flex}.icon-mini{border:1px solid var(--border);width:32px;height:32px;color:var(--primary);cursor:pointer;background:#fff;border-radius:8px;place-items:center;display:inline-grid}.icon-mini.danger{color:var(--danger)}.icon-mini:disabled{cursor:not-allowed;color:var(--muted);background:#f3f6fb}.post-detail{border-top:1px solid var(--border);gap:16px;padding-top:16px;display:grid}.post-preview{grid-template-columns:minmax(220px,360px) minmax(0,1fr);align-items:stretch;gap:18px;display:grid;position:relative}.post-preview img,.post-preview video,.empty-media{aspect-ratio:4/3;border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;width:100%}.post-preview img,.post-preview video{object-fit:contain}.post-preview.instagram img{aspect-ratio:2/3}.post-preview.instagram video{aspect-ratio:9/16}.empty-media{color:var(--muted);place-items:center;font-weight:800;display:grid}.post-preview-copy{border:1px solid var(--border);border-radius:8px;align-content:start;gap:12px;padding:16px;display:grid}.formatted-caption{white-space:pre-wrap;margin:0;line-height:1.55}.preview-meta{color:var(--muted);margin:0;font-size:14px}.close-button{position:absolute;top:10px;right:10px}.edit-form{border:1px solid var(--border);border-radius:8px;padding:16px}.spin{animation:.8s linear infinite spin}.avatar-main{width:100%;max-width:1600px}.avatar-workspace{grid-template-columns:minmax(0,1.55fr) minmax(320px,.7fr);align-items:start;gap:18px;display:grid}.avatar-editor,.avatar-preview-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px}.avatar-editor{gap:0;display:grid}.studio-section{border-bottom:1px solid var(--border);gap:16px;padding:20px;display:grid}.studio-section label{color:var(--text);gap:7px;font-size:14px;font-weight:800;display:grid}.studio-section input,.studio-section select,.studio-section textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:11px 12px}.studio-section textarea{resize:vertical;min-height:168px}.studio-section input:focus,.studio-section select:focus,.studio-section textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3157d51f}.avatar-editor>.button{width:calc(100% - 40px);margin:18px 20px 20px}.studio-section-header,.studio-section-header>div,.preview-panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.studio-section-header h2{letter-spacing:0;margin:0;font-size:18px}.studio-section-header>div{justify-content:flex-start}.studio-section-header p{color:var(--muted);margin:3px 0 0;font-size:13px}.step-number{background:var(--surface-soft);width:30px;height:30px;color:var(--primary-strong);border-radius:8px;flex:none;place-items:center;font-size:13px;font-weight:900;display:grid}.search-control{width:min(230px,100%);position:relative;display:block!important}.search-control svg{z-index:1;color:var(--muted);position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search-control input{padding-left:36px}.studio-loading{min-height:180px;color:var(--muted);justify-content:center;align-items:center;gap:9px;font-weight:800;display:flex}.avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:448px;padding:2px;display:grid;overflow-y:auto}.avatar-card{border:1px solid var(--border);min-width:0;color:var(--text);cursor:pointer;text-align:left;background:#fff;border-radius:8px;gap:8px;padding:6px;display:grid}.avatar-card:hover,.avatar-card.selected{border-color:var(--primary)}.avatar-card.selected{box-shadow:0 0 0 3px #3157d51a}.avatar-image-wrap{aspect-ratio:4/5;background:var(--surface-soft);width:100%;color:var(--primary);border-radius:6px;place-items:center;display:grid;position:relative;overflow:hidden}.avatar-image-wrap img{object-fit:cover;width:100%;height:100%}.avatar-selected{width:25px;height:25px;color:var(--primary);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:7px;right:7px;box-shadow:0 4px 12px #16203333}.avatar-card-copy{gap:2px;min-width:0;padding:0 3px 3px;display:grid}.avatar-card-copy strong,.avatar-card-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar-card-copy strong{font-size:13px}.avatar-card-copy small{color:var(--muted);text-transform:capitalize;font-size:11px}.voice-row{grid-template-columns:minmax(0,1.5fr) 44px minmax(150px,.7fr);align-items:end;gap:10px;display:grid}.voice-preview{min-height:44px}.field-meta{color:var(--muted);justify-self:end;font-size:12px;font-weight:700}.voice-settings{border:1px solid var(--border);background:#fafbfe;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;display:grid}.voice-settings label>span{justify-content:space-between;gap:8px;display:flex}.voice-settings input[type=range]{box-shadow:none;padding:0}.video-settings-row{grid-template-columns:minmax(0,1fr) 150px;align-items:end;gap:12px;display:grid}.video-settings-row fieldset{border:0;min-width:0;margin:0;padding:0}.video-settings-row legend{color:var(--text);margin-bottom:7px;font-size:14px;font-weight:800}.segmented-control{border:1px solid var(--border);background:#f4f6fb;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.segmented-control button{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:0 8px;font-weight:800;display:inline-flex}.segmented-control button.active{color:var(--primary-strong);background:#fff;box-shadow:0 2px 8px #1f305c1a}.avatar-preview-panel{gap:16px;padding:18px;display:grid;position:sticky;top:24px}.preview-panel-header{align-items:flex-start}.preview-panel-header strong{text-overflow:ellipsis;white-space:nowrap;max-width:220px;display:block;overflow:hidden}.generation-state{border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.generation-state.idle{color:var(--muted);background:#edf0f5}.generation-state.processing{color:var(--warning);background:#fff5db}.generation-state.ready{color:var(--success);background:#e4f8ef}.generation-state.failed{color:var(--danger);background:#ffe9e9}.avatar-video-stage{border:1px solid var(--border);width:100%;max-height:600px;color:var(--muted);background:#eef2f9;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.avatar-video-stage.ratio-9-16{aspect-ratio:9/16}.avatar-video-stage.ratio-16-9{aspect-ratio:16/9}.avatar-video-stage.ratio-1-1{aspect-ratio:1}.avatar-video-stage img,.avatar-video-stage video{object-fit:contain;width:100%;height:100%}.render-overlay{color:var(--text);text-align:center;background:#f6f8fceb;place-content:center;justify-items:center;gap:7px;padding:20px;display:grid;position:absolute;inset:0}.render-overlay span{color:var(--muted);font-size:13px}.preview-summary{gap:8px;display:grid}.preview-summary div{border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:10px;display:flex}.preview-summary span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.preview-summary strong{text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.script-preview{color:var(--muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.preview-empty-state{border:1px dashed var(--border);color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:800;display:flex}.result-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.result-actions .button{min-width:0;padding:0 10px}.alert.compact{margin:0}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.hero,.dashboard-shell,.summary-grid,.campaign-panel,.post-preview,.work-grid,.avatar-workspace{grid-template-columns:1fr}.hero{gap:28px;min-height:auto}.sidebar{border-right:0;border-bottom:1px solid var(--border);height:auto;position:static}.dashboard-main{padding:20px}.campaign-list{border-left:0;border-top:1px solid var(--border);padding-top:18px;padding-left:0}.avatar-preview-panel{position:static}.schedule-toolbar,.schedule-actions{flex-direction:column;align-items:stretch}.schedule-actions select{width:100%;min-width:0}}@media (max-width:720px){.campaign-grid,.campaign-grid.three,.voice-settings{grid-template-columns:1fr}.date-picker-row{flex-direction:column;align-items:stretch}.avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.voice-row,.video-settings-row{grid-template-columns:1fr}.voice-preview{width:44px}}@media (max-width:560px){.landing-shell{padding:16px}.hero-copy h1{font-size:42px}.hero-subtitle{font-size:17px}.hero-actions,.button{width:100%}.account-row{flex-direction:column}.studio-section-header{flex-direction:column;align-items:stretch}.search-control{width:100%}.avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented-control,.result-actions{grid-template-columns:1fr}}