:root{--bg:#080b14;--panel:#111827;--line:#ffffff18;--text:#f7f8fc;--muted:#99a5ba;--violet:#9d7cff;--cyan:#61dfd1;--green:#55e6a5;--red:#ff7188}*{box-sizing:border-box}body{margin:0;background-color:var(--bg);background-image:radial-gradient(ellipse 52rem 42rem at 100% 0%,#30205c 0%,rgba(48,32,92,.32) 38%,transparent 72%),radial-gradient(ellipse 46rem 40rem at 0% 48%,#12383c 0%,rgba(18,56,60,.28) 38%,transparent 72%);background-repeat:no-repeat;background-size:100% 100%;background-attachment:fixed;color:var(--text);font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}.shell{width:min(1100px,calc(100% - 32px));margin:auto}.top{display:flex;justify-content:space-between;align-items:center;padding:26px 0}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:750;text-decoration:none}.brand img{width:38px;height:38px;object-fit:contain}.badge,.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:#c3b7ff}.badge{border:1px solid #9d7cff55;background:#9d7cff16;padding:7px 10px;border-radius:99px}.intro{padding:65px 0 38px;max-width:750px}.eyebrow{margin:0 0 12px}.intro h1{font-size:clamp(42px,7vw,76px);line-height:1.02;letter-spacing:-.06em;margin:0 0 22px}.intro h1 span{color:var(--cyan)}.intro>p:last-child{color:var(--muted);font-size:18px;max-width:620px}.platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.platform-card,.upload-panel{border:1px solid var(--line);background:linear-gradient(145deg,#151e31,#0e1422);border-radius:20px}.platform-card{padding:20px;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center}.platform-card .logo{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-weight:800}.platform-card .logo svg{width:27px;height:27px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.tiktok-logo svg{fill:currentColor;stroke:none}.youtube-logo svg{width:30px;height:30px}.youtube-logo .body{fill:currentColor;stroke:none}.youtube-logo .play{fill:#111827;stroke:none}.instagram .logo{background:#e1306c25;color:#ff94c1}.tiktok .logo{background:#35e5df22;color:#9ffaf6}.youtube .logo{background:#ff596b24;color:#ff9fac}.platform-card h2{font-size:16px;margin:0}.platform-card p{color:var(--muted);font-size:12px;margin:3px 0 0}.connect{grid-column:1/-1;border:1px solid var(--line);background:#ffffff06;color:#fff;border-radius:10px;padding:11px;cursor:pointer;font-weight:700}.connect:hover{border-color:#a78bfa;background:#a78bfa18}.upload-panel{padding:26px;margin-top:18px}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel-head h2{margin:0 0 4px;font-size:24px}.muted,small{color:var(--muted)}.reset{border:1px solid #ff718855;background:#ff718811;color:#ffb3bf;border-radius:9px;padding:9px 12px;cursor:pointer}.source-tabs{display:flex;gap:8px;margin:24px 0 16px}.source-tab{border:1px solid var(--line);background:transparent;color:var(--muted);padding:9px 13px;border-radius:9px;cursor:pointer}.source-tab.active{color:#fff;background:#9d7cff25;border-color:#9d7cff77}.source label,label{display:block;color:#bdc6d7;font-size:12px;margin:12px 0}.source input,input,textarea,select{display:block;width:100%;margin-top:7px;padding:12px 13px;background:#090e19;color:#fff;border:1px solid var(--line);border-radius:10px;font:inherit}textarea{min-height:100px;resize:vertical}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.fields label:nth-child(2){grid-column:1/-1}.fields span{color:#718097}.publish{width:100%;margin-top:22px;border:0;border-radius:11px;padding:14px;background:linear-gradient(110deg,var(--violet),#64d9ca);color:#071016;font-weight:800;cursor:pointer}.publish span{float:right}.progress{margin-top:18px}.progress-bar{height:8px;border-radius:99px;background:#ffffff12;overflow:hidden}.progress-bar i{display:block;width:8%;height:100%;background:linear-gradient(90deg,var(--violet),var(--cyan));transition:width .3s}.progress p{color:var(--muted);font-size:12px}.foot{display:flex;gap:18px;color:var(--muted);font-size:12px;padding:28px 0 45px}.foot a{color:#c7baff;text-decoration:none}.hidden{display:none!important}@media(max-width:760px){.platforms{grid-template-columns:1fr}.intro{padding-top:35px}.fields{grid-template-columns:1fr}.fields label:nth-child(2){grid-column:auto}.panel-head{display:block}.reset{margin-top:16px}.foot{flex-wrap:wrap}}

.publish-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;overflow:hidden;background:rgba(5,8,17,.94);backdrop-filter:blur(18px)}.publish-glow{position:absolute;width:80vw;height:80vw;max-width:900px;max-height:900px;border-radius:50%;background:radial-gradient(circle,#6650d933 0%,#1bd6c014 30%,transparent 68%);filter:blur(12px);animation:glowPulse 3.4s ease-in-out infinite}.publish-dialog{position:relative;width:min(460px,calc(100% - 34px));padding:42px 34px 32px;text-align:center;border:1px solid #ffffff18;border-radius:28px;background:linear-gradient(145deg,#18223aee,#0c1220ee);box-shadow:0 35px 120px #000b}.overlay-logo{width:58px;height:58px;margin:0 auto 22px;display:grid;place-items:center;border-radius:19px;background:#9d7cff22;color:#c5b8ff}.overlay-logo svg{width:32px;height:32px}.publish-dialog .eyebrow{display:block;margin-bottom:10px}.publish-dialog h2{font-size:27px;letter-spacing:-.04em;margin:0 0 9px}.overlay-text{color:var(--muted);font-size:13px;margin:0 auto;max-width:330px}.status-orbit{position:relative;width:158px;height:158px;margin:30px auto 24px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #9d7cff66;border-radius:50%}.orbit-one{inset:8px;animation:orbitSpin 5s linear infinite}.orbit-two{inset:22px;border-color:#61dfd155;animation:orbitSpinReverse 3.5s linear infinite}.orbit-core{width:92px;height:92px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 25%,#b5a0ff,#6258db 55%,#263c70);box-shadow:0 0 45px #8f7dff88,0 0 0 8px #9d7cff10;font-size:21px;font-weight:800;color:white}.orbit-core:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan);transform:translate(58px,-38px)}.overlay-progress{height:7px;overflow:hidden;border-radius:99px;background:#ffffff12}.overlay-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--cyan));transition:width .35s ease}.overlay-status{color:#bdc7db;font-size:12px;margin:13px 0 0}.overlay-action{margin-top:22px;border:1px solid #ffffff22;border-radius:10px;background:#ffffff0a;color:white;padding:10px 22px;cursor:pointer;font-weight:700}.publish-overlay.done .orbit-core{background:radial-gradient(circle at 35% 25%,#8dffc4,#2b9a72 62%,#1e4f56)}.publish-overlay.error .orbit-core{background:radial-gradient(circle at 35% 25%,#ff9eaf,#a63e5a 62%,#51283d)}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes orbitSpinReverse{to{transform:rotate(-360deg)}}@keyframes glowPulse{0%,100%{opacity:.65;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}