@font-face { font-family: "DM Sans"; src: url("/assets/dm-sans.ttf") format("truetype"); font-style: normal; font-weight: 100 1000; font-display: swap; }
/* Shared renderer design system. Structural variants use these same tokens. */
:root {
  --border:var(--line); --page:var(--canvas); --green:var(--accent); --green-hover:var(--accent-hover); --tint:var(--subtle); --white:var(--surface); --control-radius:10px; --control-height:46px; --control-font-size:14px; --action-height:32px; --action-font-size:13px; --row-space:16px; 
  --font: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ink: #252422;
  --muted: #6f6b66;
  --line: #dedbd6;
  --divider: #eeece8;
  --canvas: #fdfcfb;
  --surface: #fff;
  --accent: #c92954;
  --accent-hover: #ad2045;
  --accent-soft: #fff1f4;
  --subtle: #f7f5f2;
  --header: #faf9f7;
  --hover: #fcfaf7;
  --line-strong: #b8b3ab;
  --on-accent: #ffffff;
  --focus: #c92954;
  --negative: #b42318;
  --negative-soft: #fef3f2;
  --negative-line: #fecdca;
  --positive: #027a48;
  --positive-soft: #ecfdf3;
  --warning: #b54708;
  --warning-soft: #fffaeb;
  --blue: #175cd3;
  --blue-soft: #eff8ff;
  --purple: #6941c6;
  --purple-soft: #f4f3ff;
  --grey: #475467;
  --count-soft: #eaecf0;
  --accent-line: #f3c2cf;
  --accent-soft-hover: #ffe4ec;
  --axis: #98a2b3;
  --backdrop: #18223066;
  --nav-shadow: #2524220a;
  --card-shadow: #25242205;
  --dialog-shadow: #18223026;
  --calendar-blue: #193d77;
  --calendar-soft: #e8eefc;
  --calendar-line: #beccec;
  --calendar-hover: #dce6fb;
  color-scheme: light;
  --radius: 12px;
  font-family: var(--font);
  font-size: 15px;
  line-height: 1.5;
  color: var(--ink);
  background: var(--canvas);
  font-synthesis: none;
}
/* APPEARANCE-002: approved light presets. Semantic status tokens stay independent. */
:root[data-palette=ocean] {
  --ink: #202d3d; --muted: #596a7c; --line: #d8e1ea; --divider: #d8e1ea;
  --canvas: #f8fafc; --subtle: #f0f4f8; --header: #f0f4f8; --hover: #f3f7fc;
  --line-strong: #8699b1; --accent: #245eaa; --accent-hover: #1d4c8a;
  --accent-soft: #eaf2fc; --accent-line: #c2d6ef; --accent-soft-hover: #dbe9f9;
  --focus: #245eaa; --nav-shadow: #202d3d0a; --card-shadow: #202d3d05;
}
:root[data-palette=forest] {
  --ink: #253329; --muted: #5e6d60; --line: #d9e1d6; --divider: #d9e1d6;
  --canvas: #fafbf8; --subtle: #f0f4ed; --header: #f0f4ed; --hover: #f3f7ef;
  --line-strong: #8a9e88; --accent: #306b49; --accent-hover: #255339;
  --accent-soft: #eaf3eb; --accent-line: #c2d9c5; --accent-soft-hover: #dbeadd;
  --focus: #306b49; --nav-shadow: #2533290a; --card-shadow: #25332905;
}
:root[data-palette=plum] {
  --ink: #342938; --muted: #716575; --line: #e2dae5; --divider: #e2dae5;
  --canvas: #fcfafc; --subtle: #f5f0f7; --header: #f5f0f7; --hover: #f8f3fa;
  --line-strong: #a493ad; --accent: #794391; --accent-hover: #603573;
  --accent-soft: #f3ebf8; --accent-line: #ddc9e8; --accent-soft-hover: #e9dbf1;
  --focus: #794391; --nav-shadow: #3429380a; --card-shadow: #34293805;
}

/* APPEARANCE-021: management identity never changes an app's chosen palette. */
:root[data-management-theme=lindo]:not(:has(body.app-sign-in)) {
  --ink:#302c40; --muted:#706a7c; --line:#e6e0e7; --divider:#eee8ec;
  --canvas:#fcf8ef; --surface:#fff; --header:#fcf8ef;
  --accent:#6243cc; --accent-hover:#5134b5; --on-accent:#fff;
  --accent-soft:#e7defb; --accent-line:#cfc1ef; --accent-soft-hover:#dbcef5;
  --subtle:#f2edfb; --hover:#f7f3fc; --line-strong:#b7a5d6; --focus:#6243cc;
  --management-lilac:#e7defb; --management-yellow:#fbe8a6; --management-peach:#f8dbca;
  --control-radius:11px;
}

/* APPEARANCE-005: shared brand, type and control foundations. */

* { box-sizing:border-box; }
body { margin:0; }
[hidden] { display:none !important; }
button svg { display:block; flex-shrink:0; }
h1,h2,h3,h4,h5,p { margin:0; }
h1 { font-size:36px; line-height:1.15; font-weight:750; letter-spacing:-1.2px; }
h2 { font-size:21px; line-height:1.35; font-weight:750; letter-spacing:-.5px; }
h3 { font-size:18px; line-height:26px; font-weight:650; }
h4 { font-size:16px; line-height:24px; font-weight:650; }
button,input,select,textarea { font-family:inherit; font-size:var(--control-font-size); line-height:20px; }
button,.button { font-size:var(--control-font-size); line-height:20px; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:var(--control-height); padding:10px 16px; border:1px solid transparent; border-radius:var(--control-radius); background:var(--accent); color:var(--on-accent); font-weight:650; cursor:pointer; text-align:center; }
button:hover,.button:hover { background:var(--accent-hover); }
button:disabled { opacity:.55; cursor:default; }
button.quiet { color:var(--ink); background:transparent; border-color:var(--line); }
button.quiet:hover { background:var(--subtle); border-color:var(--line-strong); }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible { outline:3px solid var(--focus); outline-offset:3px; }
label { display:block; font-size:13px; line-height:20px; font-weight:600; color:var(--muted); margin-bottom:8px; }
input,select,textarea { width:100%; padding:10px 14px; border:1px solid var(--line); border-radius:var(--control-radius); color:var(--ink); background:var(--surface); margin-bottom:16px; }
input,select { min-height:var(--control-height); }

.brand,.management-brand,.app-brand { display:inline-flex; align-items:center; gap:12px; color:var(--ink); font-size:32px; line-height:1.2; font-weight:750; letter-spacing:-1.3px; text-decoration:none; }
.app-brand { font-size:24px; letter-spacing:-.7px; min-width:0; }
.app-mark { display:inline-flex; flex:0 0 38px; width:38px; height:38px; color:var(--accent); }
.app-mark svg,.brand>.icon { display:block; width:38px; height:38px; color:var(--accent); flex-shrink:0; }
.table-wrap { overflow:auto; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
table { border-collapse:separate; border-spacing:0; width:100%; text-align:left; color:var(--ink); font-size:14px; line-height:21px; background:var(--surface); }
th { background:var(--surface); color:var(--muted); font-size:12px; line-height:20px; font-weight:500; padding:12px 16px; border-bottom:1px solid var(--line); vertical-align:middle; text-align:left; }
td { padding:var(--row-space) 16px; border-bottom:1px solid var(--line); vertical-align:middle; }
tbody tr:last-child>td { border-bottom:0; }
tbody tr:hover { background:var(--subtle); }
@media(max-width:700px) { h1 { font-size:30px; } .brand,.management-brand { font-size:28px; } .app-brand { font-size:21px; } }

/* Dialog controls use the landing CTA scale; compact rows retain their own density. */
dialog { --icon-height:46px; --control-height:46px; --action-height:46px; --action-font-size:14px; --field-label-size:13px; --section-label-size:16px; }
dialog .record-action-menu { font-weight:650; }
dialog .section-head>button,dialog .favourite-button { min-width:var(--control-height); padding-inline:10px; flex-shrink:0; }

/* APPEARANCE-007: one form and dialog foundation across all executables. */
textarea { min-height:140px; resize:vertical; }
input,select,textarea { font-weight:400; }
input[type=checkbox],input[type=radio] { width:18px; height:18px; min-height:0; padding:0; accent-color:var(--accent); vertical-align:middle; }
select:not([multiple]) {
  appearance: none;
  -webkit-appearance: none;
  padding-inline-end: 34px;
  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position: calc(100% - 17px) 50%, calc(100% - 12px) 50%;
  background-size: 5px 5px;
  background-repeat: no-repeat;
}
dialog { width:var(--dialog-width,520px); max-width:calc(100vw - 32px); max-height:85dvh; overflow:auto; padding:var(--dialog-padding,24px); border:1px solid var(--line); border-radius:16px; background:var(--surface); color:var(--ink); font-family:inherit; font-size:15px; line-height:1.5; box-shadow:0 24px 64px var(--dialog-shadow); }
dialog::backdrop { background:var(--backdrop); }
dialog h2 { font-size:26px; line-height:1.25; font-weight:750; letter-spacing:-.7px; }
dialog>h2 { margin:0 0 24px; }
dialog h3 { font-size:16px; line-height:24px; font-weight:650; letter-spacing:0; }

dialog p { line-height:1.6; }
@media(max-width:600px) { dialog { --dialog-padding:20px; } }

main{max-width:1120px;margin:auto;padding:44px 28px}
/* APPEARANCE-016: only the visible Build workspace needs the wider canvas. */
main:has(>#app-panel:not([hidden])>[data-app-pane=how]:not([hidden])){max-width:none}
main>header{max-width:1064px;margin-inline:auto}
p{line-height:1.6;color:var(--muted)}
.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--muted);margin-bottom:10px}
header{margin-bottom:32px}
header p{margin:10px 0 0}
.toolbar,.create,.workspace-actions{display:flex;align-items:center;gap:12px}
.toolbar{justify-content:space-between;margin-bottom:20px}
.create{flex:1;max-width:740px}
.create input{margin:0;min-width:0}
.create button{white-space:nowrap}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;margin-bottom:22px}
.rules-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}
.rules-list{display:flex;flex-direction:column;gap:5px;min-width:0;max-height:600px;overflow-y:auto;overscroll-behavior:contain}
.rules-list .rules-choice{display:block;width:100%;text-align:left;background:transparent;color:var(--ink);border:1px solid transparent;border-radius:9px;padding:12px 14px;margin:0;white-space:normal;overflow-wrap:anywhere}
.rules-list .rules-choice:hover,.rules-list .rules-choice[aria-pressed=true]{background:var(--accent-soft);border-color:var(--border)}
.rules-kind{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-bottom:4px}
.rules-name{display:block;font-weight:500}
.rules-detail{min-width:0;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:24px;overflow-wrap:anywhere}
.rules-detail h2{margin:0 0 20px;font-size:20px;font-weight:500}
.rules-detail h3{font-size:12px;font-weight:500;color:var(--muted);margin:0 0 6px}
.rules-trigger{background:var(--subtle);padding:14px 16px;border-radius:8px;margin-bottom:22px}
.rules-trigger p{color:var(--ink);margin:0;white-space:pre-wrap}
.rules-steps{padding-left:22px;margin:12px 0 0}
.rules-steps li{padding-left:5px;margin-bottom:14px;white-space:pre-wrap}
.rules-steps li:last-child{margin-bottom:0}
.rules-disabled{color:var(--muted);margin-top:-10px}
.rules-message{margin:8px 0}
#app-panel .rules-list .rules-choice{flex-shrink:0;margin:0}
#app-panel .rules-detail h3{margin:0 0 6px}
@media(max-width:700px){.rules-layout{grid-template-columns:1fr;gap:18px}.rules-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:240px}.rules-list .rules-choice{padding:10px}.rules-detail{padding:18px}}
.narrow{max-width:420px;margin:56px auto}
.narrow h2{margin-bottom:12px}
a{text-decoration:none}
.file-label{margin:20px 0 0;text-align:center;text-decoration:underline;cursor:pointer}
.narrow button{width:100%}
.app-name{font-size:16px;line-height:24px;font-weight:600;min-width:180px;overflow-wrap:anywhere}
.environments{white-space:nowrap}
.environment{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--control-radius);font-weight:650;background:var(--subtle);color:var(--ink);border:1px solid var(--border);padding:8px 14px;font-size:13px;min-height:38px}
.environment+.environment{margin-left:8px}
.environment:hover{background:var(--accent-soft)}
.badge{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);white-space:nowrap}
.badge::before{content:'';width:7px;height:7px;border-radius:50%;background:#9aa79f}
.badge.running{color:#286553}
.badge.running::before{background:#3a8a69}
.version{font:13px ui-monospace,monospace;color:var(--muted)}
.deployed{color:var(--muted);white-space:nowrap}
.empty{text-align:center;padding:48px 20px;color:var(--muted)}
#status{font-size:14px;color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){main{padding:28px 16px}
.toolbar{align-items:stretch;flex-direction:column}
.create{max-width:none}
.workspace-actions{justify-content:flex-end}
th,td{padding:10px 12px}}
.copy-id{display:inline-block;margin-top:6px;color:var(--ink);font-size:12px;font-weight:400;text-decoration:underline;text-underline-offset:3px}
.copy-id:hover{color:var(--accent-hover)}
.platform-tabs{border-bottom:1px solid var(--border);padding-bottom:16px;margin:24px 0;gap:7px;border-radius:0}
.platform-tabs button{background:transparent;color:var(--muted);border:0;border-radius:9px;padding:8px 12px;margin:0!important;font-size:13px;min-height:38px}
.platform-tabs button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}
.platform-tabs button:hover{color:var(--ink);background:var(--subtle)}
#platform-panel{padding:0;background:transparent;border:0;border-radius:0}
#platform-panel h3{margin-top:12px}
#platform-summary{font-size:14px}
#platform-health{max-width:640px}
#platform-health dt{padding-top:12px;border-top:1px solid var(--border)}
#platform-panel .toolbar{justify-content:space-between}
.app-name button{display:block;font-size:12px;margin-top:10px;padding:7px 10px;min-height:32px}
#builder-connection{padding:0;border:0;background:transparent;border-radius:0;margin:20px 0 24px}
.app-link{color:var(--ink);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:4px}
.back-link{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.app-link:hover,.back-link:hover{color:var(--accent-hover)}
#app-panel{padding:0;background:transparent;border:0;border-radius:0}
#app-panel>.toolbar{justify-content:space-between}
#app-details,#deployment-details{overflow-wrap:anywhere}
#app-links{justify-content:flex-start;flex-wrap:wrap;margin-bottom:18px}
#app-panel h3{margin-top:28px}
#app-panel button+button{margin-left:8px}
nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px}
nav span{margin-left:auto;color:var(--muted);font-size:13px}
nav select{margin:0}
.panel form{max-width:480px;margin:20px 0}
.panel form select{display:block;width:100%}
details{margin-top:22px}
summary{cursor:pointer}
dl{margin:20px 0}
dt{font-weight:600;margin-top:12px}
dd{margin:4px 0;color:var(--muted)}
#invite-result{overflow-wrap:anywhere}
.capability-workbench nav{margin:0}
.capability-workbench dialog{--dialog-width:850px}
.capability-workbench #versions{font-size:13px;color:var(--muted)}
.capability-workbench details{margin-top:20px}
.capability-workbench summary{cursor:pointer;color:var(--muted)}
.capability-workbench details label{margin-top:16px}
.capability-workbench dialog section{margin:20px 0}
.capability-workbench td:last-child{white-space:nowrap}
.capability-workbench [data-pane] > h2{margin:32px 0 16px}
.capability-workbench .selection-actions{margin-top:24px}
.capability-workbench input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--accent)}
.capability-workbench nav{display:flex;gap:10px;flex-wrap:wrap}
.capability-workbench #discovery-result,.capability-workbench #selection-count{font-size:14px;color:var(--muted)}
.capability-workbench #detail-body>.table-wrap+.table-wrap{margin-top:20px}
.capability-workbench .form-field{display:grid;gap:8px;margin:0 0 20px}
.capability-workbench .form-field label{margin:0}
.capability-workbench .form-field textarea{display:block;margin:0}
.capability-workbench #detail-body>details{margin:0 0 24px}
.capability-workbench #detail-body>details[open]>summary{margin-bottom:20px}
.capability-workbench .release-next{padding:24px 0;margin:24px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.capability-workbench .release-next h3{margin:0 0 12px;font-size:18px}
.capability-workbench .release-next p{margin:0 0 16px}
.capability-workbench dialog td{vertical-align:top}
.capability-workbench dialog td p{margin:0 0 8px;color:inherit;line-height:1.4}
.capability-workbench dialog td p:last-child{margin-bottom:0}
#how-version{color:var(--muted);font-size:13px}
.docs-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;margin-top:32px}
.docs-layout aside nav{display:flex;flex-direction:column;align-items:stretch;position:sticky;top:24px;gap:6px}
.docs-layout aside a{font-size:14px;color:var(--ink);padding:10px 12px;border-radius:10px;line-height:1.4}
.docs-layout aside a[aria-current=page]{background:var(--accent-soft);font-weight:600}
.documentation article{max-width:800px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:32px}
.documentation article h2{font-size:21px;line-height:1.35;margin:0 0 24px}
.documentation article h3{font-size:17px;line-height:1.4;margin:32px 0 16px}
.documentation article p,.documentation article li{line-height:1.75;color:var(--ink)}
.documentation article li{padding-left:4px;margin-bottom:10px}
.documentation article ol,.documentation article ul{padding-left:24px}
.documentation blockquote{margin:24px 0 16px;padding:20px;border-left:2px solid var(--accent);background:var(--subtle);line-height:1.7;border-radius:0 10px 10px 0}
.documentation pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:var(--subtle);border-radius:10px;font-size:12px;line-height:1.6}
.documentation details{border-top:1px solid var(--border);padding-top:18px}
.documentation summary{font-weight:600;line-height:1.5}
.documentation dd{overflow-wrap:anywhere}
@media(max-width:700px){.documentation{padding:28px 18px}
.documentation h1{font-size:30px}}

/* Shared management shell and task-focused page composition. */
#management-shell{border-bottom:1px solid var(--border);background:var(--canvas)}
.management-bar{max-width:1120px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:48px;min-height:96px}
.management-bar nav{align-self:center;justify-content:flex-end;gap:8px;margin:0;flex:1}
.management-bar nav a{display:inline-flex;align-items:center;align-self:center;border:1px solid transparent;border-radius:9px;padding:8px 11px;color:var(--muted);font-size:14px;font-weight:500;min-height:40px}
.management-bar nav a:hover{color:var(--ink);background:var(--subtle)}
.management-bar nav a[aria-current=page]{color:var(--accent);background:var(--accent-soft);font-weight:600}
.management-bar nav a.nav-connect{align-self:center;min-height:40px;padding:0 14px;border:1px solid var(--accent);border-radius:var(--control-radius);background:var(--accent);color:white}
.management-bar nav a.nav-connect:hover{filter:brightness(.94);color:white}
.agent-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;margin:0 0 36px;padding:24px 0 32px;border-bottom:1px solid var(--border)}
.agent-guide li{display:flex;align-items:flex-start;gap:12px;min-width:0}
.guide-number{display:grid;place-items:center;flex:0 0 28px;height:28px;border:1px solid var(--border);border-radius:50%;color:var(--accent);font-size:13px;font-weight:650;background:var(--accent-soft)}
.agent-guide h2{font-size:16px;line-height:24px;margin:1px 0 8px;font-weight:650}
.agent-guide p{font-size:14px;line-height:22px;margin:0}
.guide-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.guide-actions button{font-size:13px;min-height:34px;padding:6px 10px;margin:0}
.resource-status{padding:16px 20px;border:1px solid var(--border);border-radius:var(--control-radius);margin-bottom:24px;background:var(--accent-soft)}
.resource-status[data-tone=warning]{background:#fff9ed;border-color:#ddc28d}
.resource-status[data-tone=critical]{background:#fff3f1;border-color:#e0b2ab}
.resource-status strong,.resource-status span{display:block}
.resource-status span{font-size:13px;color:var(--muted);margin-top:6px}
.resource-status ul:empty{display:none}
.resource-status ul{margin:12px 0 0;padding-left:20px;font-size:14px;line-height:22px}
.resource-heading{margin-top:32px}
#platform-resources small{display:block;color:var(--muted);font-size:12px;line-height:20px;margin-top:4px}
#platform-resources td[data-tone=critical],#platform-containers td[data-tone=critical]{color:#9c3328;font-weight:650}
#platform-resources td[data-tone=warning],#platform-resources td[data-tone=unavailable],#platform-containers td[data-tone=warning],#platform-containers td[data-tone=unavailable]{color:#725019;font-weight:650}
#platform-containers td:first-child{overflow-wrap:anywhere;max-width:240px}
@media(max-width:900px){.resource-status{padding:14px 16px}}
@media(max-width:700px){.agent-guide{grid-template-columns:1fr;gap:24px;padding-top:0}.agent-guide h2{margin-bottom:4px}}
#nav-operator{margin-left:auto}
.skip-link{position:absolute;left:16px;top:-100px;background:var(--surface);padding:12px;z-index:10;color:var(--accent)}
.skip-link:focus{top:8px}
.auth-actions{display:flex;gap:12px;margin-bottom:24px}
.auth-actions:not(:has(button:not([hidden]))){display:none}
.account-details{max-width:680px;margin-top:0;padding:32px}
.account-details dl{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;margin:0 0 24px}
.account-details dt,.account-details dd{margin:0;overflow-wrap:anywhere}
.account-details dt{font-size:13px;font-weight:400;color:var(--muted)}
.account-details dt:first-child{margin-top:0}
.profile-picture-row{display:flex;align-items:center;gap:20px;margin-bottom:24px}
.profile-picture-row img{width:80px;height:80px;border-radius:50%;object-fit:cover;background:var(--subtle);flex-shrink:0}
.profile-picture-row>div{min-width:0}
.profile-picture-row input{padding:0;border:0;min-height:0;margin:0;font-size:13px}
#profile-form{max-width:none;margin:0 0 32px;padding-bottom:32px;border-bottom:1px solid var(--line)}
#profile-status:empty{display:none}
#profile-status{font-size:14px;margin:12px 0 0}
#app-panel>.toolbar{margin-bottom:0}
.panel .panel{box-shadow:none}
.member-invite-actions{display:flex;gap:12px;flex-wrap:wrap}
#app-panel .member-invite-actions button+button{margin-left:0}
.member-invite-help{max-width:600px;font-size:14px}
#invite-result:empty{display:none}
#invite-link-result{max-width:600px;margin:16px 0 24px}
#invite-link-result input{margin-bottom:12px}
.member-row{display:flex;align-items:center;justify-content:space-between;gap:20px}
.member-row span{min-width:0;overflow-wrap:anywhere}
.member-row button{flex-shrink:0}
.journey-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.journey-state{font-size:12px;font-weight:600;color:var(--muted);background:var(--subtle);padding:5px 9px;border-radius:7px}
.journey-state[data-tone=ready]{color:var(--positive);background:var(--positive-soft)}
.journey-state[data-tone=attention]{color:var(--warning);background:var(--warning-soft)}
.journey-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 12px}
#member-app-links{justify-content:flex-start;margin-top:20px}
#app-panel #overview-builder{margin-left:0}
#app-panel #prepare-dev:not([hidden])+#overview-builder{margin-left:8px}
.platform-tabs{overflow-x:auto;flex-wrap:nowrap}
.platform-tabs button{white-space:nowrap;flex-shrink:0}
.workspace-actions{flex-wrap:wrap}
table:has(#platform-users) th:nth-child(3),table:has(#platform-users) th:nth-child(4),#platform-users td:nth-child(3),#platform-users td:nth-child(4){text-align:right;font-variant-numeric:tabular-nums}
td button{min-height:32px;padding:5px 12px}
td button.destructive{min-height:36px;padding:7px 12px}
button.quiet.destructive{color:var(--negative);border-color:var(--negative-line)}
button.quiet.destructive:hover:not(:disabled){background:var(--negative-soft);border-color:var(--negative)}
button:disabled:hover{background:var(--accent)}
button.quiet:disabled:hover{background:transparent}
.documentation article p,.documentation article li{font-size:15px;line-height:1.7}
.documentation article p{margin:0 0 16px}
.documentation article h4{font-size:14px;margin:20px 0 10px}
.documentation article a{overflow-wrap:anywhere;color:var(--accent);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.management-bar{padding:16px 16px 0;display:block}
.management-bar nav{justify-content:flex-start;gap:6px;margin:12px 0 16px;flex-wrap:wrap}
.management-bar nav a{min-height:44px}
#nav-operator{margin-left:0}}
@media(max-width:700px){main{padding:28px 16px}
.create{flex-wrap:wrap}
.create input{flex:1;min-width:160px}
.create button{flex-shrink:0}
.platform-tabs{gap:20px}
.account-details{padding:20px}
.documentation{padding:28px 16px}}

.capability-workbench nav.platform-tabs{gap:20px;flex-wrap:nowrap}
table:has(#capabilities){table-layout:fixed;min-width:900px}
table:has(#capabilities) th:nth-child(1){width:19%}
table:has(#capabilities) th:nth-child(2){width:10%}
table:has(#capabilities) th:nth-child(3){width:24%}
table:has(#capabilities) th:nth-child(4){width:37%}
table:has(#capabilities) th:nth-child(5){width:10%}
#capabilities td{overflow-wrap:anywhere;line-height:20px}

.app-overview{display:grid;grid-template-columns:160px minmax(0,1fr);gap:22px 24px;margin:28px 0;align-items:baseline}
.app-overview dt,.app-overview dd{margin:0;line-height:24px}
.app-overview dt{color:var(--muted)}
.app-overview dd{overflow-wrap:anywhere}
#development-state{margin-right:16px}
.url-note{display:block;color:var(--muted);font-size:13px;margin-top:6px}
@media(max-width:600px){.app-overview{grid-template-columns:1fr;gap:8px}
.app-overview dd{margin-bottom:16px}}

#app-availability{margin:0;color:var(--muted)}

.app-access{white-space:nowrap;color:var(--muted)}
#member-overview{max-width:640px}
#member-overview #member-app-owner{font-size:14px}
#member-overview .environment{background:var(--accent);color:white;border-color:var(--accent)}
#member-overview .environment:hover{background:var(--accent-hover)}
#create:disabled,#create:disabled:hover{background:var(--border);color:var(--muted);opacity:1}
.auth-link{margin:24px 0 0;font-size:14px;text-align:center}
.auth-link:has(a[hidden]){display:none}
.auth-link a{color:var(--accent)}
.app-spec-environment{display:inline-block;font-size:12px;font-weight:600;padding:3px 9px;border:1px solid var(--border);border-radius:20px;margin-bottom:12px}
.app-spec-filter{margin:24px 0}
.app-spec-filter label{display:flex;align-items:center;gap:12px;font-size:14px}
.app-spec-filter select{width:auto;min-width:180px;margin:0}
.app-spec-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:14px}
.app-spec-table th{text-align:left;color:var(--muted);font-size:12px;font-weight:500;padding:10px 12px;border-bottom:1px solid var(--border)}
.app-spec-table td{padding:12px;vertical-align:top;border-bottom:1px solid var(--border);line-height:1.5;overflow-wrap:anywhere}
.app-spec-table-row:hover{background:var(--subtle)}
.app-spec-table td:first-child{font-weight:500}
.app-spec-row-action{width:64px}
.app-spec-row-action button{font-size:12px;padding:3px 5px;white-space:nowrap}
.app-spec-feature{border:0;background:transparent;padding:0;margin:0;text-align:left;font:inherit;color:var(--accent);text-decoration:underline;cursor:pointer}
.app-spec-feature[aria-pressed=true]{font-weight:700}
.app-spec-detail td{background:var(--subtle);font-weight:400!important}
.app-spec-detail p{font-size:14px;max-width:850px}
.app-spec-detail[hidden]{display:none!important}
@media(max-width:650px){.app-spec-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.app-spec-table,.app-spec-table tbody{display:block}
.app-spec-table-row{display:block;border-top:1px solid var(--border);padding:8px 0}
.app-spec-table td{display:flex;gap:12px;border:0;padding:6px 0}
.app-spec-table td[data-label]::before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:400;flex:0 0 100px}
.app-spec-table .app-spec-row-action{width:auto;padding-left:112px}
.app-spec-detail{display:block}
.app-spec-detail td{display:block;padding:14px;border-radius:6px}
.app-spec-filter select{min-width:0;max-width:240px}}
.app-spec-table-row{cursor:pointer}
.app-spec-arrow{display:inline-block;color:var(--muted);font-size:19px;line-height:20px;transition:transform .1s}
.app-spec-expand[aria-expanded=true] .app-spec-arrow{transform:rotate(90deg)}
.app-spec-history{border-top:1px solid var(--border);padding:18px 0;margin:32px 0 12px}
.app-spec-history>summary{font-size:14px;color:var(--muted);cursor:pointer;font-weight:500}
.app-spec-history>.app-spec-section{margin-top:16px}
.app-spec-history>.app-spec-section>h3{display:none}

#data-content .cap-external{margin:0}
#data-content .cap-external>p{font-size:14px;line-height:1.6;margin:24px 0 0;max-width:75ch}

#agent-panel table{width:100%;table-layout:auto}
#agent-panel th,#agent-panel td{vertical-align:middle}
#agent-panel th:first-child{width:40%}
#agent-panel .connection-action{text-align:right;white-space:nowrap}
#agent-panel .connection-action button{margin:0}
.connection-dialog{--dialog-width:600px}

.connection-dialog form{margin:0 0 20px}
.connection-dialog select,.connection-dialog textarea{display:block;width:100%;margin-bottom:16px}

.connection-dialog h3{margin:0 0 12px}
@media(min-width:651px){#data-content .data-source-table[data-kind=sources] th:first-child{width:22%}
#data-content .data-source-table[data-kind=sources] th:nth-child(2){width:42%}
#data-content .data-source-table[data-kind=sources] th:nth-child(3){width:20%}
#data-content .data-source-table[data-kind=sources] th:last-child{width:16%}}

#data-content .data-source-table th,#data-content .data-source-table td{vertical-align:middle}

#pending-change-list .table-wrap{margin:24px 0}
#pending-change-list th:first-child,#pending-change-list td:first-child{width:160px;white-space:nowrap}
#pending-change-list td{vertical-align:top}
#pending-change-list ul{margin:6px 0 0;padding-left:18px;line-height:1.6;color:var(--muted)}

.connection-steps{padding-left:22px;margin:0}
.connection-steps li{padding-left:4px;margin-bottom:16px;line-height:1.6}
.connection-steps input{margin:10px 0 8px}
.connection-dialog details summary{cursor:pointer}
.connection-dialog details[open] summary{margin-bottom:16px}

#build-summary, #build-history { width:100%; }
#build-summary { padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:0 0 40px;font-size:14px;line-height:1.6;color:var(--muted); }
#build-summary p{margin:0 0 10px;max-width:75ch}
#build-summary p:first-child{font-size:15px;font-weight:650;color:var(--ink)}
#build-summary p:last-child{margin:0}
#build-history{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
#build-history:empty{display:none}
.build-history-item { padding:24px; border-bottom:1px solid var(--line); }
.build-history-item:last-child{border-bottom:0}
#app-panel .build-history-item h3{font-size:15px;line-height:1.5;font-weight:650;margin:0 0 6px}
.build-history-item p { margin:8px 0 0;font-size:14px;line-height:1.6;max-width:75ch; }
.build-history-item small { color:var(--muted);font-size:12px; }
.build-history-item p:has(>small){margin:0 0 16px}
#more-builds{display:block;margin:24px 0 0 auto}
#data-status:empty{display:none}

/* ACCESS-005: app palette on app-initiated sign-in. */

.app-sign-in main>header,.app-sign-in #show-register,.app-sign-in #management-shell{display:none}
:root:has(body.app-entry-pending){background:#fff!important}
body.app-entry-pending{visibility:hidden;opacity:0;pointer-events:none}

/* APPEARANCE-009: the app list uses the landing page's quiet row hierarchy. */
#refresh{display:inline-flex;align-items:center;justify-content:center;width:46px;padding:0;border-color:transparent;color:var(--muted)}
#workspace th,#workspace td{padding:20px 24px}
#workspace th{padding-block:14px}
#workspace .app-name{font-size:15px;font-weight:650;min-width:240px}
#workspace .app-link{display:flex;align-items:center;gap:16px;text-decoration:none}
#workspace .app-link:hover>span:last-child{text-decoration:underline;text-underline-offset:4px}
.app-list-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:43px;height:43px;border-radius:12px;color:var(--ink);background:var(--management-lilac)}
#workspace tr:nth-child(3n+2) .app-list-mark{background:var(--management-yellow)}
#workspace tr:nth-child(3n) .app-list-mark{background:var(--management-peach)}
.app-list-mark svg{width:23px;height:23px}
#workspace .app-access{font-size:13px;color:var(--muted)}
.app-state{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;color:var(--muted)}
.app-state::before{content:'';width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--muted)}
.app-state[data-state=ready]::before{background:var(--positive)}
.app-state[data-state=failed]::before{background:var(--negative)}
#workspace .environment{min-height:32px;padding:4px 0;background:transparent;border-color:transparent;font-size:13px;font-weight:500;color:var(--accent)}
#workspace a.environment::after{content:'↗';margin-left:8px}
#workspace a.environment:hover{text-decoration:underline;text-underline-offset:4px}
#workspace .environments,#workspace th:last-child{text-align:right}
@media(max-width:700px){#workspace th,#workspace td{padding-inline:16px}
#workspace .app-name{min-width:210px}
#workspace .app-link{gap:12px}}
@media(max-width:600px){
  #workspace table,#workspace tbody{display:block;width:100%}
  #workspace thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  #workspace tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px 12px;padding:20px 16px;border-bottom:1px solid var(--line)}
  #workspace tbody tr:last-child{border-bottom:0}
  #workspace td{padding:0;border:0;min-width:0}
  #workspace .app-name{grid-column:1/3;grid-row:1;min-width:0}
  #workspace .app-access{grid-column:1;grid-row:2;padding-left:36px}
  #workspace .app-status{grid-column:2;grid-row:2}
  #workspace .environments{grid-column:3;grid-row:1/3;align-self:center}
  #workspace .app-list-mark svg{width:24px;height:24px}
  #workspace .empty{grid-column:1/-1}
}

/* APPEARANCE-010: shared composition for app management sections. */
#app-panel>.platform-tabs{max-width:1064px;flex-wrap:nowrap;overflow-x:auto;gap:24px;margin:0 auto 32px}
#app-panel>.platform-tabs button{flex-shrink:0;font-weight:500;white-space:nowrap}
#app-panel>.platform-tabs button[aria-pressed=true]{font-weight:650}

.management-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px;min-height:46px}
.management-section-head h2{margin:0}
.management-meta{font-size:13px;color:var(--muted)}
#app-panel .table-wrap{position:relative}
#app-panel .table-wrap th{padding:14px 24px}
#app-panel .table-wrap td{padding:20px 24px}
#app-panel .app-overview{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 24px;gap:24px}
#app-panel .app-overview dt{font-size:13px;font-weight:400}
#app-panel .app-overview dd{font-size:14px;color:var(--ink)}
#app-panel .app-overview a.environment{font-size:var(--control-font-size);min-height:var(--control-height);padding:10px 16px;color:var(--accent);background:var(--surface);border-color:var(--line);text-decoration:none}
#app-panel .app-overview a.environment:hover{background:var(--accent-soft)}
#app-panel .app-overview a.environment::after{content:"↗";margin-left:10px}
#address-settings{margin-top:28px;padding-top:24px;border-top:1px solid var(--line);max-width:none}
#address-settings summary{font-size:14px;font-weight:500;color:var(--muted)}
#app-panel #invite-form{display:flex;align-items:flex-end;gap:12px;max-width:680px;margin:0 0 16px}
.invite-field{flex:1;min-width:0}
.invite-field input{margin:0;width:100%}
#invite-form button{white-space:nowrap}
[data-app-pane=members]>.member-invite-help{font-size:13px;line-height:1.6;margin:0 0 28px;max-width:680px}
[data-app-pane=members]>.table-wrap{margin-top:28px}
#publish-state{font-size:14px;margin:0 0 24px}
.management-footer-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:24px}
.management-footer-actions:has(>button:not([hidden])){padding-top:24px;border-top:1px solid var(--line)}
#deployment-reason:not([hidden]){padding:16px 20px;border-left:2px solid var(--warning);background:var(--warning-soft);color:var(--ink);font-size:14px}
@media(max-width:600px){
  #app-panel>.platform-tabs{gap:20px;margin-bottom:24px}
  .management-section-head{gap:12px;margin-bottom:20px}
  .management-section-head h2{font-size:21px}
  #app-panel .table-wrap th,#app-panel .table-wrap td{padding-inline:16px}
  #agent-panel table{min-width:560px}
  #app-panel .app-overview{padding:20px;gap:8px}
  #app-panel #invite-form{flex-direction:column;align-items:stretch}
  #app-panel #invite-form .member-invite-actions{justify-content:flex-end}
  #pending-change-list th:first-child,#pending-change-list td:first-child{width:auto;white-space:normal}
  #pending-change-list td:first-child{min-width:85px;font-size:13px;color:var(--muted)}
}
@media(max-width:600px){
  #build-summary,.build-history-item{padding:20px}
  #data-content .data-source-table,#data-content .data-source-table tbody{display:block;width:100%}
  #data-content .data-source-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  #data-content .data-source-table tbody tr{display:block;padding:16px;border-bottom:1px solid var(--line)}
  #data-content .data-source-table tbody tr:last-child{border-bottom:0}
  #app-panel #data-content .data-source-table td{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;width:auto;padding:6px 0;border:0;overflow-wrap:anywhere}
  #data-content .data-source-table td::before{content:attr(data-label);font-size:13px;color:var(--muted)}
}
/* APPEARANCE-012: account and authentication are part of the same visual system. */
.account-facts-heading{margin:0 0 24px}
#profile-upload{max-width:100%;color:var(--muted);line-height:1.5}
#profile-upload::file-selector-button{font:inherit;font-weight:500;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--control-radius);min-height:var(--control-height);padding:8px 14px;margin-right:12px;cursor:pointer}
#profile-upload::file-selector-button:hover{background:var(--subtle)}
#save-profile{display:block;margin-left:auto}
main:has(>#login:not([hidden]),>#register:not([hidden])){max-width:520px;padding:48px 28px}
main:has(>#login:not([hidden]),>#register:not([hidden]))>header{display:none}
#login,#register{max-width:none;margin:0;padding:32px;border-radius:16px}
#login h2,#register h2{font-size:26px;line-height:1.25;letter-spacing:-.5px;margin:0 0 28px}
#login form,#register form{margin:0;max-width:none}

.auth-link a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){
 .account-details{padding:20px}
.account-details dl{grid-template-columns:1fr;gap:6px}
.account-details dd{margin-bottom:12px}
 .profile-picture-row{gap:16px;align-items:flex-start}
.profile-picture-row img{width:64px;height:64px}
 main:has(>#login:not([hidden]),>#register:not([hidden])){padding:32px 16px}
 #login,#register{padding:24px}
}
#docs-status:empty{display:none}
.documentation article details[open]>summary{margin-bottom:16px}
.documentation article pre{margin:16px 0 24px}
@media(max-width:900px){
 .docs-layout{grid-template-columns:minmax(0,1fr);gap:24px}
 .docs-layout aside{min-width:0}
 .docs-layout aside nav{position:static;flex-direction:row;flex-wrap:nowrap;gap:20px;overflow-x:auto;border-bottom:1px solid var(--line);margin:0}
 .docs-layout aside a{flex-shrink:0;padding:12px 0;border-radius:0;border-bottom:2px solid transparent;font-size:14px}
 .docs-layout aside a[aria-current=page]{background:transparent;border-bottom-color:var(--accent)}
}
@media(max-width:600px){.documentation article{padding:20px}
.documentation article h2{font-size:21px}
.documentation article p,.documentation article li{font-size:14px}}

/* PROFILE-005 */
.app-member-group { display:flex; align-items:center; gap:0; max-width:210px; overflow-x:auto; padding:5px; border:0; border-radius:24px; background:transparent; }
.app-member-group:hover { background:var(--subtle); }
.app-member-group>img { flex-shrink:0; width:32px; height:32px; border-radius:50%; object-fit:cover; border:2px solid var(--surface); position:relative; background:var(--subtle); }
.app-member-group>img+img { margin-left:-8px; }
.app-member-group>img.is-active { box-shadow:0 0 0 2px var(--focus); z-index:1; }
.app-member-dialog { width:min(480px,calc(100vw - 32px)); box-sizing:border-box; }
.app-member-dialog h2 { font-size:20px; }
.app-member-list { list-style:none; padding:0; margin:16px 0; }
.app-member-list li { display:flex; align-items:center; gap:16px; padding:16px 0; }
.app-member-list li+li { border-top:1px solid var(--line); }
.app-member-list img { width:48px; height:48px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.app-member-list li>div { min-width:0; overflow-wrap:anywhere; }
.app-member-list p { margin:4px 0 0; }
.app-member-list .member-last-access { color:var(--muted); font-size:12px; }
@media(max-width:700px) {
  #workspace .app-people { grid-column:1/3; grid-row:3; padding-left:31px; }
  #workspace .app-member-group { max-width:min(210px,52vw); }
}

#data-content .data-import-notice{margin:24px 0 0;color:var(--muted)}

/* HOSTED-BUILD-001: the same management tokens, conversation and checked preview. */
.builder-entry{max-width:740px;margin:38px auto 62px}.builder-entry>h2{text-align:center;margin-bottom:24px;font-size:28px;letter-spacing:-.8px}.builder-composer{border:1px solid var(--border);border-radius:13px;background:var(--surface);padding:16px}.builder-composer:focus-within{border-color:var(--line-strong)}.builder-composer textarea{border:0;background:transparent;min-height:0;line-height:1.5;resize:none;overflow-y:hidden;margin:0;padding:8px 4px;border-radius:0;box-sizing:border-box;box-shadow:none}.builder-compose-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:12px}.builder-compose-actions span{color:var(--muted);font-size:12px}.builder-compose-actions button span{color:inherit;font-size:17px}.builder-apps-heading{margin-bottom:18px}.builder-studio{display:grid;grid-template-columns:clamp(400px,30vw,480px) minmax(0,1fr);border:1px solid var(--border);border-radius:18px;overflow:clip;background:var(--surface)}.builder-conversation{padding:22px;display:flex;flex-direction:column;gap:22px;border-right:1px solid var(--border);min-width:0}.builder-messages{max-height:470px;overflow:auto;overflow-wrap:anywhere;scrollbar-width:thin}.builder-message{margin-bottom:23px;font-size:14px}.builder-message strong{display:block;font-size:12px;margin-bottom:7px}.builder-message p{white-space:pre-wrap;color:var(--ink);line-height:1.65}.builder-message-user{margin-left:18px;padding:16px;border-radius:13px 13px 3px 13px;background:var(--subtle)}.builder-message-user strong{color:var(--muted)}.builder-message-assistant strong{color:var(--accent)}.builder-conversation>.builder-composer{margin-top:auto;padding:16px}.builder-conversation textarea{min-height:0}.builder-conversation .builder-compose-actions{justify-content:flex-end}.builder-conversation .builder-compose-actions button{min-height:36px;padding:7px 11px;font-size:13px}.builder-activity{border-top:1px solid var(--divider);padding-top:15px}.builder-activity>p{font-size:13px;color:var(--ink)}.builder-activity>button{min-height:32px;padding:5px 9px;font-size:12px}.builder-preview{min-width:0;background:var(--subtle);padding:16px;display:flex;flex-direction:column;align-items:center}.builder-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;align-self:stretch;margin-bottom:14px;font-size:13px}.builder-preview-actions{display:flex;align-items:center;gap:5px}.builder-preview-actions button{font-size:11px;min-height:30px;padding:4px 7px;border-radius:7px}.builder-preview-actions button[aria-pressed=true]{background:var(--surface);border-color:var(--line);color:var(--accent)}.builder-preview-actions a{font-size:12px;margin-left:5px;color:var(--ink)}.builder-preview iframe{width:100%;max-width:100%;height:620px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.builder-preview iframe.builder-phone{max-width:390px}.builder-preview-wait{border:1px solid var(--border);border-radius:10px;background:var(--surface);width:100%;min-height:520px;padding:45px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px}.builder-preview-wait h2{font-size:23px}.builder-preview-wait p{font-size:13px;max-width:290px}.builder-mark{font-size:42px;color:var(--accent)}.builder-preview-note{align-self:flex-start;font-size:12px;margin-top:12px}.builder-next{align-self:flex-start;margin-top:15px}#hosted-error:empty,#hosted-create-status:empty{display:none}#hosted-error{margin:16px 0;color:var(--negative)}
@media(max-width:1000px){.builder-studio{grid-template-columns:minmax(260px,330px) minmax(0,1fr)}}
@media(max-width:800px){.builder-studio{grid-template-columns:minmax(235px,290px) minmax(0,1fr)}.builder-conversation{padding:16px}.builder-preview{padding:12px}.builder-preview-actions{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:600px){.builder-entry{margin:25px 0 40px}.builder-studio{grid-template-columns:minmax(0,1fr)}.builder-conversation{border-right:0;border-bottom:1px solid var(--border)}.builder-messages{max-height:340px}.builder-preview iframe{height:600px}.builder-preview-wait{min-height:330px}.builder-preview-toolbar{flex-wrap:wrap}.builder-compose-actions{flex-wrap:wrap}.builder-composer textarea{font-size:16px}}

/* Builder identity and live work status share the existing Lindo mark. */
.builder-message-assistant strong{display:flex;align-items:center;gap:8px}.builder-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;color:var(--accent)}.builder-avatar svg{width:22px;height:22px}.builder-current{display:flex;align-items:center;gap:10px;margin-bottom:10px}.builder-current p{margin:0;font-size:13px;color:var(--ink)}.builder-activity.is-working .builder-avatar{animation:builder-pulse 1.6s ease-in-out infinite}.builder-activity.is-working .builder-current p{font-weight:600}
#hosted-progress-detail{margin:0 0 10px 32px;font-size:13px;color:var(--muted);overflow-wrap:anywhere}
@keyframes builder-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.9)}}
@media(prefers-reduced-motion:reduce){.builder-activity.is-working .builder-avatar{animation:none}}

.builder-compose-actions>button{margin-left:auto}

/* Data connections retain the ordinary management table. */
#data-task-feedback{font-size:14px;margin:12px 0 0}#data-task-feedback:empty{display:none}#data-task-requests h3{margin:0 0 16px}.data-task-table-wrap{max-width:100%;margin-bottom:24px}.data-task-table th,.data-task-table td{white-space:nowrap;vertical-align:middle}.data-task-open{display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:none;padding:0;min-height:0;color:inherit;font:inherit;text-align:left}.data-task-open:hover{background:none;color:var(--accent);text-decoration:underline}.data-task-table td button{white-space:nowrap}#data-task-dialog-feedback{font-size:14px}#data-task-dialog-feedback:empty{display:none}
@media(max-width:600px){.data-task-open{max-width:280px}}

/* DATA-HANDOFF-008: one setup card, then deliberate pickup/copy. */
.data-assistant-card{padding:28px;border:1px solid var(--border);border-radius:12px;background:var(--surface);margin-bottom:32px}.data-assistant-card h2{font-size:22px;margin:0 0 24px}.data-assistant-flow{display:flex;align-items:center;gap:24px;margin:0 0 26px}.data-assistant-providers{display:flex;gap:16px}.data-assistant-provider{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.data-assistant-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--ink)}.data-assistant-icon svg{width:29px;height:29px}.data-assistant-icon[data-assistant=claude]{color:#c87857}.data-assistant-arrow{width:32px;height:24px;color:var(--muted);flex-shrink:0}.data-assistant-lindo{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:23px;font-weight:700}.data-assistant-lindo .app-mark{display:flex}.data-assistant-lindo svg{width:40px;height:40px}.data-task-copy-block{display:flex;align-items:flex-start;gap:16px;padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--bg);margin:20px 0}.data-task-copy-block #data-task-prompt{margin:0;min-height:0;padding:0;font-size:16px;line-height:1.6;overflow-wrap:anywhere;flex:1;user-select:text}.data-task-copy-block button{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;min-height:36px;padding:8px;border:0}.data-task-copy-block button svg{width:20px;height:20px}#data-task-dialog .management-footer-actions{flex-wrap:wrap}
.data-assistant-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}.data-assistant-card::before{content:'';position:absolute;left:50%;top:28px;bottom:28px;width:1px;background:var(--border)}.data-assistant-main,.data-mcp-guide{min-width:0}.data-mcp-guide h3{margin:0 0 12px!important;font-size:18px}.data-mcp-guide>p{margin:0 0 18px}.data-mcp-url-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.data-mcp-url-row code{flex:1;min-width:0;overflow-wrap:anywhere;user-select:text;font-size:14px;color:var(--ink)}.data-mcp-url-row button{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;min-height:36px;margin:0!important;padding:8px;border:0}.data-mcp-url-row button svg{width:20px;height:20px}#data-mcp-feedback{font-size:14px;margin:8px 0 0}#data-mcp-feedback:empty{display:none}
@media(max-width:800px){.data-assistant-card{grid-template-columns:minmax(0,1fr);gap:24px}.data-assistant-card::before{display:none}.data-mcp-guide{border-top:1px solid var(--border);padding-top:24px}}
.data-assistant-flow{--data-icon-size:52px;align-items:flex-start}.data-assistant-arrow{margin-top:calc((var(--data-icon-size) - 24px)/2)}.data-assistant-lindo{min-height:var(--data-icon-size)}#data-task-lindo-mark{display:flex}.data-assistant-lindo .app-mark{width:auto;height:auto;flex:none}
@media(max-width:600px){.data-assistant-flow{--data-icon-size:42px}}
@media(max-width:600px){.data-assistant-card{padding:20px}.data-assistant-card h2{font-size:21px}.data-assistant-flow{gap:12px}.data-assistant-providers{gap:8px}.data-assistant-icon{width:42px;height:42px;border-radius:10px}.data-assistant-icon svg{width:25px;height:25px}.data-assistant-arrow{width:24px}.data-assistant-lindo{font-size:19px;gap:4px}.data-assistant-lindo svg{width:32px;height:32px}.data-task-copy-block{padding:14px;gap:8px}#data-task-dialog .management-footer-actions{gap:10px}}

.landing-draft-note{max-width:420px;margin:24px auto;color:var(--muted);font-size:14px;line-height:1.6}
#discard-build-draft{margin-top:12px}

.builder-composer textarea:focus{outline:none}

/* MANAGEMENT-018: occasional owner operations beside the app identity. */
.app-heading{display:flex;align-items:center;gap:12px;min-width:0}
.app-heading h1{min-width:0;overflow-wrap:anywhere}
.app-actions{position:relative;flex:none;margin:0}
.app-actions>summary{display:flex;align-items:center;justify-content:center;list-style:none;width:38px;height:38px;border:1px solid var(--border);border-radius:var(--control-radius);font-size:25px;line-height:1;color:var(--ink);background:var(--surface)}
.app-actions>summary::-webkit-details-marker{display:none}
.app-actions>summary:hover{background:var(--accent-soft)}
.app-actions>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.app-actions-list{position:absolute;z-index:20;top:calc(100% + 8px);left:0;width:224px;max-width:calc(100vw - 56px);padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0002}
.app-actions-list .environment,.app-actions-list>button{display:flex;justify-content:flex-start;text-align:left;width:100%;margin:0;padding:10px 12px;border:0;background:transparent;color:var(--ink);font-size:13px;font-weight:500}
.app-actions-list .environment:hover,.app-actions-list>button:hover{background:var(--accent-soft)}
.app-actions-list button:disabled{opacity:.45;cursor:default}
@media(max-width:700px){.app-actions-list{left:auto;right:0}.app-heading{justify-content:space-between}}
.builder-input-row{display:flex;min-width:0}.builder-input-row textarea{flex:1;min-width:0;width:0}.builder-suggestion-toggle{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin:0 0 8px;font-size:12px;color:var(--muted);cursor:pointer}.builder-suggestion-toggle input{appearance:none;position:relative;flex:none;width:28px;min-width:28px;height:16px;min-height:16px;margin:0;padding:0;border:1px solid var(--border);border-radius:12px;background:var(--line-strong);cursor:pointer}.builder-suggestion-toggle input::before{content:"";position:absolute;width:10px;height:10px;left:2px;top:2px;border-radius:50%;background:var(--surface)}.builder-suggestion-toggle input:checked{background:var(--accent);border-color:var(--accent)}.builder-suggestion-toggle input:checked::before{transform:translateX(12px)}.builder-suggestion-toggle input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.builder-conversation .builder-compose-actions{justify-content:flex-end}.builder-conversation .builder-accept-next{margin-right:auto;color:var(--muted);font-size:12px;padding:4px 0;min-height:32px}#hosted-next-status{margin-right:auto;font-size:12px;color:var(--muted)}.builder-composer textarea.has-next-change::placeholder{color:var(--muted);opacity:1}

#usage-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}
#usage-totals>div{padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}
#usage-totals dt{font-size:13px;color:var(--muted);margin:0 0 8px}
#usage-totals dd{font-size:24px;font-weight:600;margin:0;overflow-wrap:anywhere}
@media(max-width:700px){#usage-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
.table-wrap:has(#build-usage) table{min-width:1100px}
.table-wrap:has(#app-hit-usage) table{min-width:900px}
#build-usage td:last-child{min-width:280px}
#app-hit-usage td:last-child{min-width:320px}
.builder-answers{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:-10px}.builder-answers[hidden]{display:none}#app-panel .builder-answers button{margin:0;justify-content:flex-start;width:100%;min-height:44px;max-width:100%;white-space:normal;text-align:left;font-size:13px;line-height:1.4;padding:10px 13px}.builder-answer{border:1px solid var(--border);background:var(--surface);border-radius:10px}.builder-answer:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.builder-answers button:disabled{opacity:.5;cursor:wait}.builder-answer-other{color:var(--muted)}
.builder-assistant-control{display:flex;justify-content:flex-start;margin-bottom:12px}.builder-assistant-control button{font-size:13px;white-space:normal;text-align:left}.builder-assistant-control:has(button[hidden]){display:none}#assistant-entry{margin-right:auto}#assistant-entry button{white-space:normal;text-align:left;font-size:13px;font-weight:500}#assistant-build-dialog{max-width:min(520px,calc(100vw - 32px))}#assistant-build-dialog textarea{width:100%;resize:vertical}#assistant-build-dialog .workspace-actions{flex-wrap:wrap}#assistant-build-dialog button{white-space:normal;margin:8px 0 0;text-align:left}#assistant-build-dialog input[readonly]{min-width:0;width:100%}
#build-usage td:nth-child(n+3):nth-child(-n+8),table:has(#build-usage) th:nth-child(n+3):nth-child(-n+8),#app-hit-usage td:nth-child(n+2):nth-child(-n+5),table:has(#app-hit-usage) th:nth-child(n+2):nth-child(-n+5){text-align:right;font-variant-numeric:tabular-nums}

/* APPEARANCE-021: compact creation surface and existing app-list data. */
.workspace-builder.builder-entry{max-width:none;margin:24px 0 36px}.workspace-builder>.builder-composer{padding:24px;border-radius:18px}.workspace-builder label{font-size:19px;line-height:1.4;font-weight:650;letter-spacing:-.5px;color:var(--ink);margin:0 0 18px}.workspace-builder textarea{font-size:16px;padding:0;line-height:1.6}.workspace-builder .builder-compose-actions{margin-top:18px;justify-content:space-between;flex-wrap:wrap}.workspace-builder .builder-compose-actions>button{margin-left:auto}.workspace-builder #assistant-start{min-height:40px;padding:9px 12px}.workspace-builder #hosted-create-status:empty{display:none}#workspace>.table-wrap{border-radius:18px}.builder-preview-note:empty{display:none}.builder-preview .builder-next{align-self:flex-end}.builder-preview .builder-next>button{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.builder-preview .builder-next>button:hover{background:var(--accent-hover)}
@media(max-width:600px){.workspace-builder>.builder-composer{padding:20px}.workspace-builder label{font-size:18px}.workspace-builder .builder-compose-actions{gap:12px}.workspace-builder #assistant-entry{flex-basis:100%}.workspace-builder #assistant-start{width:100%;justify-content:center}.workspace-builder .builder-compose-actions>button{width:100%}}

/* ONBOARD-001: a required action in the existing conversation, not a second wizard. */
.builder-setup{margin:12px 20px 20px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.builder-setup h2{font-size:17px;margin:0 0 10px}.builder-setup p{font-size:13px;margin:0 0 14px}.builder-setup p:empty{display:none}.builder-setup code{display:block;overflow-wrap:anywhere;font-size:12px;margin-bottom:12px}.builder-setup select{width:100%;margin-bottom:12px}.builder-setup button{margin-top:6px}
.builder-conversation:has(>.builder-setup:not([hidden])) .builder-messages{max-height:220px}
.builder-setup{margin:0}
@media(max-width:600px){.builder-conversation:has(>.builder-setup:not([hidden])) .builder-messages{max-height:160px}}

.builder-setup-request{white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;font:inherit;padding:1rem;border:1px solid var(--border);border-radius:12px}.builder-request-copy{border:0;background:none;padding-inline:0;margin-right:1rem}

/* BUILDER-HELP-001: conversation and help together, then the preview. */
main:has(>#app-panel:not([hidden])>[data-app-pane=how]:not([hidden])){padding-top:24px}
main:has(>#app-panel:not([hidden])>[data-app-pane=how]:not([hidden]))>header{margin-bottom:18px}
#app-panel>.platform-tabs button{font-size:14px}
#app-panel:has(>[data-app-pane=how]:not([hidden]))>.platform-tabs{margin-bottom:20px;padding-bottom:16px}
.builder-studio{grid-template-columns:clamp(560px,47vw,660px) minmax(0,1fr);gap:18px;border:0;border-radius:0;overflow:visible;background:transparent;align-items:start}
.builder-workbench{display:grid;grid-template-columns:minmax(0,1fr) 232px;min-width:0;border:1px solid var(--border);border-radius:16px;overflow:clip;background:var(--surface)}
.builder-conversation{border-right:0}
.builder-workbench.is-help-collapsed{grid-template-columns:minmax(0,1fr) 48px}
.builder-help-sidebar{min-width:0;border-left:1px solid var(--border);background:var(--surface)}
.builder-help-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 8px 0 14px}
#app-panel .builder-help-controls h2{font-size:16px;font-weight:600;margin:0;min-width:0}
.is-help-collapsed .builder-help-controls{padding:8px 1px;justify-content:center}
.is-help-collapsed .builder-help-controls h2{display:none}
.builder-help-sidebar[hidden]{display:none}
#hosted-help-toggle[aria-expanded=true] .help-expand-icon,#hosted-help-toggle[aria-expanded=false] .help-collapse-icon{display:none}
#app-panel .builder-help-controls button{display:grid;place-items:center;min-height:44px;width:44px;flex:none;padding:0;border:0;background:transparent}
.builder-preview-note:empty{display:none}
.builder-help-controls[hidden]{display:none}
.builder-message,.builder-composer textarea{font-size:16px}
.builder-message strong,.builder-current p,.builder-preview-toolbar,.builder-preview-note,.builder-preview-wait p{font-size:14px}
.builder-messages{max-height:430px}
.builder-conversation .builder-compose-actions button,.builder-preview-actions button,.builder-preview-actions a,#app-panel .builder-answers button{font-size:14px}
.builder-preview{border:1px solid var(--border);border-radius:16px}
.builder-preview-actions button{min-height:40px;padding:8px 10px}
.builder-preview-toolbar{gap:12px;flex-wrap:wrap}
.builder-preview-actions{margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
.builder-preview-toolbar #deploy-live{margin:0;min-height:40px;font-size:14px;white-space:normal}
.builder-preview-toolbar #deploy-live:disabled{background:var(--surface);border-color:var(--border);color:var(--muted)}
.builder-publication{align-self:stretch}
.builder-publication:has(>p[hidden]+p[hidden]+button[hidden]){display:none}
.builder-publication p{margin:12px 0 0;font-size:14px}
.builder-help{padding:0 14px 22px;min-width:0;overflow-wrap:anywhere}
#app-panel .builder-help button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 16px;margin:0;min-height:48px;white-space:normal;text-align:left;font-size:14px;font-weight:500;border-color:var(--border);background:var(--surface);color:var(--ink)}
#app-panel .builder-help button>svg{flex:none;width:16px;height:16px;color:var(--muted)}
#app-panel .builder-help .builder-help-next{border-color:var(--border);background:var(--accent-soft);color:var(--accent)}
.builder-help-topics{display:flex;flex-direction:column;gap:6px;margin-top:0}
.builder-help-group{display:flex;flex-direction:column;gap:6px;flex:none}
.builder-data-route{border:1px solid var(--border);border-radius:12px;padding:16px;min-width:0}
.builder-data-route[hidden]{display:none}
.builder-conversation:has(>#hosted-data-route:not([hidden]))>#hosted-messages,.builder-conversation:has(>#hosted-data-route:not([hidden]))>#hosted-answers{display:none}
#app-panel .builder-data-route h3{margin:0 0 12px;font-size:16px}
.builder-data-route p{margin:0 0 12px;font-size:14px}
#app-panel .builder-data-prompt{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 16px}
.builder-data-return svg{width:20px;height:20px;flex:none}
.builder-data-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.builder-data-actions a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);font-size:14px;font-weight:500;text-decoration:none}
#app-panel .builder-help-group h3{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:14px 4px 2px}
#app-panel .builder-help-group:first-child h3{margin-top:4px}
@media(min-width:601px){.builder-studio:not(.has-setup) .builder-workbench>.builder-conversation{align-self:start;min-height:660px}}
@media(min-width:601px) and (min-height:900px){.builder-studio:not(.has-setup) .builder-workbench>.builder-conversation{position:sticky;top:16px}}
@media(min-width:1001px) and (min-height:900px){.builder-studio:not(.has-setup)>.builder-preview{position:sticky;top:16px}}
#app-panel .builder-help-topics button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}
#app-panel .builder-help button:disabled{opacity:.5;cursor:default}
@media(max-width:1000px){.builder-studio{grid-template-columns:minmax(0,1fr)}.builder-workbench{grid-template-columns:minmax(0,1fr) 232px}}
@media(max-width:600px){.builder-workbench{grid-template-columns:minmax(0,1fr)}.builder-conversation{border-bottom:0}.builder-help-sidebar{border-left:0;border-top:1px solid var(--border)}.is-help-collapsed .builder-help-sidebar{border-left:1px solid var(--border);border-top:0}.builder-help{padding:0 18px 18px}.builder-help-topics{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-top:0}.builder-preview-actions{gap:5px}.builder-preview iframe{height:540px}}

.builder-help-link{display:inline-flex;align-items:center;min-height:44px;margin:0 22px 12px;color:var(--accent);font-size:14px}

/* DATA-HANDOFF-017: assistant inventory above a read-only task history. */
#data-assistants h3{margin:0 0 16px}.data-assistant-flow{margin-bottom:0}.data-task-table .data-history-task{white-space:normal;min-width:200px;max-width:480px;overflow-wrap:anywhere}

/* One current handoff action, without disabled build tools or a duplicate preview. */
.builder-studio.has-setup{display:block;max-width:760px;margin-inline:auto}
.builder-studio.has-setup .builder-workbench{display:block}
.builder-studio.has-setup .builder-conversation{padding:28px}
.builder-studio.has-setup .builder-setup{border:0;border-radius:0;padding:0;margin:0}
.builder-setup-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}
#app-panel .builder-setup-actions button{margin:0;min-height:44px}
.builder-request-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-block:1px solid var(--border)}
#app-panel .builder-request-copy{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:8px;background:transparent;color:var(--accent)}
#app-panel .builder-request-copy:hover{background:var(--accent-soft)}
.builder-request-row .builder-setup-request{flex:1;min-width:0;border:0;padding:8px 0;margin:0;font-size:14px;line-height:1.6}
@media(max-width:600px){.builder-studio.has-setup .builder-conversation{padding:20px}}

.builder-preview[hidden],.builder-help[hidden],.builder-messages[hidden]{display:none!important}
.builder-request-row>code{flex:1;min-width:0;margin:0;align-self:center}

.builder-input-choices{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}
.builder-input-choices .builder-setup-actions{margin-top:0}

.builder-request-row~.builder-input-choices{border-top:0;padding-top:0}
.builder-palette-preview{display:grid;gap:5px;width:100%}
.builder-palette-gradient{display:block;height:36px;border:1px solid var(--line);border-radius:6px}
.builder-palette-swatches{display:flex;border:1px solid var(--line);border-radius:4px;overflow:hidden}
.builder-palette-swatches>span{display:block;flex:1;height:16px;min-width:0}
.builder-answer:has(.builder-palette-preview){display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:8px;flex:0 0 auto;min-width:0;width:100%;max-width:100%}

.builder-preview-primary-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#app-panel #hosted-start-preview{min-height:40px;margin:0;padding:8px 10px;font-size:14px}

/* PREVIEW-007: keep one mounted preview and cover it throughout installation. */
.builder-preview-stage{position:relative;isolation:isolate;width:100%;display:flex;justify-content:center;min-height:520px}
.builder-preview-stage .builder-preview-wait{box-sizing:border-box}
.builder-preview-overlay{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border-radius:10px;background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:blur(2px);cursor:progress}
.builder-preview-overlay p{color:var(--ink);font-size:16px;font-weight:600;margin:0}
.builder-preview-progress{width:min(220px,70%);height:4px;border-radius:4px;overflow:hidden;background:var(--border)}
.builder-preview-progress span{display:block;width:40%;height:100%;border-radius:inherit;background:var(--accent);animation:builder-preview-progress 1.4s ease-in-out infinite}
@keyframes builder-preview-progress{from{transform:translateX(-110%)}to{transform:translateX(360%)}}
@media(prefers-reduced-motion:reduce){.builder-preview-progress span{animation:none;width:100%;opacity:.6}}
@media(max-width:600px){.builder-preview-stage{min-height:330px}}

.data-mcp-url-row{align-items:flex-start}.data-mcp-url-row #data-mcp-prompt{flex:1;min-width:0;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;font-size:14px;line-height:1.6;color:var(--ink)}
.data-assistant-card[hidden]{display:none}#data-assistants-heading{margin-bottom:20px}

.builder-conversation:has(>#hosted-settings-route:not([hidden]))>#hosted-messages,
.builder-conversation:has(>#hosted-settings-route:not([hidden]))>#hosted-answers{display:none}
#hosted-settings-route{display:grid;gap:10px}
#hosted-settings-route[hidden]{display:none}
#hosted-settings-route select,#hosted-settings-route input:not([type=checkbox]){width:100%;min-width:0}
#hosted-settings-route fieldset{min-width:0;border:1px solid var(--border);border-radius:8px;padding:10px}
#hosted-settings-route .builder-setting-check{display:flex;align-items:center;gap:8px;margin:6px 0}
#hosted-settings-route .builder-setting-check input{width:auto;margin:0}
.builder-setting-preview{padding:20px;border:1px solid var(--border);font-size:20px}

#hosted-settings-route>label{margin:4px 0 0}

#hosted-settings-route .builder-setting-palettes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:0;padding:0;margin:0}
#hosted-settings-route .builder-setting-palettes legend{margin-bottom:8px}
#hosted-settings-route .builder-setting-palette{display:grid;grid-template-columns:auto 1fr;gap:6px;align-items:center;border:1px solid var(--border);border-radius:9px;padding:9px;margin:0;cursor:pointer;font-weight:500;color:var(--ink)}
#hosted-settings-route .builder-setting-palette:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
#hosted-settings-route .builder-setting-palette input{width:auto;margin:0}
#hosted-settings-route .builder-setting-palette .builder-palette-gradient{grid-column:1/-1;height:34px}

#app-panel .builder-studio button+button{margin-left:0}