:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#071019;--panel:#0d1823;--panel-2:#111f2c;--line:#1d3141;--text:#f2f8fb;--muted:#8da4b5;--cyan:#22d3ee;--blue:#248bff;--green:#37d798;--amber:#ffbf5b;--danger:#ff6b7d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 70% -20%, #123453 0, var(--bg) 42%);color:var(--text);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#08131deb;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 8px 24px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--blue), var(--cyan));border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.brand strong,.brand small,.workspace-pill strong,.workspace-pill small,.sidebar-foot strong,.sidebar-foot small{display:block}.brand small,.workspace-pill small,.sidebar-foot small{color:var(--muted);margin-top:2px;font-size:11px}.workspace-pill{background:var(--panel);border:1px solid var(--line);border-radius:12px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;margin-bottom:20px;padding:10px;display:grid}.workspace-logo,.account-avatar{color:var(--cyan);background:#173149;border-radius:9px;place-items:center;font-weight:800;display:grid}.workspace-logo{width:34px;height:34px}.sidebar nav{flex-direction:column;gap:3px;display:flex;overflow-y:auto}.sidebar nav a{color:#a9bdca;border-radius:9px;gap:12px;padding:10px 12px;font-size:14px;display:flex}.sidebar nav a:hover{color:#fff;background:#122433}.sidebar nav a:first-child{color:var(--cyan);background:linear-gradient(90deg,#12314a,#102535)}.sidebar nav a span{text-align:center;width:19px}.sidebar-foot{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:14px 8px 0;display:flex}.status-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 12px var(--green);border-radius:50%;display:inline-block}.status-dot.offline{background:var(--amber);box-shadow:0 0 12px var(--amber)}.app-main{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;background:#071019b3;justify-content:space-between;align-items:center;height:76px;padding:0 36px;display:flex;position:sticky;top:0}.topbar strong,.topbar span{display:block}.topbar-actions{color:var(--muted);align-items:center;gap:9px;font-size:13px;display:flex}.avatar{color:#fff;background:#12314a;border:1px solid #255171;border-radius:50%;width:36px;height:36px;margin-left:8px}.workspace-control{gap:3px;display:grid}.workspace-control label{color:var(--cyan);text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800}.workspace-control select{color:var(--text);background:0 0;border:0;max-width:280px;padding:0;font-weight:700}.workspace-control small{color:var(--danger)}.page-content{max-width:1480px;margin:0 auto;padding:40px}.stack-xl>*+*{margin-top:38px}.hero-panel{background:radial-gradient(circle at 85% 20%,#22d3ee38,#0000 28%),linear-gradient(135deg,#102538,#0b1722);border:1px solid #25425a;border-radius:24px;justify-content:space-between;align-items:end;gap:30px;min-height:260px;padding:42px;display:flex;overflow:hidden}.hero-panel h1{letter-spacing:-.045em;max-width:720px;margin:10px 0 16px;font-size:clamp(34px,5vw,58px);line-height:1}.hero-panel p{color:#adc1ce;max-width:650px;margin:0;line-height:1.6}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800}.button{border:1px solid var(--line);color:#fff;cursor:pointer;border-radius:10px;justify-content:center;padding:11px 17px;display:inline-flex}.button.primary{background:linear-gradient(135deg, var(--blue), #1fb8d5);white-space:nowrap;border-color:#0000;box-shadow:0 12px 30px #248bff38}.section-heading{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.section-heading h2{letter-spacing:-.025em;margin:5px 0 0;font-size:25px}.section-heading a{color:var(--cyan);font-size:13px}.muted{color:var(--muted);font-size:13px}.metric-grid,.capability-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric-card,.capability-card,.account-card{background:linear-gradient(145deg, var(--panel-2), var(--panel));border:1px solid var(--line);border-radius:15px}.metric-card{padding:20px}.metric-card strong{color:#fff;font-size:32px;display:block}.metric-card span,.metric-card small{display:block}.metric-card span{margin:4px 0;font-weight:650}.metric-card small{color:var(--muted)}.account-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.account-card{grid-template-columns:48px 1fr auto;align-items:center;gap:13px;padding:16px;display:grid}.account-avatar{width:48px;height:48px}.account-card strong,.account-card small{display:block}.account-card small{color:var(--muted);margin-top:4px}.badge{text-transform:uppercase;letter-spacing:.04em;border:1px solid;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.badge.available,.badge.connected{color:var(--green);background:#102d25;border-color:#225a47}.badge.requestable,.badge.pending_access{color:var(--amber);background:#2b2315;border-color:#5c4622}.badge.requested,.badge.token_expiring{color:#83b7ff;background:#142a45;border-color:#294e7d}.badge.unavailable,.badge.disconnected{color:#a0adba;background:#20272d;border-color:#3b4650}.capability-card{padding:18px}.capability-card h3{margin:18px 0 8px;font-size:16px}.capability-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}@media (max-width:1000px){.metric-grid,.capability-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;padding:16px;position:static}.sidebar nav{flex-direction:row;overflow-x:auto}.sidebar nav a{white-space:nowrap}.workspace-pill,.sidebar-foot{display:none}.brand{padding-bottom:12px}.topbar{padding:0 18px}.topbar-actions{font-size:0}.page-content{padding:22px 16px 40px}.hero-panel{flex-direction:column;align-items:start;padding:26px}.metric-grid,.capability-grid,.account-grid{grid-template-columns:1fr}}.page-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.page-heading h1{letter-spacing:-.045em;max-width:850px;margin:9px 0 12px;font-size:clamp(34px,4vw,52px);line-height:1.05}.page-heading p{color:var(--muted);max-width:720px;margin:0;line-height:1.6}.studio-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,.7fr);align-items:start;gap:18px;display:grid}.composer-card,.preview-card,.form-card,.studio-guide,.settings-card,.story-card,.empty-state,.gated-module{background:linear-gradient(145deg, var(--panel-2), var(--panel));border:1px solid var(--line);border-radius:18px;padding:24px}.chip-row,.filter-bar{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#0a1721;border-radius:999px;padding:8px 12px;font-size:12px}.chip.selected{color:var(--cyan);background:#102b38;border-color:#26637a}.field{color:#c5d5df;gap:7px;margin:18px 0;font-size:13px;display:grid}.field input,.field textarea,.field select{width:100%;color:var(--text);border:1px solid var(--line);background:#08141e;border-radius:10px;outline:none;padding:12px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #248bff1f}.form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.studio-guide ol{counter-reset:steps;margin:24px 0 0;padding:0;list-style:none}.studio-guide li{counter-increment:steps;border-bottom:1px solid var(--line);grid-template-columns:28px 1fr;gap:3px 10px;padding:14px 0;display:grid}.studio-guide li:before{content:counter(steps);width:28px;height:28px;color:var(--cyan);background:#15334b;border-radius:8px;grid-row:span 2;place-items:center;font-weight:800;display:grid}.studio-guide small{color:var(--muted)}.preview-card header,.preview-card footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.preview-card h2{margin:5px 0 0}.media-placeholder{background:radial-gradient(circle,#173752,#08141e 65%);border:1px dashed #2b546e;border-radius:14px;align-content:center;place-items:center;gap:8px;min-height:300px;margin:20px 0;display:grid}.media-placeholder span{color:var(--cyan);font-size:42px}.media-placeholder small{color:var(--muted)}.post-copy{color:#d8e4ea;white-space:pre-wrap;line-height:1.65}.preview-card footer small{color:var(--muted)}.action-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.button:disabled{opacity:.45;cursor:not-allowed}.button.danger{color:var(--danger);background:#2d151d;border-color:#673240}.story-card{grid-template-columns:64px 1fr;gap:20px;display:grid}.story-score{width:58px;height:58px;color:var(--cyan);background:#102f3d;border-radius:14px;align-content:center;place-items:center;display:grid}.story-score strong{font-size:22px}.story-score small{color:var(--muted)}.story-card h3{margin:7px 0;font-size:22px}.story-card p{color:var(--muted);line-height:1.5}.empty-state{text-align:center;padding:70px 24px}.empty-state>span{color:var(--cyan);font-size:48px}.empty-state p{max-width:600px;color:var(--muted);margin:10px auto 24px;line-height:1.6}.template-grid,.settings-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.template-card{border:1px solid var(--line);background:linear-gradient(145deg,#102333,#0b1721);border-radius:16px;min-height:250px;padding:21px;position:relative;overflow:hidden}.template-number{color:#8da4b512;font-size:70px;font-weight:900;position:absolute;top:0;right:12px}.template-card h2{margin-top:40px;font-size:20px}.template-card p,.template-card small{color:var(--muted);line-height:1.5;display:block}.template-card a{color:var(--cyan);margin-top:22px;font-size:13px;font-weight:700;display:block}.calendar-board{grid-template-columns:repeat(6,minmax(190px,1fr));gap:10px;padding-bottom:8px;display:grid;overflow-x:auto}.calendar-column{border:1px solid var(--line);background:#09141e;border-radius:14px;min-height:400px;padding:12px}.calendar-column>header{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.calendar-column>header small{color:var(--muted);margin-left:auto}.calendar-column>p{color:#647a89;text-align:center;margin-top:60px;font-size:12px}.calendar-column article{background:var(--panel-2);border:1px solid var(--line);border-radius:9px;margin-top:10px;padding:10px}.calendar-column article small{color:var(--muted);margin-top:8px;display:block}.state-dot{background:var(--muted);border-radius:50%;width:7px;height:7px}.state-dot.approved,.state-dot.published{background:var(--green)}.state-dot.scheduled{background:var(--blue)}.state-dot.publishing{background:var(--cyan)}.state-dot.failed{background:var(--danger)}.check-row{border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;margin:18px 0;padding:16px;display:grid}.check-row small{color:var(--muted);grid-column:2}.settings-card h3{margin:0 0 8px}.settings-card p{color:var(--muted);min-height:62px;line-height:1.5}.gated-module{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:500px;display:flex}.gated-module .lock-icon{width:72px;height:72px;color:var(--cyan);background:#102b3c;border-radius:22px;place-items:center;margin-bottom:22px;font-size:36px;display:grid}.gated-module h1{margin:10px 0;font-size:40px}.gated-module p{max-width:550px;color:var(--muted);line-height:1.6}.gated-module .button{margin-top:22px}@media (max-width:1100px){.template-grid,.settings-grid{grid-template-columns:repeat(2,1fr)}.studio-grid{grid-template-columns:1fr}}@media (max-width:760px){.page-heading,.preview-card header,.preview-card footer{flex-direction:column;align-items:flex-start}.form-grid,.template-grid,.settings-grid{grid-template-columns:1fr}.action-row{width:100%}.preview-card .action-row .button{flex:1}}.login-page{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:center;gap:clamp(40px,8vw,120px);max-width:1320px;min-height:100vh;margin:0 auto;padding:clamp(28px,7vw,100px);display:grid}.login-intro h2{letter-spacing:-.055em;max-width:800px;margin:24px 0 20px;font-size:clamp(42px,6vw,76px);line-height:.98}.login-intro p,.login-card p{color:var(--muted);line-height:1.65}.login-intro .brand-mark{width:54px;height:54px;margin-bottom:48px}.login-card{background:linear-gradient(145deg, var(--panel-2), var(--panel));border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 30px 80px #00000047}.login-card h1{margin:8px 0;font-size:36px}.login-card .button{width:100%}.form-error{background:#2d151d;border:1px solid #673240;border-radius:10px;padding:10px 12px;font-size:13px;color:#ff9aaa!important}.form-success{color:#80e9bd;background:#102d25;border:1px solid #225a47;border-radius:10px;padding:10px 12px;font-size:13px}.form-hint{color:var(--muted);font-size:12px;line-height:1.5}.source-list{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.source-list .settings-card p{min-height:auto}.story-list{gap:14px;display:grid}.inline-error{color:var(--danger);margin-top:6px;display:block}@media (max-width:820px){.login-page{grid-template-columns:1fr}.login-intro .brand-mark{margin-bottom:28px}.login-intro h2{font-size:44px}}