/* Unified workspace system. Loaded last; preserves every tool's data and controls. */
:root{--ui-paper:#f5f6f2;--ui-ink:#20271f;--ui-muted:#646d60;--ui-line:#dce1d7;--ui-accent:#c9f56c;--ui-panel:#fff;--ui-rail:#172019}
body:not(.landing-page){background:var(--ui-paper);color:var(--ui-ink)}
.studio-page{--paper:var(--ui-paper);--bg:var(--ui-paper);--ink:var(--ui-ink);--muted:var(--ui-muted);--line:var(--ui-line);--card:var(--ui-panel);--accent:#31502c;--orange:#b6df5d}
.studio-page .strategy-sidebar,body:not(.landing-page) .sidebar{background:var(--ui-rail);border-color:#2d392c;color:#b4c0ab;padding:26px 18px}
.studio-page .strategy-brand,.studio-page .strategy-sidebar .strategy-brand small,body:not(.landing-page) .sidebar .brand{color:#f6f8ef}
.studio-page .strategy-brand{font-size:21px;letter-spacing:-.035em}.studio-page .strategy-brand small{font-size:8px;letter-spacing:.08em;color:#96a98b}
.studio-page .strategy-sidebar :is(.sidebar-caption,.sidebar-note),body:not(.landing-page) .sidebar .workspace-tag{color:#91a28a;font-size:9px;letter-spacing:.06em}
.studio-page .strategy-sidebar nav a{color:#bfcab8;border-radius:8px;min-height:42px;font-size:12px;padding:10px 12px;box-shadow:none}
.studio-page .strategy-sidebar nav a[aria-current=page]{background:#2d3d29;border-color:#425438;color:#e9ffc3;box-shadow:inset 2px 0 #c9f56c}
.studio-page .strategy-sidebar nav a:hover{background:#263424;color:#fff}.studio-page .strategy-sidebar .sidebar-note p{color:#bfcab8}
.studio-page .strategy-main{padding-inline:clamp(22px,3.5vw,58px)}
.studio-page .strategy-topbar{min-height:66px;font-size:10px;letter-spacing:.035em;color:#75806e}.studio-page .strategy-topbar b{color:#44513c}
.studio-page .planning-pill{background:#eaf1df;color:#455934;border-color:#d3dfc4;border-radius:100px;font-size:10px;padding:6px 11px}
.studio-page :is(.strategy-hero,.activity-hero,.history-hero,.health-hero){padding-block:26px 24px;gap:28px;min-height:0}
.studio-page :is(.strategy-hero,.activity-hero,.history-hero,.health-hero) h1{font-size:clamp(34px,4vw,55px);line-height:1.07;letter-spacing:-.055em}
.studio-page .eyebrow{font-size:10px;letter-spacing:.1em;color:#67775b;margin-bottom:10px}
.studio-page .hero-copy{font-size:14px;line-height:1.6;max-width:620px;margin-top:12px;color:var(--ui-muted)}
.studio-page .studio-panel{border:1px solid var(--ui-line);border-radius:16px;background:#fff;box-shadow:0 3px 15px #24381b04;padding:23px}
.studio-page .studio-panel h2{font-size:21px;letter-spacing:-.035em;line-height:1.3}
.studio-page :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#fafbf8;color:#263421;border:1px solid #d4ddcc;border-radius:9px;min-height:45px;padding:11px 12px;font-size:14px;box-shadow:0 1px 2px #273c1d03}
.studio-page textarea{font-family:var(--mono,monospace);line-height:1.6}.studio-page :is(input,textarea)::placeholder{color:#87907f}
.studio-page label{color:#4b5943;font-size:12px;line-height:1.6}
.studio-page .button{font-size:12px;min-height:45px;border-radius:9px;padding:11px 15px;gap:12px}
.studio-page .button.dark,.studio-page .button.primary{background:#253b22;color:#f8fcee;border-color:#253b22}
.studio-page .button.secondary{background:#fff;color:#415136;border-color:#d4ddcc}
.studio-page .button:disabled{background:#eef1e9;color:#788570;border-color:#e0e6d8;opacity:1}
.studio-page .button.dark:not(:disabled):hover,.studio-page .button.primary:not(:disabled):hover{background:#395631;border-color:#395631}
.studio-page .button.secondary:not(:disabled):hover{background:#eff5e6}
.studio-page :is(.field-help,.fineprint){color:#697660;font-size:11px;line-height:1.65}
.studio-page :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #688d46;outline-offset:3px}
.studio-page :is(.activity-tabs,.health-tabs) button[aria-selected=true]{border-color:#42652d;color:#2c4722;background:#f0f6e8}
.studio-page :is(.activity-facts,.health-facts) dd{font-variant-numeric:tabular-nums;font-size:13px;color:#2c3827}
.studio-page :is(.activity-chip,.health-chip){background:#edf3e5;color:#506541;border:1px solid #dce6d0;font-size:10px}
.studio-page .activity-grid{grid-template-columns:minmax(300px,.85fr) minmax(0,1.45fr);gap:18px;align-items:start}
.studio-page .activity-input>h2{margin-bottom:18px}.studio-page .activity-grid label{margin-top:12px}
.studio-page .activity-input textarea{min-height:84px}.studio-page .activity-results{min-height:420px}
.workspace-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:300px;padding:30px 20px;color:#65735a}
.workspace-empty svg{width:68px;height:68px;margin-bottom:22px;color:#6b8552}.workspace-empty h3{font-size:20px;color:#384b2b;letter-spacing:-.035em;margin:0 0 10px}
.workspace-empty p{max-width:310px;font-size:13px;line-height:1.65;margin:0}.workspace-empty small{font:10px/1.6 var(--mono,monospace);margin-top:20px;color:#829174}
.activity-results:has(#activityReport:not([hidden])) .workspace-empty{display:none}
.workspace-guidance{margin-top:14px;border-top:1px solid var(--ui-line);padding-top:9px}.workspace-guidance summary{font-size:11px;color:#617254;min-height:34px;cursor:pointer;display:list-item;list-style:disclosure-closed;margin-left:13px}.workspace-guidance[open] summary{list-style:disclosure-open}
.studio-page .creator-card{border-color:var(--ui-line);background:#fff;box-shadow:none;border-radius:12px;padding:20px;min-height:160px}
.studio-page .creator-card h2{font-size:22px;color:#283b20}.studio-page .creator-card p{color:#697660}.studio-page .creator-card .creator-open{color:#476534;border-color:#e2e8da}
.studio-page .creator-card:hover{border-color:#8da872;transform:translateY(-2px);box-shadow:0 5px 18px #314d1e08}
.studio-page .creator-workflows button[aria-pressed=true]{background:#253b22;border-color:#253b22;color:#effcdc}
.studio-page .creator-recent a{background:#eaf1df;color:#415734}
.studio-page .studio-header{max-width:none;background:#172019;color:#f6f8ef;border-color:#35462e;padding:18px clamp(18px,4vw,55px)}
.studio-page .studio-header .brand{color:#f6f8ef;font-size:21px}.studio-page .studio-header nav{margin-left:auto;color:#c1ceb5}
.studio-header>.tool-launcher{position:static;margin:0;min-height:40px;padding:9px 12px}.studio-header>.tool-launcher kbd{display:none}
.activity-results{scroll-margin-top:18px}.activity-results h2[tabindex='-1']:focus{outline:none}
.tool-launcher{background:#c9f56c;color:#24341a;border-color:#c9f56c;border-radius:9px;box-shadow:none}.tool-launcher kbd{color:#4e6537;border-color:#a2c357}
.landing-page .tool-launcher{background:#c9f56c;color:#24341a;border-color:#b3d660;box-shadow:0 4px 16px #26351b10}
.strategy-sidebar>.tool-launcher,.sidebar>.tool-launcher{position:static;width:100%;margin:22px 0 0;justify-content:center;flex-shrink:0;min-height:42px;font-size:11px;order:0}
.tool-dialog{background:#fcfdf9;border-color:#d8e2ce;color:#283a21;border-radius:16px}.tool-dialog::backdrop{background:#10200dc7}
.tool-result .tool-group{background:#eef4e5;border-color:#dce6d0;color:#5a7048}.tool-result:hover,.tool-result:focus{background:#edf5e2;border-color:#cfdcbd}
.tool-result small{color:#67795a}.tool-dialog #toolSearch{background:#f3f7ec;border-color:#d2dfc1}.tool-dialog-foot{background:#f2f6ec;color:#69795d}
@media(max-width:1000px){.studio-page .activity-grid{grid-template-columns:minmax(270px,.9fr) minmax(0,1.15fr)}}
@media(max-width:700px){
 .studio-page .strategy-sidebar,body:not(.landing-page) .sidebar{position:relative;inset:auto;width:100%;padding:14px 18px;display:flex;flex-direction:row;align-items:center;gap:12px;overflow:visible;background:#172019;border-bottom:1px solid #35462e}
 .studio-page .strategy-brand{font-size:18px;white-space:nowrap;gap:8px}.studio-page .strategy-brand img{width:26px;height:26px}.studio-page .strategy-brand small{display:none}
 .sidebar .brand{font-size:18px!important;gap:8px!important;white-space:nowrap}.sidebar .brand-symbol{width:26px!important;height:26px!important}.sidebar .brand .version{display:none}.sidebar .workspace-menu{order:2;flex-shrink:0}.sidebar .workspace-menu>summary{min-height:38px;padding:8px 10px;font-size:11px;gap:6px;border-radius:7px}.sidebar .workspace-menu>summary svg{width:14px}
 .studio-page .strategy-sidebar>.tool-launcher,.sidebar>.tool-launcher{width:auto;margin:0 0 0 auto;min-height:38px;padding:8px 11px;font-size:11px;order:1}.tool-launcher kbd{display:none}
 .studio-page .mobile-product-nav{position:static;margin:0;order:2}.studio-page .mobile-product-nav>summary{background:#263a23;color:#e9f4dc;border-color:#46613b;min-height:38px;padding:7px 10px;border-radius:7px;font-size:11px}
 .studio-page .mobile-product-nav nav{background:#fff;color:#2a3e20;border-color:#d1dfc3;right:16px;left:auto;min-width:210px;z-index:60;box-shadow:0 10px 35px #101d0d25}
 .studio-page .mobile-product-nav nav a{color:#3e5531;font-size:13px;min-height:44px}.studio-page .mobile-product-nav nav a:hover{background:#edf5e3;color:#25381b}
 .studio-page .strategy-main{margin-left:0;padding-inline:18px}.studio-page .strategy-topbar{min-height:47px;font-size:9px;gap:8px}.studio-page .planning-pill{font-size:8px;padding:5px 8px;max-width:45%;white-space:normal;text-align:center}
 .studio-page :is(.strategy-hero,.activity-hero,.history-hero,.health-hero){padding-block:22px 18px;gap:16px}.studio-page :is(.strategy-hero,.activity-hero,.history-hero,.health-hero) h1{font-size:35px;line-height:1.08;letter-spacing:-.05em}
 .studio-page .eyebrow{font-size:9px;letter-spacing:.07em;margin-bottom:8px}.studio-page .hero-copy{font-size:13px;line-height:1.55;margin-top:10px}
 .studio-page .studio-panel{padding:17px;border-radius:12px}.studio-page .studio-panel h2{font-size:19px}.studio-page .button{min-height:46px;font-size:12px}
 .studio-page :is(input:not([type=checkbox]):not([type=radio]),textarea,select){font-size:16px;min-height:44px}
 .studio-page .activity-grid{grid-template-columns:minmax(0,1fr);gap:12px}.studio-page .activity-results{min-height:0}.workspace-empty{min-height:210px;padding:24px 14px}.workspace-empty svg{width:50px;height:50px;margin-bottom:15px}.workspace-empty h3{font-size:18px}.workspace-empty small{margin-top:12px}
 .studio-page .activity-input>h2{margin-bottom:13px}.studio-page .activity-input textarea{min-height:75px}.studio-page .creator-card{min-height:0;padding:16px}.studio-page .creator-card h2{font-size:20px}
 .tool-launcher{min-height:44px}.tool-dialog{max-height:calc(100dvh - 24px)}.tool-dialog-foot{display:none}
 .studio-page .strategy-main footer{font-size:9px;gap:12px;padding-block:22px}
 .studio-page .studio-header{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 18px}.studio-page .studio-header nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;margin-left:0;font-size:11px;gap:18px}.studio-header>.tool-launcher{width:auto;max-width:none;margin:0;grid-column:2;grid-row:1;min-height:38px}
}
@media(prefers-reduced-motion:reduce){.creator-card,.button,.tool-result{transition:none!important;transform:none!important}}
/* VEYDUCT: precise routes, restrained surfaces, clear working states. */
body:not(.landing-page){background:#f4f6f1;accent-color:#476a34}
.studio-page ::selection{background:#c9f56c;color:#172019}
.studio-page .strategy-brand,.studio-page .studio-header .brand,body:not(.landing-page) .sidebar .brand{font-size:19px;font-weight:700;letter-spacing:.035em;line-height:1.15}
.studio-page .strategy-brand img,.studio-page .studio-header .brand img,body:not(.landing-page) .sidebar .brand-symbol{flex:none;object-fit:contain}
.studio-page .strategy-brand small{font-size:7px;letter-spacing:.045em}
.studio-page .strategy-sidebar,body:not(.landing-page) .sidebar{background:linear-gradient(160deg,#1e2a21 0%,#172019 60%)}
.studio-page .strategy-sidebar nav a{transition:background .15s,color .15s,border-color .15s}
.studio-page .strategy-sidebar nav a[aria-current=page]>span{color:#b6df5d}
.studio-page .strategy-topbar{border-bottom-color:#dce3d7}
.studio-page .studio-panel{box-shadow:0 1px 1px #1b2b1504,0 8px 28px #1b2b1503}
.studio-page :is(.studio-panel,.creator-card,.strategy-main){min-width:0}
.studio-page :is(input:not([type=checkbox]):not([type=radio]),select,textarea){transition:border-color .15s,box-shadow .15s;background:#f9fbf7}
.studio-page :is(input,select,textarea):focus-visible{outline:2px solid #688d46;outline-offset:2px;border-color:#688d46;box-shadow:0 0 0 4px #688d4610}
.studio-page .button{letter-spacing:.005em;transition:background .15s,border-color .15s,box-shadow .15s}
.studio-page .button.dark,.studio-page .button.primary{background:#203724;border-color:#203724;box-shadow:0 1px 2px #14231512}
.studio-page .button.dark:not(:disabled):hover,.studio-page .button.primary:not(:disabled):hover{background:#314d30;border-color:#314d30}
.studio-page .creator-card{position:relative;transition:transform .16s,border-color .16s,box-shadow .16s}
.studio-page .creator-card .eyebrow{color:#647756}
.studio-page .creator-card .creator-open{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:500;letter-spacing:.015em}
.studio-page .creator-card:hover{border-color:#9bb386;box-shadow:0 6px 22px #243c1b0a}
.studio-page .creator-workflows button,.studio-page .creator-reset{border-color:#d6dfcf;background:#fff;transition:background .15s,border-color .15s}
.studio-page .creator-workflows button:not([aria-pressed=true]):hover,.studio-page .creator-reset:hover{background:#edf4e5;border-color:#abc497}
.tool-launcher{font-weight:600;letter-spacing:.01em;transition:background .15s,border-color .15s}
.tool-launcher:hover{background:#d8ff87;border-color:#d8ff87}
.tool-dialog{box-shadow:0 24px 90px #10200d40}
.tool-dialog .tool-result{border-radius:9px;min-height:48px}
.tool-dialog #toolSearch{min-height:48px;font-size:16px}
@media(max-width:700px){
 .studio-page .strategy-sidebar,body:not(.landing-page) .sidebar{padding:13px 16px;gap:9px}
 .studio-page .strategy-brand,.studio-page .studio-header .brand,body:not(.landing-page) .sidebar .brand{font-size:17px!important;letter-spacing:.02em;gap:8px!important;min-width:0}
 .studio-page .strategy-brand img,.studio-page .studio-header .brand img,.sidebar .brand-symbol{width:26px!important;height:26px!important}
 .studio-page .strategy-sidebar>.tool-launcher,.sidebar>.tool-launcher{padding:8px 10px;min-height:40px}
 .studio-page .mobile-product-nav>summary,.sidebar .workspace-menu>summary{min-height:40px}
 .studio-page .strategy-topbar>*{min-width:0;overflow-wrap:anywhere}
 .studio-page :is(.strategy-hero,.activity-hero,.history-hero,.health-hero,.dao-hero) h1{overflow-wrap:normal;word-break:normal}
 .studio-page .studio-header{padding:13px 16px;gap:10px}
 .studio-page .studio-header nav{gap:10px 18px;line-height:1.5;flex-wrap:wrap}
 .studio-page .creator-card:hover{transform:none}
 .tool-dialog{width:calc(100% - 24px);max-width:560px;margin:0 auto;padding:0;border-radius:13px}
 .tool-result{min-width:0}.tool-result>span{min-width:0;overflow-wrap:anywhere}
}
@media(max-width:360px){
 .studio-page .strategy-sidebar,body:not(.landing-page) .sidebar{padding-inline:12px;gap:7px}
 .studio-page .strategy-brand,body:not(.landing-page) .sidebar .brand{font-size:16px!important;letter-spacing:0;gap:6px!important}
 .studio-page .strategy-sidebar>.tool-launcher,.sidebar>.tool-launcher{padding-inline:8px;font-size:10px}
 .studio-page .mobile-product-nav>summary,.sidebar .workspace-menu>summary{padding-inline:8px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.studio-page :is(.strategy-sidebar nav a,input,select,textarea,.button,.creator-card,.creator-workflows button,.creator-reset),.tool-launcher{transition:none!important}}
/* A mobile menu stays usable above the keyboard and inside a short viewport. */
@media(max-width:700px){
 .studio-page .strategy-sidebar>.tool-launcher,.sidebar>.tool-launcher,.studio-header>.tool-launcher{min-height:44px}
 .studio-page .mobile-product-nav>summary,.sidebar .workspace-menu>summary{min-height:44px}
 .studio-page .mobile-product-nav nav,.sidebar .workspace-menu nav{max-height:min(68dvh,440px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
 .studio-page .studio-header nav a{min-height:44px;display:inline-flex;align-items:center}
 .studio-page :is(.creator-recent a,.creator-recent button,.creator-reset,.workspace-guidance summary){min-height:44px}
 .studio-page :is(.strategy-main,.studio-panel) pre{max-width:100%;overflow-x:auto}
}