/* Signed-in Postmaxx workspace. The public landing page keeps its own styles. */
html body.studio-page { color-scheme:dark; --bg:#1b1b1c; --surface:#232324; --surface-2:#2b2b2d; --ink:#f5f5f6; --ink-2:#dedee0; --muted:#aaa9ab; --line:rgba(255,255,255,.12); --line-2:rgba(255,255,255,.24); --signal:#ffdd00; --signal-hi:#ffe954; --signal-soft:rgba(255,221,0,.13); --signal-line:rgba(255,221,0,.4); --danger:#ff8a8a; --danger-soft:rgba(255,90,90,.12); --danger-line:rgba(255,90,90,.30); --glass:rgba(255,255,255,.05); --glass-2:rgba(255,255,255,.09); --font:'Archivo','Helvetica Neue',Arial,sans-serif; --mono:'JetBrains Mono',monospace; background:var(--bg); color:var(--ink); font-family:var(--font); overflow:auto; }
body.studio-page.workspace-mounted #tg-workspace-root .postmaxx-app-shell {display:block; max-width:none; width:100%; height:auto; min-height:100vh; padding:0; margin:0; overflow:visible;}
html body.studio-page.workspace-mounted .app-sidebar {position:relative; inset:auto; transform:none; width:100%; height:auto; max-height:none; overflow:visible; padding:20px 4%; display:flex; align-items:center; gap:32px; background:var(--bg); color:#fff; border:0;}
body.studio-page .app-brand {font:800 24px var(--font); letter-spacing:-1.2px; color:#fff; margin:0; padding:0; display:flex; align-items:center; gap:9px;width:auto;flex:0 0 auto;}
html body.studio-page.workspace-mounted .app-sidebar {flex-direction:row;}
body.studio-page .app-brand::after {display:none;}
body.studio-page .app-side-nav a.active {box-shadow:none;}
body.studio-page .app-brand-mark {display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:var(--signal);color:#101114;font-size:22px;}
body.studio-page .app-side-nav {display:flex; flex:1; justify-content:center; align-items:center; gap:6px; margin:0;}
body.studio-page .app-side-nav a {display:block; width:auto; padding:10px 16px; border:0; border-radius:8px; background:transparent; font:500 13px var(--font); color:var(--ink-2);}
body.studio-page .app-side-nav a.active,body.studio-page .app-side-nav a:hover {background:var(--surface-2); color:var(--signal);}
body.studio-page .app-account-link {margin:0; padding:0; background:none; color:#fff; border:0;}
body.studio-page .app-account-avatar {background:var(--surface-2); color:var(--ink); border:0; width:35px; height:35px;}
body.studio-page .account-label,body.studio-page .app-menu-button,body.studio-page .app-sidebar-backdrop {display:none!important;}
html body.studio-page .app-main {height:auto; min-width:0; width:100%; overflow:visible; margin:0; padding:0;}
body.studio-page .app-topbar {position:relative; height:auto; min-height:48px; padding:12px 4%; border-bottom:1px solid var(--line); background:var(--bg); color:var(--muted);}
body.studio-page .app-crumb,body.studio-page .app-help-link {font-size:12px; color:var(--muted);}
body.studio-page .app-crumb b {color:var(--ink);}
body.studio-page .app-topbar {flex-wrap:wrap;}
body.studio-page .app-top-actions {flex-wrap:wrap;}
body.studio-page #app-test-demo {border:1px solid var(--signal-line);background:var(--signal-soft);color:var(--signal);padding:8px 12px;}
body.studio-page #app-test-demo[hidden] {display:none!important;}
html body.studio-page .app-content {width:92%; max-width:1600px; padding:36px 0 64px; min-height:0; margin:0 auto;}
body.studio-page .app-view-head {margin-bottom:28px; max-width:none;}
body.studio-page .app-view-head h1 {font:700 clamp(27px,3vw,38px)/1.15 var(--font);letter-spacing:-1.3px; color:var(--ink);}
body.studio-page .app-view-head p {font:14px/1.6 var(--font);color:var(--muted);margin-top:10px;}
body.studio-page .app-view-eyebrow {display:none;}
body.studio-page .btn,body.studio-page .app-button {border-radius:9px; font:600 13px var(--font); text-transform:none; letter-spacing:0; box-shadow:none;}
body.studio-page .btn-primary,body.studio-page .btn-signal,body.studio-page .app-button-primary {background:var(--signal)!important; color:#101114!important; border:1px solid var(--signal)!important;}
body.studio-page .btn-ghost {background:var(--surface);color:var(--ink);border:1px solid var(--line);}
body.studio-page input,body.studio-page select,body.studio-page textarea {color:var(--ink);background:var(--bg);border-color:var(--line);}
body.studio-page button:focus-visible,body.studio-page a:focus-visible,body.studio-page input:focus-visible,body.studio-page textarea:focus-visible,body.studio-page select:focus-visible {outline:2px solid var(--signal);outline-offset:3px;}
body.studio-page #posts-composer {border:0!important;background:none!important;padding:0!important;border-radius:0;margin:0;}
body.studio-page .posts-composer-head,body.studio-page .gen-topline,body.studio-page #history {display:none!important;}
body.studio-page.workspace-mounted #posts-composer .in-workspace {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start;margin:0;}
body.studio-page.workspace-mounted #posts-composer .gen-zone {display:block!important;min-width:0; margin:0; padding:0;}
body.studio-page.workspace-mounted #posts-composer .gen-card {padding:30px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:none;}
body.studio-page.workspace-mounted #posts-composer #output-zone {display:block!important;min-width:0;margin:0;padding:25px;border:1px solid var(--line);border-radius:16px;background:var(--surface); width:100%;}
body.studio-page #output-zone .output-head {display:block!important;margin:0 0 20px; padding:0;}
body.studio-page #output-zone .output-head .workspace-label {display:none;}
body.studio-page #output-zone .output-head h2 {font:700 18px var(--font);color:var(--ink);}
body.studio-page #output-zone .output-head p {font:12px/1.6 var(--font);color:var(--muted);margin-top:7px;}
body.studio-page .studio-product-strip {display:flex;gap:12px;align-items:center;padding:14px;background:var(--surface-2);border-radius:10px;margin-bottom:30px;font-size:13px;}
body.studio-page .studio-product-strip>div {flex:1;min-width:0;}
body.studio-page .studio-product-strip p {font-size:11px;color:var(--muted);margin:4px 0 0;}
body.studio-page .studio-product-strip a {font-size:12px;color:var(--ink);}
body.studio-page .studio-product-symbol {display:grid;place-items:center;background:var(--signal);color:#101114;border-radius:7px;width:30px;height:30px;flex-shrink:0;}
body.studio-page .rp-head {margin:0;padding:0;min-height:0;}
body.studio-page .rp-head h3 {font-size:13px;letter-spacing:0;color:var(--ink);margin:0 0 13px;display:flex;gap:12px;}
body.studio-page .rp-head h3>span,body.studio-page #post-direction-row label>span {color:var(--muted);font-size:11px;}
body.studio-page #recipe-panel {margin:0;padding:0;border:0;}
body.studio-page #recipe-detail {display:block;margin:28px 0 0;padding:0;border:0;background:none;}
body.studio-page #post-direction-row {margin:0;padding:0;background:none;border:0;}
body.studio-page #post-direction-row label {display:flex;gap:12px;align-items:center;font:600 13px var(--font);letter-spacing:0;text-transform:none;color:var(--ink);margin:0 0 12px;}
body.studio-page #post-direction-row label small {margin-left:auto;color:var(--muted);font-weight:400;}
body.studio-page #post-direction {width:100%;min-height:100px;resize:vertical;border:1px solid var(--line);border-radius:9px;padding:14px;font:14px/1.6 var(--font);}
body.studio-page .studio-suggestions {display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0;}
body.studio-page .studio-suggestions button {background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:6px 9px;font:11px var(--font);cursor:pointer;}
body.studio-page .studio-auto-note {font-size:12px;color:var(--muted);line-height:1.6;border-top:1px solid var(--line);padding-top:20px;margin:25px 0 20px;}
body.studio-page .make-row {display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
body.studio-page #gen-note {font-size:11px;line-height:1.5;color:var(--muted);}
body.studio-page .empty-state {background:none;border:0;padding:60px 16px;min-height:360px;color:var(--ink);}
body.studio-page .empty-state p {color:var(--muted);font:13px/1.6 var(--font);}
body.studio-page .in-workspace #caro-out {min-width:0;width:100%;}
body.studio-page .in-workspace .caro-card {min-width:0;width:100%;margin:0;}
body.studio-page .in-workspace .caro-slides {max-width:100%;}
body.studio-page .in-workspace .caption-card {background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--ink);}
body.studio-page .in-workspace .cap-panel textarea {color:var(--ink);background:var(--surface);}
body.studio-page #pane-brand,body.studio-page #pane-account,body.studio-page #pane-publishing {max-width:1100px;margin:auto;}
body.studio-page .tg-ws .card,body.studio-page .in-workspace-product .profile-card {background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:none;}
body.studio-page .tg-ws .post {background:var(--surface);border:1px solid var(--line);border-radius:14px;}
body.studio-page #totals-card {display:none!important;}
body.studio-page .analytics-toolbar {display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:25px;}
body.studio-page .analytics-toolbar label {display:block;font-size:11px;color:var(--muted);margin-bottom:6px;}
body.studio-page .analytics-toolbar select {padding:9px 12px;border:1px solid var(--line);border-radius:7px;font:13px var(--font);}
body.studio-page #analytics-refresh {margin-left:auto;}
body.studio-page .analytics-stats {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:25px;gap:20px;}
body.studio-page .analytics-stats span {display:block;color:var(--muted);font-size:12px;text-transform:capitalize;}
body.studio-page .analytics-stats strong {display:block;font:700 32px var(--font);margin-top:10px;}
body.studio-page .analytics-freshness {font-size:12px;color:var(--muted);margin:17px 0 25px;}
body.studio-page .analytics-table-wrap {overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface);}
body.studio-page .analytics-table {width:100%;border-collapse:collapse;text-align:left;font-size:12px;}
body.studio-page .analytics-table th {font-weight:500;text-transform:capitalize;color:var(--muted);background:var(--surface-2);}
body.studio-page .analytics-table td,body.studio-page .analytics-table th {padding:17px 15px;border-bottom:1px solid var(--line);}
body.studio-page .analytics-table td:first-child {min-width:180px;max-width:360px;}
body.studio-page .analytics-table small {display:block;margin-top:7px;color:var(--muted);}
body.studio-page .analytics-table a {color:var(--ink);}
body.studio-page .analytics-empty {text-align:center;padding:60px 20px;border:1px dashed var(--line);border-radius:14px;}
body.studio-page .analytics-empty h2 {font:700 23px var(--font);}
body.studio-page .analytics-empty p {color:var(--muted);margin:14px 0 25px;}
@media(max-width:760px){html body.studio-page.workspace-mounted .app-sidebar{flex-wrap:wrap;padding:19px 4%;gap:20px}body.studio-page .app-brand{flex:1}body.studio-page .app-side-nav{order:3;flex-basis:100%;justify-content:space-between;gap:0}body.studio-page .app-side-nav a{font-size:12px;padding:9px 11px}body.studio-page.workspace-mounted #posts-composer .in-workspace{grid-template-columns:1fr}html body.studio-page .app-content{width:92%;padding-top:26px}body.studio-page .analytics-stats{grid-template-columns:repeat(3,minmax(0,1fr))}body.studio-page #post-direction{font-size:16px}body.studio-page .app-topbar{padding:12px 4%}}

body.studio-page.workspace-mounted:not(.post-made) #posts-composer #output-zone {display:none!important;}
body.studio-page.workspace-mounted:not(.post-made) #posts-composer .in-workspace {grid-template-columns:minmax(0,1fr)!important;}
body.studio-page.workspace-mounted:not(.has-product-profile) #posts-composer {display:none!important;}

@media(max-width:1000px){body.studio-page.workspace-mounted #posts-composer .in-workspace{gap:20px}body.studio-page.workspace-mounted #posts-composer .gen-card{padding:22px}}
@media(max-width:420px){body.studio-page .app-side-nav a{padding:8px;font-size:11px}body.studio-page .analytics-stats strong{font-size:25px}body.studio-page.workspace-mounted #posts-composer .gen-card,body.studio-page.workspace-mounted #posts-composer #output-zone{padding:18px}}

body.studio-page .post-style {display:flex;gap:8px;margin-top:20px;}
body.studio-page .post-style[hidden] {display:none;}
body.studio-page .post-style label {display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;font-size:13px;cursor:pointer;}
body.studio-page .post-style label:has(input:checked) {border-color:currentColor;font-weight:600;}