/* Shared readable Pump UI. Semantic warnings remain distinct from actions. */
:root { --amber: #b6ee58; --amber-soft: #1b2a10; --sans: Inter, ui-sans-serif, system-ui, sans-serif; }
:root[data-theme="light"] { --bg: #f6f7f9; --surface-2: #f2f2f6; --surface-3: #eaebf1; --muted: #565c86; --light-ink: #2a2d42; --green: #4d701c; --amber: #4d701c; --amber-soft: #eef5dc; }
body { font-size: 15px; }
body p, body label { line-height: 1.6; }
body .workspace-head p, body .studio-paths span, body .launch-studio > header p { font-size: 15px; }
body .topbar .global-search input { font-size: 13px; }
body .topbar .create-button, body .topbar .wallet-button, body .topbar .network-pill { font-size: 12px; }
body:not(.docs-page) .side-nav a, body.token-route .side-nav a { font-size: 11px; }
body .workspace small, body .workspace dt { font-size: 12px; }
body .workspace input, body .workspace textarea, body .workspace select { font-size: 15px; }
body .workspace button, body .workspace label { font-size: 14px; }
body .workspace a { color: var(--green); }
body .workspace a.hero-primary { color: #191c36; }
body .primary-action, body #creator-chat-connect, body #creator-chat-send,
body .creator-build > footer > *, :root[data-theme="light"] #creator-chat-connect,
:root[data-theme="light"] #creator-chat-send { border-color: var(--line-strong); background: #b6ee58; color: #191c36; }
body .launch-workbench { grid-template-columns: 200px minmax(0,1fr) minmax(290px,350px); min-height: 760px; }
body .launch-workbench-chat { grid-template-rows: auto auto minmax(420px,1fr) auto; }
body .launch-workbench-scroll { max-height: 68vh; padding: 28px; }
body .launch-workbench-chat > header h3 { font-size: 23px; }
body .launch-workbench-chat small, body .launch-workbench-rail small, body .launch-workbench-preview small { font-size: 11px; }
body .workbench-rail-group button { min-height: 44px; }
body .workbench-rail-group button b { font-size: 13px; }
body .workbench-rail-group button em, body .workbench-rail-group button span { font-size: 10px; }
body .workbench-message { max-width: 760px; margin-bottom: 24px; }
body .workbench-message > div { background: transparent; padding: 10px 0; }
body .workbench-message b, body .creator-message strong { font: 650 13px/1.5 var(--sans); color: var(--text); }
body .workbench-message p, body .creator-message p { font: 400 16px/1.75 var(--sans); white-space: pre-wrap; overflow-wrap: anywhere; color: var(--text); }
body .workbench-message.is-user > div, body .creator-message.is-creator { padding: 14px 18px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface-2); color: var(--text); }
body .workbench-composer textarea { min-height: 64px; font: 15px/1.6 var(--sans); }
body .workbench-composer small { font: 12px/1.5 var(--sans); color: var(--muted) !important; }
body .workbench-phases button { font-size: 12px; }
body .workbench-capabilities, body .workbench-brief-card { padding: 16px 20px; }
body .workbench-capabilities summary, body .workbench-brief-card summary { cursor: pointer; font-size: 14px; font-weight: 600; }
body details.workbench-capabilities:not([open]) > :not(summary), body details.workbench-brief-card:not([open]) > :not(summary) { display: none; }
body details.workbench-capabilities[open] header, body details.workbench-brief-card[open] header { margin-top: 20px; }
body .workbench-capability-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
body .workbench-capability b { font-size: 14px; }
body .workbench-capability p { font-size: 13px; }
body .workbench-capability em, body .workbench-capability small { font-size: 10px; }
body .workbench-draft-summary { padding: 28px; }
body .workbench-draft-summary > img { width: 112px; height: 112px; display: block; object-fit: contain; margin: 0 0 20px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
body .workbench-draft-summary h4 { margin: 16px 0; font-size: 28px; letter-spacing: -.025em; overflow-wrap: anywhere; }
body .workbench-draft-summary p, body .workbench-boundaries p { font: 14px/1.7 var(--sans); }
body .workbench-boundaries { border: 0; background: transparent; }
body .workbench-preview-actions { grid-template-columns: 1fr; }
body .workbench-safe small { max-width: 180px; font-size: 11px; }
body .workbench-consent { max-width: 720px; padding: 28px; margin: 18px auto 28px; border: 1px solid var(--line-strong); border-radius: 14px; background: var(--surface-2); }
body .workbench-consent small { color: var(--green); font: 700 11px/1.4 var(--mono); letter-spacing: .08em; }
body .workbench-consent h4 { margin: 10px 0; font-size: 23px; }
body .workbench-consent p { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.7; }
body .workbench-consent button { min-height: 46px; margin-top: 20px; padding: 0 20px; border: 1px solid var(--line-strong); border-radius: 9px; background: #b6ee58; color: #191c36; font-weight: 700; cursor: pointer; }
body .workbench-consent #workbench-consent-status:not(:empty) { font-size: 14px; font-weight: 600; }
body .workbench-composer.is-locked { opacity: .72; }
body .workbench-composer.is-locked textarea, body .workbench-composer.is-locked button { cursor: not-allowed; }
body .workbench-review-plan { display: grid; grid-template-columns: 112px minmax(0,1fr); gap: 22px; align-items: center; margin: 18px; padding: 22px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-2); }
body .workbench-review-plan:not(:has(> img)) { grid-template-columns: minmax(0,1fr); }
body .workbench-review-plan > img { width: 112px; height: 112px; object-fit: contain; border-radius: 18px; background: #fff; }
body .workbench-review-plan small { color: var(--green); font: 700 10px/1.4 var(--mono); letter-spacing: .08em; }
body .workbench-review-plan h3 { margin: 7px 0; font-size: 19px; }
body .workbench-review-plan p { margin: 0; color: var(--muted); font: 14px/1.7 var(--sans); white-space: pre-wrap; }
body .creator-chat-log { max-height: 72vh; min-height: 300px; padding: 24px; }
body .creator-message { position: relative; max-width: 88%; margin: 18px 0; padding: 16px 18px; border: 1px solid var(--line); border-radius: 4px 16px 16px 16px; background: var(--surface); }
body .creator-message[data-agent] { padding-left: 66px; }
body .creator-message[data-agent]::before { content: attr(data-agent); position: absolute; left: 14px; top: 14px; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 11px; background: var(--surface-2); color: var(--green); font: 800 12px/1 var(--mono); }
body .creator-message[data-agent] strong { display: block; margin-bottom: 6px; color: var(--muted); font: 650 12px/1.4 var(--sans); letter-spacing: .05em; text-transform: uppercase; }
body .creator-message.is-creator { margin-left: auto; padding: 14px 18px; border: 1px solid var(--line); border-radius: 16px 4px 16px 16px; background: var(--surface-2); }
body .creator-message.is-creator strong { color: var(--amber); }
body .creator-message img.creator-message-image { max-width: min(340px, 100%); border-radius: 12px; }
body .studio-intro { margin: 4px 0 16px; padding: 13px 16px; border: 1px dashed var(--line-strong); border-radius: 12px; background: var(--surface-2); color: var(--muted); font-size: 13.5px; line-height: 1.65; }
body .creator-build > header b { padding: 5px 12px; border: 1px solid var(--line-strong); border-radius: 999px; background: var(--surface-2); color: var(--green); font: 700 11px/1.2 var(--mono); letter-spacing: .07em; }
body .creator-build.is-failed > header b { color: var(--red); border-color: var(--red); }
body .creator-build > ol { gap: 8px; }
body .creator-build > ol i { height: 4px; border-radius: 2px; }
body .creator-build > ol .is-done span { color: var(--green); font-weight: 700; }
body .creator-build > ol .is-current span { color: var(--amber); font-weight: 700; }
body .creator-build > footer .is-ghost { border: 1px solid var(--line-strong); background: transparent; color: var(--text); }
body .creator-build > footer .is-ghost:hover { border-color: var(--green); color: var(--green); }
body.creator-workspace-open #creator-studio { max-width: 1360px; }
body.creator-workspace-open .creator-build-preview iframe { height: min(60vh, 640px); }
@media (max-width:760px) { body .creator-message[data-agent] { padding-left: 18px; } body .creator-message[data-agent]::before { display: none; } }
body .creator-build > header b { font-weight: 800; letter-spacing: .06em; }
body .studio-intro, body .creator-build > p { color: var(--muted); font: 14px/1.65 var(--sans); }
body #creator-chat-input { font: 16px/1.65 var(--sans); padding: 16px; min-height: 96px; border-radius: 12px; }
body #creator-chat-status { font: 13px/1.5 var(--sans); }
body .creator-build > header b, body .creator-build > ol li { font: 12px/1.5 var(--sans); }
body .creator-build > footer > * { font: 600 14px/1.5 var(--sans); border-radius: 8px; }
body .creator-build-preview iframe { height: 580px; }
body .creator-build { border-left-color: var(--green); border-radius: 12px; padding: 18px; }
body #creator-expand { padding: 10px 14px; border: 1px solid var(--line-strong); border-radius: 8px; font: 600 13px var(--sans); color: var(--text); background: var(--surface-2); cursor: pointer; }
body .studio-head strong { font-size: 18px; }
body .studio-head > b, body .studio-head > div > span { font-size: 11px; }
:root:not([data-theme="light"]) body.launch-route { --green: #b6ee58; --green-soft: #1b2a10; --amber: #b6ee58; }
:root:not([data-theme="light"]) body.launch-route .studio-paths button[aria-pressed="true"] { background: #1b2a10 !important; }
:root:not([data-theme="light"]) body.launch-route .studio-paths button[aria-pressed="true"] b,
:root:not([data-theme="light"]) body.launch-route .launch-workbench small,
:root:not([data-theme="light"]) body.launch-route .workbench-safe b,
/* The day-only kicker accent (#668a24) reads weakly on the dark route surface at
   night, so the two launch kickers switch to the lime the night route uses. */
:root:not([data-theme="light"]) body.launch-route .launch-studio > header > span,
:root:not([data-theme="light"]) body.launch-route .workspace-head > div > span { color: #b6ee58 !important; }
body.creator-workspace-open { overflow: hidden; }
body.creator-workspace-open #creator-disclosure { position: fixed; inset: 82px 20px 40px 118px; z-index: 80; overflow: auto; background: var(--surface); box-shadow: 0 12px 60px #0002; }
body.creator-workspace-open #creator-disclosure > summary { display: none; }
body.creator-workspace-open #creator-studio { max-width: 1360px; margin: auto; }
body.creator-workspace-open .creator-chat-log { height: calc(100vh - 385px); max-height: none; }
body.launch-route.assisted-workspace #view-launch > .workspace-head,
body.launch-route.assisted-workspace .launch-studio > header { display: none; }
body.launch-route.assisted-workspace .launch-studio { margin-top: 0; padding: 12px; }
body.launch-route.assisted-workspace .studio-paths { margin: 0 0 12px; gap: 10px; }
body.launch-route.assisted-workspace .studio-paths button { padding: 12px 18px; }
body.launch-route.assisted-workspace .studio-paths span, body.launch-route.assisted-workspace .studio-paths b { display: none; }
body.launch-route.assisted-workspace .studio-paths strong { font-size: 15px; }
body.launch-route.assisted-workspace .launch-workbench { margin-top: 0; height: calc(100vh - 195px); min-height: 580px; }
body.launch-route.assisted-workspace .launch-workbench-chat { min-height: 0; grid-template-rows: auto auto minmax(0,1fr) auto; }
body.launch-route.assisted-workspace .launch-workbench:has(.workbench-launch-review:not([hidden])) { height: auto; }
body.launch-route.assisted-workspace .launch-workbench-scroll { max-height: none; }
body.launch-route.assisted-workspace .launch-workbench:has(.workbench-launch-review:not([hidden])) .launch-workbench-scroll { max-height: 55vh; }
@media (max-width:1200px) { body.launch-route.assisted-workspace .launch-workbench { height: auto; } body.launch-route.assisted-workspace .launch-workbench-scroll { max-height: 55vh; } }
@media (max-width:760px) { body.creator-workspace-open #creator-disclosure { inset: 12px 8px 30px; } }
@media (max-width:1200px) { body .launch-workbench { grid-template-columns: 180px minmax(0,1fr); } body .launch-workbench-preview { grid-column: 1/-1; min-height: 0; } }
@media (max-width:760px) { body .launch-workbench { display: block; } body .launch-workbench-scroll { padding: 18px 14px; } body .workbench-capability-grid { grid-template-columns: 1fr; } body .workbench-review-plan { grid-template-columns: 1fr; } body .creator-chat-log { padding: 14px; } body .creator-message { max-width: 100%; } body .creator-build-preview iframe { height: 440px; } }