:root{--bg:#0a0515;--panel:#15102c;--panel2:#100b23;--text:#f7f3ff;--muted:#9c93ae;--line:rgba(255,215,0,.16);--gold:#ffd700;--gold2:#ffb800;--cyan:#00f5d4;--violet:#805ad5;--danger:#ff7a8a;--shadow:0 18px 50px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -10%,#23104a 0,var(--bg) 42%,#07030e 100%);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}button,input,textarea,select{font:inherit}a{color:var(--cyan)}[hidden]{display:none!important}
.app{max-width:1440px;margin:auto;padding:24px 34px 56px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 0 26px;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-logo{width:168px;height:58px;object-fit:contain;object-position:left center}.brand-name{font:700 18px Georgia,serif;letter-spacing:.4px;color:var(--gold)}.brand-name small{font:500 10px Inter,sans-serif;letter-spacing:1.4px;color:var(--muted);display:block;margin-top:-2px}.user{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:12px}.link-button{border:0;background:none;color:var(--gold);cursor:pointer;padding:7px}
.help-wrap{position:relative;display:inline-flex;align-items:center;vertical-align:middle;margin-left:4px}.help-marker{width:20px;height:20px;padding:0;border-radius:50%;border:1px solid rgba(0,245,212,.55);background:rgba(0,245,212,.08);color:var(--cyan);font-size:12px;line-height:1;display:inline-grid;place-items:center}.help-marker:hover,.help-marker:focus-visible{outline:2px solid rgba(0,245,212,.35);outline-offset:2px;background:rgba(0,245,212,.16)}.help-tooltip{position:absolute;z-index:40;left:calc(100% + 8px);top:-8px;width:min(270px,70vw);padding:10px 12px;border-radius:9px;background:#f8f5ff;color:#231a34;border:1px solid #b7a9ca;box-shadow:0 12px 30px rgba(0,0,0,.4);font-size:12px;font-weight:500;line-height:1.4;text-transform:none;letter-spacing:0}.help-wrap:nth-last-child(-n+1) .help-tooltip{left:auto;right:calc(100% + 8px)}
.tour-panel{position:fixed;z-index:60;right:24px;bottom:24px;width:min(390px,calc(100vw - 32px));padding:18px;border-radius:15px;background:#f8f5ff;color:#241a36;border:2px solid var(--gold);box-shadow:0 22px 70px rgba(0,0,0,.55)}.tour-panel .eyebrow{color:#5b36a3}.tour-panel h2{margin:5px 0 8px;font:700 24px Georgia,serif}.tour-panel>p:not(.eyebrow){margin:0 0 13px;color:#4b4560}.tour-head{display:flex;justify-content:space-between;align-items:center}.tour-close{border:0;background:transparent;color:#4b4560;font-size:25px;line-height:1;padding:2px 7px}.tour-count{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.tour-actions{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.tour-actions button{min-width:86px}.tour-highlight{outline:3px solid var(--cyan);outline-offset:5px;position:relative;z-index:2}
.hero{padding:30px 0 20px;display:flex;justify-content:space-between;align-items:end;gap:24px}.eyebrow{margin:0;color:var(--cyan);font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}.hero h1{margin:6px 0 4px;font:700 clamp(28px,4vw,42px) Georgia,serif;letter-spacing:.2px}.hero>div>p:last-child{margin:0;color:var(--muted);max-width:680px}.progress{min-width:300px}.progress-head{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:9px}.progress-head b{color:var(--gold);font-weight:600}.bar{height:6px;border-radius:9px;background:#29213f;overflow:hidden}.bar span{display:block;height:100%;width:33.333%;background:linear-gradient(90deg,var(--gold2),var(--cyan));border-radius:9px;transition:width .25s}
.panel,.workspace{background:rgba(10,5,21,.58);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:22px;box-shadow:var(--shadow)}.auth-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;max-width:1020px;margin:20px auto}.access-copy{padding:12px}.access-copy h2,.blocked-panel h2{font:700 28px Georgia,serif;margin:7px 0}.access-copy>p,.blocked-panel>p,.access-form>p{color:var(--muted)}.feature-list{display:grid;gap:10px;margin-top:24px}.feature-list span{padding:11px 13px;border-radius:10px;background:var(--panel2);border:1px solid rgba(255,255,255,.08);color:#d7d1df}.feature-list b{color:var(--gold);margin-right:12px}.access-form{background:linear-gradient(145deg,rgba(31,22,62,.86),rgba(17,12,38,.9));padding:22px;border:1px solid var(--line);border-radius:15px}.access-form h3{margin:0;font:700 20px Georgia,serif}.access-form form{display:grid;gap:11px;margin-top:16px}.blocked-panel{max-width:680px;margin:20px auto}
.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:4px 0 24px}.tab{display:block;appearance:none;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03);color:var(--muted);border-radius:13px;padding:14px 16px;text-align:left;cursor:pointer;transition:.2s}.tab strong{display:block;color:inherit;font-size:14px;margin-bottom:2px}.tab span{display:block;font-size:11px}.tab.active{background:linear-gradient(135deg,rgba(255,215,0,.12),rgba(0,245,212,.06));border-color:rgba(255,215,0,.55)}.tab.active strong{color:var(--gold)}.tab.done strong{color:var(--cyan)}.stage{display:none}.stage.active{display:block}.stage-grid,.publisher-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:18px}.editor-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:18px}.card{background:linear-gradient(145deg,rgba(31,22,62,.86),rgba(17,12,38,.9));border:1px solid var(--line);border-radius:15px;padding:19px;margin:0 0 18px}.card h2{font:700 20px Georgia,serif;margin:5px 0}.card h3{margin:16px 0 9px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--gold)}.sub{font-size:12px;color:var(--muted);margin:0 0 18px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}label{display:block;color:#d8d2e4;font-size:12px;font-weight:650}input[type=text],input[type=email],textarea,select{width:100%;margin-top:7px;color:#fff;background:#0f0a22;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:11px 12px;outline:0}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(0,245,212,.12)}textarea{min-height:85px;resize:vertical}select{appearance:auto}.action-row{display:flex;gap:14px;align-items:center}.privacy-note,.field-note{font-size:11px;color:var(--muted)}button,.secondary{border:1px solid rgba(255,255,255,.18);border-radius:9px;padding:11px 16px;font-weight:700;cursor:pointer;color:#e8e2d8;background:rgba(255,255,255,.04);text-decoration:none;display:inline-flex;justify-content:center;align-items:center}.primary{color:#170d25;background:linear-gradient(110deg,var(--gold),#ffb347);border-color:var(--gold)}.tiktok{background:#050507;color:#fff;border-color:#555}.danger{background:transparent;color:var(--danger);border-color:rgba(255,122,138,.4)}.small{padding:8px 11px;font-size:11px}button:disabled{cursor:not-allowed;opacity:.42}
.campaign-brief{min-height:100%;display:flex;flex-direction:column}.campaign-brief>p:not(.eyebrow){color:var(--muted)}.signal{border-radius:11px;padding:13px;background:linear-gradient(135deg,rgba(0,245,212,.08),rgba(128,90,213,.13));border:1px solid rgba(0,245,212,.22);margin:15px 0}.signal b{font-size:12px;color:var(--cyan)}.signal p{color:#c7c1d6;font-size:11px;margin:5px 0 0}.brief-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 12px}.brief-metrics>div{border-top:1px solid rgba(255,255,255,.12);padding-top:11px}.brief-metrics b{display:block;font-size:20px}.brief-metrics span{color:var(--muted);font-size:10px}.campaign-brief ul{padding-left:18px;color:#cbc4d6}.campaign-brief select{margin-bottom:10px}.plan-card{margin-top:18px}.card-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.card-heading p{color:var(--muted)}.plan-table{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:15px}.plan-day{display:block;min-height:112px;background:var(--panel2);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 9px;font-size:11px}.plan-day strong{display:block;color:var(--gold);font-size:10px;margin-bottom:7px}.plan-day span{display:block;color:var(--muted);margin-top:5px}.plan-day span:last-child{color:#ded8e8}
.export-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0}.print-frame{position:fixed;width:1px;height:1px;right:0;bottom:0;border:0;opacity:0;pointer-events:none}
.draft-output{border-top:1px solid var(--line);margin-top:22px;padding-top:17px;display:grid;gap:14px}.count{text-align:right;color:var(--muted);font-size:10px}.file-picker{border:1px dashed rgba(0,245,212,.45);background:rgba(0,245,212,.035);border-radius:11px;min-height:148px;display:grid;place-items:center;text-align:center;color:var(--muted);padding:16px;cursor:pointer}.file-picker span{display:block;color:var(--cyan);font-size:13px;font-weight:750}.file-picker small{display:block;margin-top:5px}.video-box{text-align:center;margin-top:15px}.video-box video{max-width:100%;max-height:360px;background:#000;border-radius:10px}.video-box p{color:var(--muted);font-size:11px}.asset-checks .next-stage{width:100%;margin-top:9px}
.check-row{display:flex;gap:10px;align-items:flex-start;margin:13px 0;font-weight:500}.check-row input{width:18px;height:18px;accent-color:var(--cyan);flex:0 0 auto;margin-top:1px}.check-row input:disabled+span{opacity:.42}.creator-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:10px;background:rgba(0,245,212,.07);border:1px solid rgba(0,245,212,.25)}.creator-card img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#2a2140}.creator-card div{display:grid;flex:1}.creator-card span,.creator-card small{color:var(--muted)}.account-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.publish-card{background:linear-gradient(150deg,rgba(255,184,0,.11),rgba(128,90,213,.1));border-color:rgba(255,184,0,.35)}fieldset{border:1px solid rgba(255,255,255,.1);border-radius:10px;margin:18px 0;padding:11px 14px}legend{color:var(--gold);padding:0 7px;font-weight:700}legend span{color:var(--muted);font-size:10px;font-weight:500}.control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.nested{padding-left:20px;border-left:2px solid rgba(255,215,0,.2)}.declaration{background:rgba(255,215,0,.055);border:1px solid rgba(255,215,0,.22);padding:3px 13px;border-radius:10px}.publish{width:100%;margin-top:15px}.result-panel dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 13px}.result-panel dt{color:var(--muted)}.result-panel dd{margin:0;word-break:break-all}.history{display:grid;gap:9px}.history-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px;border-radius:10px;background:var(--panel2);border:1px solid rgba(255,255,255,.08)}.history-row strong{font-size:12px}.history-row small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.badge{border-radius:99px;padding:4px 8px;font-size:10px;font-weight:700;color:var(--gold);background:rgba(255,215,0,.1)}.badge.live{color:var(--cyan);background:rgba(0,245,212,.11)}.badge.failed{color:var(--danger);background:rgba(255,122,138,.1)}.empty-history{color:var(--muted);font-size:12px}.message{min-height:1.2em;margin-top:12px;color:var(--muted);font-size:12px}.message.error{color:var(--danger)}.message.success{color:var(--cyan)}footer{max-width:1440px;margin:auto;padding:0 34px 50px;display:flex;justify-content:center;gap:24px;font-size:12px}
@media(max-width:960px){.hero{display:block}.progress{margin-top:18px}.stage-grid,.editor-grid,.publisher-grid,.auth-panel{grid-template-columns:1fr}.plan-table{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.app{padding:16px}.topbar{padding-bottom:18px}.customer{display:none}.hero{padding-top:22px}.hero h1{font-size:29px}.tabs{grid-template-columns:1fr}.tab{padding:11px 13px}.workspace{padding:12px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.action-row{align-items:stretch;flex-direction:column}.plan-table{grid-template-columns:1fr 1fr}.control-grid{grid-template-columns:1fr}.brief-metrics{grid-template-columns:1fr}.card-heading{display:block}.panel{padding:17px}.access-copy{padding:0}.progress{min-width:0}footer{padding:0 16px 35px}.help-tooltip{position:fixed;left:16px!important;right:16px!important;top:auto;bottom:16px;width:auto}.tour-panel{right:16px;bottom:16px}}