:root{color-scheme:dark;--bg:#080a11;--surface:#10131d;--surface2:#161a25;--stroke:#292d3a;--muted:#9096a8;--text:#f5f6fb;--violet:#a687ff;--bright:#ccbcff;--ok:#73d9b6;--danger:#fb858e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 'Arial',system-ui,sans-serif}h1,h2,strong,.brand-name{font-family:'Arial',system-ui,sans-serif}h1{font-size:clamp(30px,3vw,42px);line-height:1.1;letter-spacing:-.045em;margin:10px 0}h2{font-size:19px;margin:0 0 6px;letter-spacing:-.02em}p{margin:0 0 12px}a{color:#c3b0ff;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.muted{color:var(--muted)}.hidden{display:none!important}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.17em;color:var(--violet);text-transform:uppercase}.topbar{height:74px;border-bottom:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between;padding:0 35px;background:#0e1019}.brand{display:flex;align-items:center;gap:12px}.brand-icon{display:inline-grid;place-items:center;width:39px;height:39px;border-radius:13px;background:linear-gradient(135deg,#8862ec,#c59bff);color:#130a26;font-size:26px;font-weight:700}.brand-name{font-size:19px;font-weight:700;letter-spacing:-.04em}.brand-badge{font-size:9px;letter-spacing:.14em;padding:5px 7px;border-radius:5px;color:#c2b2e7;border:1px solid #6d528b}.top-actions{display:flex;align-items:center;gap:10px}.top-status{color:#a4a8b7;font-size:12px}.status-dot{width:7px;height:7px;background:var(--ok);border-radius:50%;box-shadow:0 0 0 4px #73d9b612}.btn{border:1px solid transparent;padding:12px 18px;border-radius:10px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:16px;transition:background .15s,color .15s}.btn.primary{background:#b495ff;color:#161026}.btn.primary:hover{background:#ccbaff}.btn.subtle{color:#c5cad9;background:#1b1f2a;border-color:#303440}.btn.subtle:hover{background:#2b3040}.btn.danger{color:#ff9ca4;background:#412127;border-color:#66333a}.btn.small{padding:8px 13px;font-size:12px}.layout{min-height:calc(100vh - 74px);display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{padding:40px 15px;border-right:1px solid var(--stroke);display:flex;flex-direction:column;gap:7px;min-height:calc(100vh - 74px)}.side-label{letter-spacing:.15em;font-size:10px;font-weight:700;color:#6d7284;margin:0 14px 20px}.nav-link{width:100%;border:0;background:transparent;text-align:left;color:#a5abbc;border-radius:11px;padding:13px 17px;font-weight:600;display:flex;gap:13px;align-items:center}.nav-link span{font-size:18px}.nav-link:hover{background:#171b25}.nav-link.active{background:#251e39;color:#d0baff}.side-bottom{margin-top:auto;margin-bottom:10px;border-top:1px solid var(--stroke);padding-top:28px}.side-bottom p:last-child{margin:0 13px;color:#767d91;font-size:12px;line-height:1.8}.main-content{max-width:1250px;width:100%;padding:48px clamp(18px,4vw,68px);margin:0 auto}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:31px}.heading p{margin:7px 0 0}.heading-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.count-badge{background:#202431;border:1px solid #353a49;color:#c7cada;border-radius:99px;padding:6px 12px;font-size:12px}.published{color:#93b8a5;font-size:11px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px}.stat{padding:22px 24px;background:#121620;border:1px solid var(--stroke);border-radius:15px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.stat-label{font-size:10px;color:#8c90a1;letter-spacing:.14em;font-weight:700}.stat strong{font-size:32px;letter-spacing:-.05em;font-weight:600}.stat strong.stat-date{font-size:18px;letter-spacing:-.025em;padding-top:10px;padding-bottom:8px}.stat small{font-size:11px;color:#858b9c}.upload-zone{border:1.5px dashed #545070;border-radius:19px;text-align:center;background:radial-gradient(ellipse at 50% -65%,#4e357025,transparent 75%),#10131d;padding:38px 20px 32px;transition:border-color .2s,background .2s}.upload-zone.dragging{border-color:#c7a7ff;background:#211a33}.upload-icon{font-size:26px;line-height:47px;width:47px;height:47px;margin:0 auto 15px;border-radius:13px;background:#302444;color:#c6aeff}.upload-zone h2{font-size:21px}.upload-zone p{color:#9298aa;font-size:13px;margin-bottom:18px}.upload-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:21px}.upload-tags span{font-size:11px;color:#9ea0b1;border:1px solid #383b4a;padding:4px 9px;border-radius:5px}.upload-progress{margin-top:15px;color:#beabec}.section-title{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:39px;margin-bottom:16px}.section-title h2{font-size:20px}.section-title p{font-size:12px;color:#858b9e;margin:0}.media-list{display:flex;flex-direction:column;gap:11px}.media-card{background:#12151f;border:1px solid #282c37;border-radius:14px;padding:13px;display:flex;gap:15px;align-items:center;min-width:0}.media-card.off{opacity:.55}.thumbnail{width:104px;height:70px;flex:0 0 104px;background:#050505;border-radius:9px;overflow:hidden;display:grid;place-items:center;color:#8b80b6;font-size:25px}.thumbnail img,.thumbnail video{width:100%;height:100%;object-fit:cover}.media-body{flex:1;min-width:0}.media-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:700;margin-bottom:5px}.media-meta{font-size:11px;color:#898fa1}.media-settings{display:flex;align-items:center;gap:9px;margin-top:9px;flex-wrap:wrap}.media-settings label{font-size:11px;color:#aaafbe;display:flex;align-items:center;gap:7px}.media-settings input[type=number]{width:60px;padding:4px 6px;border-radius:5px;border:1px solid #414656;background:#1a1f2c;color:white}.toggle{display:flex;align-items:center;gap:6px;font-size:11px;color:#b3b9c9;cursor:pointer}.toggle input{accent-color:#b293ff}.media-actions{display:flex;gap:5px;align-items:center}.icon-btn{border:1px solid #393c4a;background:#1d202b;color:#bdc0ce;border-radius:8px;min-width:29px;height:30px}.icon-btn:hover{background:#323748}.icon-btn.remove{color:#ff9da7}.empty{border-radius:14px;border:1px solid #2d3040;text-align:center;padding:36px;color:#999fb0;background:#10141e}.footnote{font-size:11px;color:#6f7586;line-height:1.7;margin-top:20px}.setup-card{display:flex;gap:23px;border:1px solid #303341;border-radius:16px;padding:27px;margin-bottom:16px;background:#121620}.setup-card p{color:#afb3c3;font-size:13px;line-height:1.8;margin:0 0 10px}.step-number{font-family:'Space Grotesk';display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:#322544;color:#c4aaff;font-weight:700}.setup-card>div:last-child{flex:1;min-width:0}.setup-card code,.copy-row input{background:#232335;border:1px solid #38394d;padding:3px 6px;border-radius:4px;color:#e4d4ff;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.copy-row{display:flex;gap:9px;margin:14px 0}.copy-row input{padding:12px;width:100%;min-width:0}.hint{font-size:11px!important;color:#9d97b0!important}.inline-link{font-size:12px}.warning{margin-top:22px;border:1px solid #5d403b;border-radius:13px;background:#261d1d;padding:23px}.warning p{font-size:12px;color:#b9a7a7;margin:10px 0 17px}footer{margin-top:45px;color:#5f6475;border-top:1px solid #202433;padding:20px 0;font-size:10px;letter-spacing:.08em}.auth-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at center 15%,#33204b,transparent 50%),#090b13;padding:22px}.auth-card{width:min(100%,430px);background:#141722;border:1px solid #303344;border-radius:22px;padding:38px;box-shadow:0 25px 75px #0008}.auth-card>.brand-icon{margin-bottom:23px}.auth-card h1{font-size:33px}.auth-card .muted{margin:13px 0 25px}.stack{display:grid;gap:17px}.stack label{display:grid;gap:8px;color:#bfc4d3;font-size:12px;font-weight:600}.stack input{width:100%;border:1px solid #3d4151;border-radius:10px;background:#1c202d;color:white;padding:12px 14px;outline:none}.stack input:focus{border-color:#a789ec}.stack button{margin-top:5px}.fine-print{font-size:11px;color:#777e91;margin-top:24px}.alert{color:#ffa1aa;background:#46252a;padding:13px;border-radius:10px;margin-bottom:15px}.toast{position:fixed;right:22px;bottom:23px;z-index:10;background:#343044;color:#fff;border:1px solid #70628c;border-radius:10px;padding:13px 20px;box-shadow:0 10px 38px #0008;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translateY(0)}.toast.error{border-color:#b85c65;background:#4e242a}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{min-height:auto;flex-direction:row;border-bottom:1px solid var(--stroke);border-right:0;padding:12px 16px;align-items:center;gap:8px}.sidebar .side-label,.side-bottom{display:none}.nav-link{width:auto;padding:9px 12px;font-size:12px}.main-content{padding:32px 19px}.heading{align-items:flex-start}.topbar{padding:0 18px}}@media(max-width:560px){.brand-badge,.top-status,.status-dot{display:none}.topbar{height:66px}.brand-name{font-size:16px}.summary-grid{gap:8px}.stat{padding:16px 12px}.stat strong{font-size:25px}.stat strong.stat-date{font-size:13px}.stat-label{font-size:8px}.heading{flex-direction:column}.heading-right{flex-direction:row;align-items:center}.media-card{align-items:flex-start;flex-wrap:wrap}.thumbnail{flex-basis:76px;width:76px;height:62px}.media-body{width:calc(100% - 95px)}.media-actions{width:100%;justify-content:flex-end}.section-title{align-items:flex-start}.section-title p{max-width:200px}.setup-card{padding:17px;gap:13px}.step-number{width:32px;height:32px;flex-basis:32px}.copy-row{flex-direction:column}}