:root{color-scheme:dark;--bg:#0b0f0e;--panel:#111817;--panel2:#15201d;--line:#25332f;--text:#f4f7f5;--muted:#93a39d;--accent:#bfe6cd;--accent2:#87cba2;--danger:#ff9d9d;--shadow:0 18px 55px rgba(0,0,0,.28);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 12% -10%,#183128 0,transparent 32rem),var(--bg);color:var(--text);min-height:100vh}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.muted,.hint{color:var(--muted)}.eyebrow{margin:0 0 8px;color:#8ecda6;font-size:.72rem;font-weight:800;letter-spacing:.14em}.brand-mark{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#d8f4e1,#74b992);color:#0d1713;font-weight:900;box-shadow:0 14px 38px rgba(99,178,130,.2)}.brand-mark.small{width:42px;height:42px;border-radius:14px}.topbar{height:76px;padding:0 clamp(18px,4vw,52px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgba(11,15,14,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{display:flex;gap:12px;align-items:center}.brand span:last-child{display:grid}.brand small{font-size:.63rem;color:var(--muted);letter-spacing:.11em;margin-top:2px}.dashboard{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:42px 0 48px}.hero{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:28px}.hero h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.02;margin:0;max-width:820px;letter-spacing:-.045em}.hero .muted{max-width:750px;line-height:1.65}.transport-pill{display:flex;align-items:center;gap:12px;min-width:225px;padding:14px 16px;border:1px solid #29483a;background:#10241b;border-radius:18px}.transport-pill span:last-child{display:grid}.transport-pill small{color:#93b8a4;margin-top:3px}.pulse{width:10px;height:10px;border-radius:50%;background:#78dda2;box-shadow:0 0 0 7px rgba(120,221,162,.09)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.stat,.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(22,31,29,.97),rgba(16,23,21,.97));box-shadow:var(--shadow)}.stat{padding:18px;border-radius:18px;display:grid;gap:5px}.stat small,.stat span{color:var(--muted)}.stat strong{font-size:1.15rem}.workspace-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.panel{padding:24px;border-radius:22px}.panel-heading{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.panel-heading h2{margin:0;font-size:1.35rem}.badge,.counter,.active-chip{display:inline-flex;align-items:center;border:1px solid #31423d;border-radius:999px;padding:6px 9px;font-size:.65rem;font-weight:800;letter-spacing:.08em;color:#a9bab4;background:#18211f}.badge.live,.active-chip{color:#a9ebc2;border-color:#2b5b3e;background:#10281a}.active-source{display:flex;align-items:center;gap:15px;padding:18px;border-radius:18px;background:#0f1514;border:1px solid #23302d;margin-bottom:16px}.source-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:#1d2a26;color:#c4e9d1;font-weight:900}.active-source div{display:grid;gap:2px}.active-source small,.active-source span{color:var(--muted)}.active-source strong{font-size:1.08rem}.upload-box{padding:18px;border:1px dashed #3b504a;border-radius:18px;background:#101816;margin-bottom:12px}.file-picker{display:flex;align-items:center;gap:14px;margin-bottom:15px;cursor:pointer}.file-picker input{position:absolute;opacity:0;pointer-events:none}.file-picker small{display:block;color:var(--muted);margin-top:4px;line-height:1.45}.file-icon{width:44px;height:44px;border-radius:13px;background:#22352d;display:grid;place-items:center;font-size:1.45rem;color:#b9e8ca}.button{border:1px solid transparent;border-radius:12px;padding:10px 14px;font-weight:800;color:var(--text);background:#1b2723}.button:hover{filter:brightness(1.08)}.button:focus-visible,input:focus-visible{outline:3px solid rgba(135,203,162,.45);outline-offset:2px}.button.primary{background:linear-gradient(135deg,#a8ddb9,#6cb88a);color:#0d1713}.button.secondary{border-color:#33453f;background:#19231f}.button.ghost{border-color:#2b3935;background:transparent}.button.danger{border-color:#5a3232;background:#2b1818;color:#ffc0c0}.button.wide{width:100%}.overlay-preview{height:190px;border-radius:18px;border:1px solid #293732;background:linear-gradient(155deg,#17231f,#0d1211);position:relative;margin-bottom:18px;overflow:hidden}.preview-label{position:absolute;top:12px;right:12px;font-size:.62rem;letter-spacing:.1em;color:#71857d}.preview-text{position:absolute;left:22px;right:22px;bottom:22px;width:max-content;max-width:calc(100% - 44px);padding:9px 13px;border-radius:8px;background:rgba(0,0,0,.38);font-size:1rem;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-stack{display:grid;gap:10px}.form-stack label,.login-card label{display:grid;gap:7px;font-weight:700}.form-stack input,.login-card input{width:100%;padding:12px 13px;border-radius:12px;border:1px solid #33413d;background:#0c1210;color:var(--text)}.hint{font-size:.82rem;line-height:1.5;margin:0}.library-panel{margin-top:18px}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-card{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:14px;border-radius:16px;background:#0f1514;border:1px solid #24312e}.media-card.selected{border-color:#4a7c5f;background:#112018}.media-thumb{width:64px;height:54px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#23332d,#17201d);font-size:1.35rem;color:#b6dcc3}.media-meta{display:grid;gap:4px;min-width:0}.media-meta b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-meta small{color:var(--muted)}.media-meta .badge{justify-self:start}.media-actions{display:flex;gap:7px;align-items:center}.media-actions form{margin:0}.empty-state{grid-column:1/-1;padding:32px;border:1px dashed #33413d;border-radius:16px;text-align:center;display:grid;gap:6px;color:var(--muted)}.empty-state b{color:var(--text)}.alert{padding:13px 15px;border-radius:14px;margin:12px 0;border:1px solid}.alert.notice{background:#10281a;border-color:#28583b;color:#b7efcb}.alert.error{background:#2b1717;border-color:#643535;color:#ffc1c1}footer{display:flex;justify-content:space-between;gap:20px;color:#72817c;font-size:.78rem;padding:28px 4px 0}.login-body{display:grid;place-items:center;padding:32px}.login-shell{width:min(920px,100%);display:grid;grid-template-columns:1fr 420px;gap:54px;align-items:center}.login-brand h1{font-size:clamp(3rem,8vw,5.5rem);line-height:.9;letter-spacing:-.06em;margin:18px 0}.login-brand p:last-child{color:var(--muted);max-width:440px;line-height:1.65}.login-card{border:1px solid var(--line);background:var(--panel);padding:28px;border-radius:24px;box-shadow:var(--shadow);display:grid;gap:15px}.login-card h2{margin:0;font-size:1.7rem}.login-card .muted{margin:5px 0 0}.wide{width:100%}@media(max-width:900px){.hero{align-items:flex-start;flex-direction:column}.transport-pill{width:100%}.workspace-grid,.login-shell{grid-template-columns:1fr}.login-brand{display:none}.stats-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:1fr}}@media(max-width:620px){.dashboard{width:min(100% - 20px,1240px);padding-top:24px}.topbar{padding:0 12px}.hero h1{font-size:2.35rem}.panel{padding:17px;border-radius:18px}.media-card{grid-template-columns:54px 1fr}.media-thumb{width:54px}.media-actions{grid-column:1/-1}.media-actions form{flex:1}.media-actions .button{width:100%}footer{flex-direction:column}.login-body{padding:16px}.login-card{padding:22px}}