/* Content Engine workspace: one visual hierarchy, independent page navigation. */
body.studio{background:#f4f2eb;color:#20231f;font:15px/1.5 Inter,Arial,sans-serif}
body.studio .sidebar{width:244px;padding:32px 20px;background:#1e2923;justify-content:flex-start;gap:40px;overflow-y:auto}
body.studio .sidebar>.brand{padding:0 12px;font-size:20px;line-height:1.25}
body.studio .sidebar>.brand span{margin-top:8px;font-size:10px;color:#b3c1b3}
body.studio .sidebar nav{display:flex;flex-direction:column;gap:4px;padding:0}
body.studio .sidebar nav button{width:100%;min-height:48px;padding:12px 14px;border-radius:2px;color:#c3cec5;font:500 14px/1.35 Inter,Arial,sans-serif;white-space:normal}
body.studio .sidebar nav button.active{background:#e8ebde;color:#1e2923;font-weight:700}
body.studio .sidebar nav button:hover{background:#364339;color:#fff;transform:none}
body.studio .sidebar>div:last-child{margin-top:auto;padding:16px 12px 0;border-top:1px solid #435045}
body.studio #systemBadge{font-size:12px;border:0;background:none;padding:0;color:#bbcdbb}
body.studio .sidebar .link-button{font-size:13px;color:#c3cec5}
body.studio .workspace{margin-left:244px;padding:38px clamp(24px,3vw,56px) 56px;background:#f4f2eb;min-width:0}
body.studio .workspace>header{align-items:flex-start;gap:20px;margin-bottom:24px}
body.studio .workspace>header .eyebrow{font-size:10px;letter-spacing:.15em;color:#667064;margin-bottom:8px}
body.studio .workspace>header h1{font:500 38px/1.12 Georgia,serif;letter-spacing:-.025em}
body.studio .view-description{margin:10px 0 0;color:#687066;font-size:14px;max-width:680px}
body.studio .workspace .button{font:600 14px/1.2 Inter,Arial,sans-serif;min-height:44px;padding:12px 18px;border-radius:2px;background:#25392d;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px}
body.studio .workspace .button.ghost{background:transparent;color:#25392d;border:1px solid #bec5b9}
body.studio .workspace .button:hover{transform:none;background:#3c5544;color:#fff}
body.studio .workspace .button:disabled{cursor:not-allowed;opacity:.45}
body.studio .workflow-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-block:1px solid #d9ddd2;margin-bottom:30px;padding:0}
body.studio .workflow-rail button{display:flex;gap:12px;align-items:center;border:0;border-bottom:2px solid transparent;background:transparent;padding:16px 12px;font:500 13px/1.3 Inter,Arial,sans-serif;color:#6c7468;min-width:0;border-radius:0;transform:none}
body.studio .workflow-rail button span{font-size:11px;color:#90998b}
body.studio .workflow-rail button.active{border-bottom-color:#25392d;color:#25392d;font-weight:700}
body.studio .workflow-rail button.complete span{color:#25392d;font-weight:700}
body.studio .workflow-rail button:hover{background:#e9ece2;color:#25392d}
body.studio .panel{padding:26px;background:#fff;border:1px solid #dee1d8!important;border-radius:2px!important;box-shadow:none!important;min-width:0}
body.studio .panel h2{font:500 23px/1.2 Georgia,serif;margin-bottom:18px;letter-spacing:-.01em}
body.studio .panel h3{font:600 16px/1.3 Inter,Arial,sans-serif}
body.studio .panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}
body.studio .panel-heading h2{margin-bottom:0}
body.studio .panel-heading .eyebrow{font-size:10px;color:#727b6b;margin-bottom:7px}
body.studio .split{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:24px;align-items:start}
body.studio .workspace label{font-size:13px;font-weight:600;margin-bottom:18px;line-height:1.45;color:#364132}
body.studio .workspace input,body.studio .workspace select,body.studio .workspace textarea{margin-top:7px;border:1px solid #c9cec2!important;background:#fff!important;border-radius:2px!important;font:400 14px/1.5 Inter,Arial,sans-serif;padding:11px 12px;min-width:0}
body.studio .workspace textarea{min-height:76px;resize:vertical}
body.studio .workspace ::placeholder{color:#92978c}
body.studio .workspace input[type=color]{width:80px;padding:5px}
body.studio .field-hint{display:block;color:#848b7f;font-size:12px;font-weight:400;margin-top:5px}
body.studio .form-details{border-top:1px solid #dee1d8;margin:10px 0 18px;padding-top:15px}
body.studio .form-details summary{cursor:pointer;font:600 13px/1.5 Inter,Arial,sans-serif;padding:4px 0 12px;color:#4f5d48}
body.studio .form-details summary span{font-size:11px;font-weight:400;margin-left:8px;color:#7b8675}
body.studio .form-details[open] summary{margin-bottom:12px}
body.studio .form-footer{position:sticky;bottom:0;background:#fff;border-top:1px solid #dee1d8;padding-top:16px;display:flex;flex-wrap:wrap;gap:8px;z-index:2}
body.studio .form-message{flex-basis:100%;margin:6px 0 0;font-size:13px;color:#386147}
body.studio .form-message:empty{display:none}
body.studio fieldset{border:0;padding:0;margin:0;min-width:0}
body.studio fieldset:disabled{opacity:.48}
body.studio .prerequisite{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;background:#e7ecdF;border-left:3px solid #506a43;margin-bottom:24px}
body.studio .prerequisite h2{font:500 24px/1.2 Georgia,serif;margin-bottom:8px}
body.studio .prerequisite p{font-size:14px;color:#5f6c55;max-width:640px;margin-bottom:0}
body.studio .prerequisite .button{flex-shrink:0}
body.studio .reference-heading{border-top:1px solid #dee1d8;padding-top:24px;margin-top:24px}
body.studio .reference-heading h3{margin-bottom:6px}
body.studio .list-item{padding:18px 0}
body.studio .job-actions{flex-wrap:wrap}
body.studio .home-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;padding:30px 0 44px;max-width:1100px}
body.studio .home-intro h2{font:500 clamp(32px,3.5vw,50px)/1.05 Georgia,serif;letter-spacing:-.035em;margin:16px 0}
body.studio .home-intro p:not(.eyebrow){font-size:15px;line-height:1.65;color:#697061;max-width:550px;margin-bottom:24px}
body.studio .home-intro aside{border-left:1px solid #d5dacd;padding-left:32px}
body.studio .home-intro ol{list-style:none;padding:0;margin:20px 0 0;counter-reset:flow}
body.studio .home-intro li{counter-increment:flow;padding:10px 0 14px 40px;position:relative}
body.studio .home-intro li::before{content:'0' counter(flow);position:absolute;left:0;top:13px;color:#939c89;font:12px Inter,Arial,sans-serif}
body.studio .home-intro li b{display:block;font-size:15px;font-weight:600}
body.studio .home-intro li span{display:block;font-size:13px;color:#7d8474;margin-top:3px}
body.studio .metrics{gap:0;border-block:1px solid #d9ddd2;margin-bottom:28px;background:transparent}
body.studio .metric{background:transparent;border:0;border-right:1px solid #d9ddd2;border-radius:0;padding:20px}
body.studio .metric:last-child{border-right:0}
body.studio .metric strong{font:500 30px Georgia,serif}
body.studio .metric span{font-size:12px}
body.studio .context-grid dd{font-size:13px;line-height:1.5}
body.studio .brand-context{max-height:250px;overflow:auto;background:#f7f8f3;padding:14px;border:1px solid #e2e5d9}
body.studio #briefPreview{background:#f7f8f3;padding:18px;border:1px solid #e2e5d9}
body.studio .asset-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
@media(max-width:1050px){body.studio .workspace{padding:28px 24px}body.studio .split{grid-template-columns:1fr}body.studio .home-intro{gap:24px}}
@media(max-width:850px){body.studio .sidebar{position:static;width:auto;padding:20px;gap:20px}body.studio .sidebar>.brand{padding:0;font-size:18px}body.studio .sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}body.studio .sidebar nav button{font-size:12px;min-height:44px;padding:10px 8px}body.studio .sidebar>div:last-child{display:flex;gap:20px;align-items:center;margin:0;padding:12px 0 0}body.studio .workspace{margin:0;padding:24px 20px}body.studio .workspace>header h1{font-size:30px}body.studio .workflow-rail button{flex-direction:column;gap:3px;padding:12px 4px;font-size:11px}body.studio .home-intro{grid-template-columns:1fr;padding:14px 0 26px}body.studio .home-intro aside{border-left:0;border-top:1px solid #d5dacd;padding:24px 0 0}body.studio .home-intro ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}body.studio .home-intro li{padding-left:0;padding-top:28px}body.studio .home-intro li::before{top:5px}body.studio .home-intro li span{font-size:12px}body.studio .metrics{grid-template-columns:repeat(2,1fr)}body.studio .metric{padding:16px}body.studio .panel{padding:20px}body.studio .prerequisite{align-items:flex-start;flex-direction:column;padding:20px}body.studio .prerequisite h2{font-size:22px}body.studio .form-footer{bottom:0}body.studio .library-tools{grid-template-columns:1fr}body.studio .workspace>header #refresh{min-height:40px;padding:10px;font-size:12px}}
body.studio #intelligenceForm{max-width:860px}body.studio #intelligenceForm textarea[name=source_text]{min-height:180px}body.studio #directionResults{margin-top:30px}body.studio #renderForm .form-details{margin-top:18px}body.studio #generationList:empty::before{content:'Your generation jobs will appear here.';color:#7d8474;font-size:14px}