/* Atelier secondary workspaces. Visual treatment only; business DOM and actions stay intact. */

/* Shared secondary-page type and continuous content sections. */
html.atelier body:is([data-screen="warehouse"],[data-screen="ads"],[data-screen="devices"],[data-screen="platform"],[data-screen="workflows"],[data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) #content {
  color: var(--a-ink, #20242b);
  font-size: 14px;
  line-height: 1.6;
}
html.atelier body:is([data-screen="warehouse"],[data-screen="ads"],[data-screen="devices"],[data-screen="platform"],[data-screen="workflows"],[data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) #content :is(.cloud-panel,.desk-section) {
  background: #fff;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 24px 0;
  min-width: 0;
}
html.atelier body:is([data-screen="ads"],[data-screen="devices"],[data-screen="platform"],[data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) #content .cloud-panel + .cloud-panel {
  margin-top: 0;
  border-top: 1px solid var(--a-line, #e1e4e8);
}
html.atelier body:is([data-screen="warehouse"],[data-screen="ads"],[data-screen="devices"],[data-screen="platform"],[data-screen="workflows"],[data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) #content .page-heading {
  margin: 0 0 24px;
  padding: 0 0 24px;
  border-bottom: 1px solid var(--a-line, #e1e4e8);
  gap: 20px;
}
html.atelier body:is([data-screen="warehouse"],[data-screen="ads"],[data-screen="devices"],[data-screen="platform"],[data-screen="workflows"],[data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) #content .page-heading h1 {
  color: var(--a-ink, #20242b);
  font-size: 28px;
  font-weight: 650;
  line-height: 1.25;
  letter-spacing: -.65px;
}
html.atelier body:is([data-screen="warehouse"],[data-screen="ads"],[data-screen="devices"],[data-screen="platform"],[data-screen="workflows"],[data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) #content :is(.page-heading p,.muted,.cloud-panel > p,.cloud-row p,.cloud-field > span) {
  color: var(--a-muted, #626974);
  font-size: 13px;
  line-height: 1.65;
}
html.atelier body:is([data-screen="warehouse"],[data-screen="ads"],[data-screen="devices"],[data-screen="platform"],[data-screen="workflows"],[data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) #content :is(.cloud-panel > h2,.desk-section-heading h2) {
  color: var(--a-ink, #20242b);
  font-size: 17px;
  font-weight: 600;
  margin: 0 0 18px;
  letter-spacing: -.2px;
}
html.atelier body:is([data-screen="ads"],[data-screen="devices"],[data-screen="platform"],[data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) #content .cloud-row {
  padding: 15px 0;
  gap: 18px;
  border-bottom-color: var(--a-line, #e1e4e8);
}
html.atelier body:is([data-screen="ads"],[data-screen="devices"],[data-screen="platform"],[data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) #content .cloud-row b {
  color: var(--a-ink, #20242b);
  font-size: 14px;
  font-weight: 550;
}
html.atelier body:is([data-screen="warehouse"],[data-screen="ads"],[data-screen="devices"],[data-screen="platform"],[data-screen="workflows"],[data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) #content :is(button,input,textarea,select) {
  font-size: 13px;
  border-radius: 8px;
}
html.atelier body:is([data-screen="warehouse"],[data-screen="ads"],[data-screen="devices"],[data-screen="platform"],[data-screen="workflows"],[data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) #content .cloud-copy {
  color: var(--a-ink, #20242b);
  font-size: 14px;
  line-height: 1.8;
}

/* Warehouse: one title, real navigation, and a continuous image-led table. */
html.atelier body[data-screen="warehouse"] #content:has(.wh-original-header) {
  background: #fff;
  color: var(--a-ink, #20242b);
  padding: 28px;
  border-radius: var(--a-radius, 12px);
}
html.atelier body[data-screen="warehouse"] .wh-original-header {
  display: block;
  margin: 0 0 18px;
  padding: 0;
  background: transparent;
  border: 0;
}
html.atelier body[data-screen="warehouse"] .wh-identity {
  color: var(--a-ink, #20242b);
  margin-bottom: 24px;
}
html.atelier body[data-screen="warehouse"] .wh-identity > img,
html.atelier body[data-screen="warehouse"] .wh-catalog-header > img,
html.atelier body[data-screen="warehouse"] .wh-catalog-header > div {
  display: none;
}
html.atelier body[data-screen="warehouse"] .wh-identity strong {
  display: block;
  font-size: 28px;
  font-weight: 650;
  line-height: 1.3;
  letter-spacing: -.65px;
}
html.atelier body[data-screen="warehouse"] .wh-identity p {
  margin-top: 8px;
  font-size: 13px;
  color: var(--a-muted, #626974);
}
html.atelier body[data-screen="warehouse"] .wh-original-header nav {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 20px;
  border-bottom: 1px solid var(--a-line, #e1e4e8);
}
html.atelier body[data-screen="warehouse"] .wh-original-header nav button {
  position: relative;
  padding: 11px 0 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--a-muted, #626974);
  font-size: 14px;
  font-weight: 500;
}
html.atelier body[data-screen="warehouse"] .wh-original-header nav button.active {
  color: var(--a-ink, #20242b);
  background: transparent;
  box-shadow: inset 0 -2px var(--a-ink, #20242b);
  font-weight: 600;
}
html.atelier body[data-screen="warehouse"] .wh-original-header nav button:hover {
  color: var(--a-blue, #255acb);
}
html.atelier body[data-screen="warehouse"] .wh-catalog-header {
  float: right;
  margin: 0 0 10px 20px;
  min-height: 36px;
  gap: 0;
}
html.atelier body[data-screen="warehouse"] .wh-counts {
  margin: 0;
  padding: 8px 0;
  background: transparent;
  color: var(--a-muted, #626974);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}
html.atelier body[data-screen="warehouse"] .wh-catalog-nav {
  min-height: 36px;
  gap: 8px;
  margin-bottom: 12px;
}
html.atelier body[data-screen="warehouse"] .wh-catalog-nav button {
  padding: 7px 11px;
  border: 1px solid transparent;
  color: var(--a-muted, #626974);
  background: transparent;
}
html.atelier body[data-screen="warehouse"] .wh-catalog-nav button.active {
  color: var(--a-blue, #255acb);
  background: var(--a-tint, #edf3fc);
  border-color: #d8e3f7;
}
html.atelier body[data-screen="warehouse"] .wh-price-note {
  clear: both;
  margin: 0 0 20px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: var(--a-muted, #626974);
  font-size: 12px;
  line-height: 1.65;
}
html.atelier body[data-screen="warehouse"] .wh-original-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 16px 0;
  border: 0;
  border-top: 1px solid var(--a-line, #e1e4e8);
  border-radius: 0;
  background: #fff;
}
html.atelier body[data-screen="warehouse"] .wh-original-toolbar :is(input,select) {
  min-height: 38px;
  padding: 8px 11px;
  color: var(--a-ink, #20242b);
  background: #fff;
  border: 1px solid var(--a-line, #e1e4e8);
}
html.atelier body[data-screen="warehouse"] .wh-original-toolbar input {
  flex: 1 1 260px;
  max-width: 480px;
}
html.atelier body[data-screen="warehouse"] .wh-original-toolbar button[type="submit"] {
  min-height: 38px;
  padding: 8px 18px;
  color: #fff;
  background: var(--a-ink, #20242b);
  border-color: var(--a-ink, #20242b);
}
html.atelier body[data-screen="warehouse"] .wh-matched {
  font-size: 12px;
  color: var(--a-muted, #626974);
  font-variant-numeric: tabular-nums;
}
html.atelier body[data-screen="warehouse"] .wh-table-scroll {
  clear: both;
  padding: 0;
  background: #fff;
  border: 1px solid var(--a-line, #e1e4e8);
  border-radius: 8px;
  scrollbar-width: thin;
}
html.atelier body[data-screen="warehouse"] .wh-model-table {
  width: 100%;
  min-width: 800px;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}
html.atelier body[data-screen="warehouse"] .wh-model-table th {
  background: #f7f8f9;
  color: var(--a-muted, #626974);
  padding: 12px 16px;
  font-size: 12px;
  font-weight: 550;
  border-bottom: 1px solid var(--a-line, #e1e4e8);
}
html.atelier body[data-screen="warehouse"] .wh-model-table td {
  padding: 16px;
  border-bottom: 1px solid var(--a-line, #e1e4e8);
  color: var(--a-ink, #20242b);
  line-height: 1.6;
}
html.atelier body[data-screen="warehouse"] .wh-model-table tbody tr:last-child td { border-bottom: 0; }
html.atelier body[data-screen="warehouse"] .wh-model-table tbody tr:hover { background: #fafbfd; }
html.atelier body[data-screen="warehouse"] .wh-model-table td:first-child { width: 164px; }
html.atelier body[data-screen="warehouse"] .wh-model-table td:nth-child(2) { width: 38%; min-width: 235px; }
html.atelier body[data-screen="warehouse"] .wh-model-table td:nth-child(3) { white-space: normal; min-width: 160px; }
html.atelier body[data-screen="warehouse"] .wh-model-table td img {
  display: block;
  width: 132px;
  height: 88px;
  object-fit: contain;
  border: 1px solid #eceef1;
  border-radius: 6px;
  background: #f5f6f7;
}
html.atelier body[data-screen="warehouse"] .wh-model-table td strong { color: var(--a-ink, #20242b); font-weight: 600; }
html.atelier body[data-screen="warehouse"] .wh-model-table td small { color: var(--a-muted, #626974); font-size: 12px; margin-top: 5px; }
html.atelier body[data-screen="warehouse"] .wh-model-table button { color: var(--a-blue, #255acb); border-color: var(--a-line, #e1e4e8); background: #fff; }
html.atelier body[data-screen="warehouse"] .wh-model-table .wh-thumb-button { padding: 0; border: 0; background: transparent; box-shadow: none; }
html.atelier body[data-screen="warehouse"] .wh-manuals {
  clear: both;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  padding-top: 20px;
  border-top: 1px solid var(--a-line, #e1e4e8);
}
html.atelier body[data-screen="warehouse"] .wh-manuals .cloud-panel { padding: 20px 24px; border-right: 1px solid var(--a-line, #e1e4e8); }
html.atelier body[data-screen="warehouse"] .wh-manuals .cloud-panel:last-child { border-right: 0; }
html.atelier body[data-screen="warehouse"] .wh-file-icon { background: #f1f3f5; color: var(--a-muted, #626974); border: 1px solid var(--a-line, #e1e4e8); font-size: 13px; }
html.atelier body[data-screen="warehouse"] .wh-link { color: var(--a-blue, #255acb); font-size: 14px; }
html.atelier body[data-screen="warehouse"] .wh-detail-meta { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-block: 1px solid var(--a-line, #e1e4e8); }
html.atelier body[data-screen="warehouse"] .wh-detail-meta > div { min-width: 0; padding: 14px 14px 14px 0; }
html.atelier body[data-screen="warehouse"] .wh-detail-meta > div + div { padding-left: 14px; border-left: 1px solid var(--a-line, #e1e4e8); }
html.atelier body[data-screen="warehouse"] .wh-detail-meta small { color: var(--a-muted, #626974); font-size: 12px; margin: 0 0 7px; }
html.atelier body[data-screen="warehouse"] .wh-detail-meta strong { color: var(--a-ink, #20242b); font-size: 14px; line-height: 1.5; margin: 0; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
html.atelier body[data-screen="warehouse"] .wh-gallery { gap: 20px; }
html.atelier body[data-screen="warehouse"] .wh-gallery :is(img,video) { height: 230px; background: #f4f5f7; border: 1px solid var(--a-line, #e1e4e8); }
html.atelier body[data-screen="warehouse"] .wh-gallery figcaption { font-size: 12px; }
html.atelier body[data-screen="warehouse"] .wh-gallery a { color: var(--a-blue, #255acb); }

/* Roles: a stable fact pane beside the work ledger. */
html.atelier body:is([data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) #content > .cloud-grid {
  grid-template-columns: minmax(300px, .8fr) minmax(0, 1.3fr);
  gap: 0;
  align-items: start;
}
html.atelier body:is([data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) #content > .cloud-grid > .cloud-panel:first-child {
  padding: 0 28px 24px 0;
  border-right: 1px solid var(--a-line, #e1e4e8);
}
html.atelier body:is([data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) #content > .cloud-grid > .cloud-panel + .cloud-panel {
  margin: 0;
  padding: 0 0 24px 28px;
  border: 0;
  overflow-x: auto;
}
html.atelier body:is([data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) .cloud-person {
  gap: 14px;
  margin-bottom: 18px;
}
html.atelier body:is([data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) .cloud-person img {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  border: 1px solid var(--a-line, #e1e4e8);
}
html.atelier body:is([data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) .cloud-person h2 { color: var(--a-ink, #20242b); font-size: 19px; margin: 0; }
html.atelier body:is([data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) #content .cloud-panel > button { margin: 12px 8px 4px 0; }
html.atelier body:is([data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) #content details { margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--a-line, #e1e4e8); }
html.atelier body:is([data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) #content summary { color: var(--a-ink, #20242b); font-size: 14px; font-weight: 550; }
html.atelier body:is([data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) .cloud-dialog .cloud-field > span { color: var(--a-ink, #20242b); font-size: 13px; font-weight: 550; }
html.atelier body:is([data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) .cloud-dialog .cloud-field textarea { min-height: 150px; color: var(--a-ink, #20242b); font: 14px/1.75 -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif; }

/* Advertising: real connection facts, then an unembellished metrics ledger. */
html.atelier body[data-screen="ads"] #content > .cloud-panel:first-of-type {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0 24px;
  padding-top: 0;
}
html.atelier body[data-screen="ads"] #content > .cloud-panel:first-of-type > :is(h2,p) { grid-column: 1 / -1; }
html.atelier body[data-screen="ads"] #content > .cloud-panel:first-of-type > .cloud-row { align-items: start; min-height: 82px; border: 0; padding: 12px 0 18px; }
html.atelier body[data-screen="ads"] #content > .cloud-panel:first-of-type .cloud-row b { color: var(--a-muted, #626974); font-size: 12px; font-weight: 450; }
html.atelier body[data-screen="ads"] #content > .cloud-panel:first-of-type .cloud-row p { color: var(--a-ink, #20242b); font-size: 14px; margin-top: 8px; }
html.atelier body[data-screen="ads"] #content > .cloud-panel:first-of-type > button { justify-self: start; margin: 12px 0 0; white-space: normal; }
html.atelier body[data-screen="ads"] #content > .cloud-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  border-block: 1px solid var(--a-line, #e1e4e8);
}
html.atelier body[data-screen="ads"] #content > .cloud-grid > .cloud-panel { padding: 24px; margin: 0; border: 0; border-right: 1px solid var(--a-line, #e1e4e8); }
html.atelier body[data-screen="ads"] #content > .cloud-grid > .cloud-panel:nth-child(3n) { border-right: 0; }
html.atelier body[data-screen="ads"] #content > .cloud-grid > .cloud-panel:nth-child(n+4) { border-top: 1px solid var(--a-line, #e1e4e8); }
html.atelier body[data-screen="ads"] #content > .cloud-grid .cloud-panel > h2 { color: var(--a-muted, #626974); font-size: 13px; font-weight: 500; margin-bottom: 12px; }
html.atelier body[data-screen="ads"] #content > .cloud-grid .cloud-panel > strong { color: var(--a-ink, #20242b); font-size: 30px; font-weight: 500; line-height: 1.25; font-variant-numeric: tabular-nums; }
html.atelier body[data-screen="ads"] #content > .cloud-grid .cloud-panel > p { font-size: 12px; margin: 10px 0 0; }
html.atelier body[data-screen="ads"] .cloud-empty { padding: 38px 24px; font-size: 14px; line-height: 1.8; background: #fafbfc; border: 1px solid var(--a-line, #e1e4e8); border-radius: 8px; }

/* Connections: account facts are stable rows; QR and model work keep their true states. */
html.atelier body[data-screen="devices"] #content > .cloud-panel { padding-top: 0; }
html.atelier body[data-screen="devices"] #content > .cloud-panel > div:first-of-type { max-width: 900px; }
html.atelier body[data-screen="devices"] #content .cloud-row > div { display: grid; grid-template-columns: 160px minmax(0, 1fr); align-items: baseline; gap: 16px; flex: 1; }
html.atelier body[data-screen="devices"] #content .cloud-row b { color: var(--a-muted, #626974); font-size: 13px; font-weight: 450; }
html.atelier body[data-screen="devices"] #content .cloud-row p { color: var(--a-ink, #20242b); font-size: 14px; margin: 0; font-variant-numeric: tabular-nums; }
html.atelier body[data-screen="devices"] #content .cloud-panel > button { margin: 18px 10px 12px 0; }
html.atelier body[data-screen="devices"] .project-connect-steps { gap: 0; border: 1px solid var(--a-line, #e1e4e8); border-radius: 8px; overflow: hidden; margin-bottom: 28px; }
html.atelier body[data-screen="devices"] .connect-step { padding: 18px 20px; border: 0; border-right: 1px solid var(--a-line, #e1e4e8); border-radius: 0; background: #fafbfc; }
html.atelier body[data-screen="devices"] .connect-step:last-child { border-right: 0; }
html.atelier body[data-screen="devices"] .connect-step > span { color: var(--a-muted, #626974); background: #eef0f3; border: 1px solid var(--a-line, #e1e4e8); font-variant-numeric: tabular-nums; }
html.atelier body[data-screen="devices"] .connect-step.complete > span { color: #246447; background: #e9f3ed; border-color: #d3e5da; }
html.atelier body[data-screen="devices"] .connect-step :is(b,small) { font-size: 12px; color: var(--a-muted, #626974); }
html.atelier body[data-screen="devices"] .connect-step b { font-size: 13px; color: var(--a-ink, #20242b); }
html.atelier body[data-screen="devices"] #content > .cloud-grid { gap: 0; }
html.atelier body[data-screen="devices"] #content > .cloud-grid > .cloud-panel { padding: 0 24px 24px 0; }
html.atelier body[data-screen="devices"] #content > .cloud-grid > .cloud-panel + .cloud-panel { border: 0; border-left: 1px solid var(--a-line, #e1e4e8); padding: 0 0 24px 24px; margin: 0; }
html.atelier body[data-screen="devices"] #content > .cloud-grid .cloud-row > div { grid-template-columns: 110px minmax(0, 1fr); }
html.atelier body[data-screen="devices"] #content .cloud-panel img { max-width: 100%; height: auto; background: #fff; }
html.atelier body[data-screen="devices"] #content .runtime-lab { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--a-line, #e1e4e8); }
html.atelier body[data-screen="devices"] .runtime-lab :is(select,textarea) { border-color: var(--a-line, #e1e4e8); background: #fff; color: var(--a-ink, #20242b); font-size: 14px; }
html.atelier body[data-screen="devices"] .runtime-lab textarea { min-height: 130px; line-height: 1.7; }

/* Owner workspace: projects read as actionable rows, not nested dashboard cards. */
html.atelier body[data-screen="platform"] .desk-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin-bottom: 8px; border-bottom: 1px solid var(--a-line, #e1e4e8); }
html.atelier body[data-screen="platform"] .desk-metric { padding: 0 28px 24px 0; border: 0; border-radius: 0; box-shadow: none; background: #fff; }
html.atelier body[data-screen="platform"] .desk-metric + .desk-metric { padding-left: 28px; border-left: 1px solid var(--a-line, #e1e4e8); }
html.atelier body[data-screen="platform"] .desk-metric small { color: var(--a-muted, #626974); font-size: 13px; }
html.atelier body[data-screen="platform"] .desk-metric span { color: var(--a-muted, #626974); font-size: 12px; }
html.atelier body[data-screen="platform"] .desk-metric strong { color: var(--a-ink, #20242b); font-size: 32px; font-weight: 500; font-variant-numeric: tabular-nums; }
html.atelier body[data-screen="platform"] .platform-projects { display: block; }
html.atelier body[data-screen="platform"] .platform-project { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 28px; padding: 24px 0; border: 0; border-bottom: 1px solid var(--a-line, #e1e4e8); border-radius: 0; background: #fff; }
html.atelier body[data-screen="platform"] .platform-project:first-child { padding-top: 8px; }
html.atelier body[data-screen="platform"] .platform-project:last-child { border-bottom: 0; }
html.atelier body[data-screen="platform"] .platform-project > :is(.platform-tag,h2,p) { grid-column: 1; }
html.atelier body[data-screen="platform"] .platform-project h2 { font-size: 21px; color: var(--a-ink, #20242b); margin: 0; font-weight: 600; letter-spacing: -.35px; }
html.atelier body[data-screen="platform"] .platform-project p { min-height: 0; margin: 0; font-size: 13px; color: var(--a-muted, #626974); }
html.atelier body[data-screen="platform"] .platform-tag { justify-self: start; padding: 3px 8px; border: 1px solid var(--a-line, #e1e4e8); border-radius: 5px; background: #f5f6f8; color: var(--a-muted, #626974); font-size: 12px; }
html.atelier body[data-screen="platform"] .platform-project .heading-actions { grid-column: 2; grid-row: 1 / 4; margin: 0; align-self: center; gap: 16px; }
html.atelier body[data-screen="platform"] .platform-project a { color: var(--a-blue, #255acb); font-size: 13px; }
html.atelier body[data-screen="platform"] .desk-primary { color: #fff !important; background: var(--a-ink, #20242b) !important; border-color: var(--a-ink, #20242b) !important; border-radius: 8px; box-shadow: none; }
html.atelier body[data-screen="platform"] .desk-primary:hover { background: #343b46 !important; border-color: #343b46 !important; }

/* Workflow entry in the main application. */
html.atelier body[data-screen="workflows"] #content > a { display: inline-flex; align-items: center; min-height: 40px; padding: 9px 14px; border: 1px solid var(--a-line, #e1e4e8); border-radius: 8px; background: #fff; color: var(--a-ink, #20242b); font-size: 14px; text-decoration: none; }
html.atelier body[data-screen="workflows"] #content > a:hover { background: #f5f7fa; border-color: #b8c1cf; }
html.atelier body[data-screen="workflows"] #content > details { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--a-line, #e1e4e8); }
html.atelier body[data-screen="workflows"] #content > details > summary { color: var(--a-ink, #20242b); font-size: 14px; }
html.atelier body[data-screen="workflows"] .workflow-editor-frame { display: block; width: 100%; margin-top: 10px; min-height: 540px; height: calc(100dvh - 230px); border: 0; border-radius: 0; background: #fff; }

/* Standalone workflow list and editor keep their existing list/editor state machine. */
html.atelier body:is([data-screen="list"],[data-screen="editor"]) {
  --line: var(--a-line, #e1e4e8);
  --muted: var(--a-muted, #626974);
  --blue: var(--a-blue, #255acb);
  --accent: var(--a-ink, #20242b);
  color: var(--a-ink, #20242b);
  background: #eef0f3;
  font: 14px/1.55 -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
}
html.atelier body[data-screen="list"] { display: block; }
html.atelier body:is([data-screen="list"],[data-screen="editor"]) :is(input,textarea,select) { color: var(--a-ink, #20242b); background: #fff; border-color: var(--a-line, #e1e4e8); border-radius: 8px; font-size: 14px; }
html.atelier body:is([data-screen="list"],[data-screen="editor"]) button { border-color: var(--a-line, #e1e4e8); border-radius: 8px; color: var(--a-ink, #20242b); background: #fff; }
html.atelier body:is([data-screen="list"],[data-screen="editor"]) button:hover:not(:disabled) { background: #f1f4f8; border-color: #b9c3d1; }
html.atelier body:is([data-screen="list"],[data-screen="editor"]) :is(.primary,.home-heading .primary) { background: var(--a-ink, #20242b); color: #fff; border-color: var(--a-ink, #20242b); box-shadow: none; }
html.atelier body:is([data-screen="list"],[data-screen="editor"]) .primary:hover:not(:disabled) { background: #343b46; color: #fff; border-color: #343b46; }
html.atelier body:is([data-screen="list"],[data-screen="editor"]) :is(button,a,input,select,textarea,[tabindex]):focus-visible { outline: 2px solid var(--a-blue, #255acb); outline-offset: 3px; }
html.atelier body:is([data-screen="list"],[data-screen="editor"]) :is(.muted,small,label,summary,.eyebrow) { color: var(--a-muted, #626974); }
html.atelier body[data-screen="list"] .workflow-home { grid-template-columns: 224px minmax(0, 1fr); background: #eef0f3; color: var(--a-ink, #20242b); }
html.atelier body[data-screen="list"] .home-nav { padding: 28px 14px 20px; gap: 5px; background: linear-gradient(150deg, #f5f6f8, #e9ebef); border-right: 1px solid #d9dde3; }
html.atelier body[data-screen="list"] .home-brand { color: var(--a-ink, #20242b); padding: 0 12px; margin-bottom: 30px; font-size: 20px; letter-spacing: -.35px; }
html.atelier body[data-screen="list"] .home-nav > small { color: var(--a-muted, #626974); font-size: 12px; }
html.atelier body[data-screen="list"] .home-nav > button { color: #4f5661; background: transparent; border: 1px solid transparent; border-radius: 8px; padding: 11px 12px; font-size: 14px; }
html.atelier body[data-screen="list"] .home-nav > button.active { color: var(--a-blue, #255acb); background: var(--a-tint, #edf3fc); border-color: #d4e0f5; font-weight: 600; }
html.atelier body[data-screen="list"] .home-pause { color: var(--a-muted, #626974); padding: 16px 12px 0; border-top: 1px solid #d9dde3; font-size: 12px; }
html.atelier body[data-screen="list"] .home-main { padding: 28px; margin: 10px 10px 10px 0; height: calc(100dvh - 20px); border: 1px solid var(--a-line, #e1e4e8); border-radius: 12px; background: #fff; }
html.atelier body[data-screen="list"] .home-heading { margin: 0 0 24px; padding-bottom: 24px; border-bottom: 1px solid var(--a-line, #e1e4e8); align-items: center; }
html.atelier body[data-screen="list"] .home-heading h1 { color: var(--a-ink, #20242b); font-size: 28px; line-height: 1.3; letter-spacing: -.65px; }
html.atelier body[data-screen="list"] .home-heading p { color: var(--a-muted, #626974); font-size: 13px; line-height: 1.6; }
html.atelier body[data-screen="list"] .home-project-row { gap: 16px; margin-bottom: 20px; color: var(--a-muted, #626974); }
html.atelier body[data-screen="list"] .home-project-row label { color: var(--a-ink, #20242b); font-size: 13px; }
html.atelier body[data-screen="list"] .home-project-row select { font-size: 13px; }
html.atelier body[data-screen="list"] .home-filters { flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }
html.atelier body[data-screen="list"] .home-filters > span { color: var(--a-muted, #626974); font-variant-numeric: tabular-nums; }
html.atelier body[data-screen="list"] .workflow-table-wrap { border-color: var(--a-line, #e1e4e8); border-radius: 8px; }
html.atelier body[data-screen="list"] .workflow-table { font-size: 14px; font-variant-numeric: tabular-nums; min-width: 780px; }
html.atelier body[data-screen="list"] .workflow-table th { padding: 13px 16px; background: #f7f8fa; color: var(--a-muted, #626974); border-bottom-color: var(--a-line, #e1e4e8); font-size: 12px; }
html.atelier body[data-screen="list"] .workflow-table td { padding: 18px 16px; color: var(--a-ink, #20242b); border-bottom-color: var(--a-line, #e1e4e8); }
html.atelier body[data-screen="list"] .workflow-table td small { font-size: 12px; color: var(--a-muted, #626974); margin-top: 6px; }
html.atelier body[data-screen="list"] .workflow-table tbody tr:hover { background: #fafbfd; }
html.atelier body[data-screen="list"] .flow-title-link { color: var(--a-ink, #20242b); font-size: 14px; background: transparent; border: 0; }
html.atelier body[data-screen="list"] .home-row-actions button { color: var(--a-blue, #255acb); background: transparent; border: 0; }
html.atelier body[data-screen="list"] .home-state { color: #515b68; background: #f0f2f5; border: 1px solid var(--a-line, #e1e4e8); }
html.atelier body[data-screen="list"] .home-state.paused { color: #775b28; background: #fbf4e6; border-color: #eadbbb; }
html.atelier body[data-screen="list"] :is(.home-footnote,#home-empty) { color: var(--a-muted, #626974); }
html.atelier body:is([data-screen="list"],[data-screen="editor"]) .template-grid { gap: 16px; }
html.atelier body:is([data-screen="list"],[data-screen="editor"]) .template-card { min-height: 190px; padding: 22px; border-color: var(--a-line, #e1e4e8); border-radius: 8px; background: #fff; }
html.atelier body:is([data-screen="list"],[data-screen="editor"]) .template-card:hover { background: #fafbfd; border-color: #aebed8; }
html.atelier body:is([data-screen="list"],[data-screen="editor"]) .template-card strong { color: var(--a-ink, #20242b); font-size: 15px; }
html.atelier body:is([data-screen="list"],[data-screen="editor"]) .template-card p { color: var(--a-muted, #626974); font-size: 13px; }
html.atelier body:is([data-screen="list"],[data-screen="editor"]) .template-card > span { color: var(--a-blue, #255acb); }
html.atelier body:is([data-screen="list"],[data-screen="editor"]) .template-card small { color: var(--a-blue, #255acb); font-size: 12px; }

/* Editor: titanium application chrome; the canvas and inspector remain distinct work planes. */
html.atelier body[data-screen="editor"] { --header-height: 56px; --status-height: 34px; --dock-height: 62px; }
html.atelier body[data-screen="editor"] .app-header { padding: 0 22px; background: linear-gradient(180deg, #f5f6f8, #eceef2); border-bottom-color: #d9dde3; }
html.atelier body[data-screen="editor"] .brand strong { color: var(--a-ink, #20242b); font-size: 15px; }
html.atelier body[data-screen="editor"] .workspace-status { background: #f6f7f9; border-color: var(--a-line, #e1e4e8); color: #62616a; font-size: 12px; }
html.atelier body[data-screen="editor"] .workspace-status #connection { color: var(--a-muted, #626974); }
html.atelier body[data-screen="editor"] .safety-status i { background: #8c7544; }
html.atelier body[data-screen="editor"] .projects { background: #edf0f3; color: var(--a-ink, #20242b); border-color: #d9dde3; padding: 22px 16px; scrollbar-color: #b7bec8 transparent; }
html.atelier body[data-screen="editor"] .projects :is(h2,.sidebar-heading h2) { color: var(--a-ink, #20242b); }
html.atelier body[data-screen="editor"] .projects :is(label,.muted,summary,.eyebrow,.legacy-note,.flow-link small) { color: var(--a-muted, #626974); }
html.atelier body[data-screen="editor"] .projects :is(select,input) { color: var(--a-ink, #20242b); background: #fafbfc; border-color: #d6dbe3; }
html.atelier body[data-screen="editor"] .projects button { color: #4f5865; background: transparent; border-color: #d6dbe3; }
html.atelier body[data-screen="editor"] .projects button:hover { color: var(--a-ink, #20242b); background: #e6eaf0; border-color: #bcc6d4; }
html.atelier body[data-screen="editor"] .projects .flow-link.active { color: var(--a-blue, #255acb); background: var(--a-tint, #edf3fc); border-color: #c9d9f3; box-shadow: inset 2px 0 var(--a-blue, #255acb); }
html.atelier body[data-screen="editor"] .projects :is(details,.legacy-note) { border-color: #d7dce4; }
html.atelier body[data-screen="editor"] .layout > main { background: #fff; border-left: 1px solid var(--a-line, #e1e4e8); }
html.atelier body[data-screen="editor"] .workspace-heading { padding: 18px 24px 14px; background: #fff; border-color: var(--a-line, #e1e4e8); }
html.atelier body[data-screen="editor"] .flow-name input { color: var(--a-ink, #20242b); background: transparent; font-size: 23px; font-weight: 600; letter-spacing: -.5px; }
html.atelier body[data-screen="editor"] :is(.flow-name > span,.statusline,#zoom-label,.canvas-title,.canvas-hint,.canvas-footer,.preview-intro,#run-overview,.inspector p,.inspector form > small) { color: var(--a-muted, #626974); }
html.atelier body[data-screen="editor"] :is(.canvas-toolbar,.canvas-footer) { background: #fbfcfd; border-color: var(--a-line, #e1e4e8); }
html.atelier body[data-screen="editor"] .canvas-wrap { background-color: #f4f6f8; background-image: radial-gradient(#d2d8e1 .75px, transparent .75px); background-size: 24px 24px; scrollbar-color: #b7bec8 transparent; }
html.atelier body[data-screen="editor"] .node { background: #fff; border-color: #cdd4dd; border-radius: 10px; box-shadow: 0 2px 5px #20242b08; }
html.atelier body[data-screen="editor"] .node:hover { border-color: #91acd9; outline-color: #c2d4f2; box-shadow: 0 4px 10px #20242b0d; }
html.atelier body[data-screen="editor"] .node.active { border-color: var(--a-blue, #255acb); outline-color: var(--a-blue, #255acb); }
html.atelier body[data-screen="editor"] .node b { color: var(--a-ink, #20242b); }
html.atelier body[data-screen="editor"] .node small { color: var(--a-muted, #626974); }
html.atelier body[data-screen="editor"] .node .type { color: #596574; background: #f1f3f6; border-color: #e6e9ee; }
html.atelier body[data-screen="editor"] .node.condition .type { color: #785f2c; background: #fbf5e9; }
html.atelier body[data-screen="editor"] .node:is(.wait,.human) .type { color: #695287; background: #f3eff8; }
html.atelier body[data-screen="editor"] .node-status { color: var(--a-muted, #626974); background: #f8f9fb; border-color: #e6e9ee; }
html.atelier body[data-screen="editor"] .node.run-current { background: #f8faff; border-color: #789cd9; }
html.atelier body[data-screen="editor"] .node.run-current .node-status { color: var(--a-blue, #255acb); background: var(--a-tint, #edf3fc); }
html.atelier body[data-screen="editor"] .node.run-held { background: #fffaf0; border-color: #bb9954; }
html.atelier body[data-screen="editor"] .node.run-held .node-status { color: #765b27; background: #fbf1dc; }
html.atelier body[data-screen="editor"] .node.run-human .node-status { color: #695287; background: #f3eff8; }
html.atelier body[data-screen="editor"] .node.run-visited .node-status { color: #35634f; background: #edf5f0; }
html.atelier body[data-screen="editor"] .node.run-stopped .node-status { color: #596574; background: #eef1f5; }
html.atelier body[data-screen="editor"] .node-edit-hint { color: var(--a-blue, #255acb); }
html.atelier body[data-screen="editor"] .inspector { color: var(--a-ink, #20242b); background: #fff; border-color: var(--a-line, #e1e4e8); border-radius: 12px; box-shadow: 0 16px 60px #20242b26; }
html.atelier body[data-screen="editor"] .inspector :is(h2,h3,dd) { color: var(--a-ink, #20242b); }
html.atelier body[data-screen="editor"] .inspector :is(label,dt,.eyebrow,.inspector-tabs button) { color: var(--a-muted, #626974); }
html.atelier body[data-screen="editor"] .inspector-tabs button { background: transparent; border: 0; border-radius: 0; }
html.atelier body[data-screen="editor"] .inspector-tabs button:is(.active,[aria-selected="true"]) { color: var(--a-blue, #255acb); }
html.atelier body[data-screen="editor"] .inspector-tabs button:is(.active,[aria-selected="true"])::after { background: var(--a-blue, #255acb); }
html.atelier body[data-screen="editor"] .edit-instructions { color: #415976 !important; background: #f2f6fc; border: 1px solid #dce5f4; }
html.atelier body[data-screen="editor"] .preview { background: #fff; border-color: var(--a-line, #e1e4e8); box-shadow: 0 -2px 8px #20242b05; }
html.atelier body[data-screen="editor"] :is(#trace li,#run-state,.trace-pane h3) { color: var(--a-ink, #20242b); }
html.atelier body[data-screen="editor"] :is(#trace li small,.trace-pane h3 span) { color: var(--a-muted, #626974); }
html.atelier body[data-screen="editor"] #toggle-preview { color: var(--a-ink, #20242b); background: #f0f2f5; }
html.atelier body[data-screen="editor"] .inspector .danger { color: #9b3f3f; background: #fff7f7; border-color: #ebcece; }
html.atelier body:is([data-screen="list"],[data-screen="editor"]) dialog { background: #fff; color: var(--a-ink, #20242b); border: 1px solid var(--a-line, #e1e4e8); border-radius: 12px; box-shadow: 0 24px 80px #20242b24; }
html.atelier body:is([data-screen="list"],[data-screen="editor"]) dialog::backdrop { background: #242b3638; backdrop-filter: blur(5px); }

/* Login is a separate document; no main-application shell selectors leak into it. */
html.atelier body[data-screen="login"] { display: grid; place-items: center; margin: 0; min-height: 100dvh; padding: 28px; color: var(--a-ink, #20242b); background: linear-gradient(135deg, #f7f8fa, #e8ebef); font: 14px/1.65 -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif; }
html.atelier body[data-screen="login"] > main { display: block; width: 440px; max-width: 100%; padding: 40px; margin: 0; background: #fff; border: 1px solid #dfe3e9; border-radius: 12px; box-shadow: 0 20px 65px #20242b0d, 0 1px 2px #20242b06; }
html.atelier body[data-screen="login"] .brand { padding: 0; margin-bottom: 30px; font-size: 12px; font-weight: 600; letter-spacing: 1.3px; color: #4f5866; }
html.atelier body[data-screen="login"] h1 { color: var(--a-ink, #20242b); font-size: 28px; font-weight: 650; line-height: 1.3; letter-spacing: -.65px; margin: 0 0 10px; }
html.atelier body[data-screen="login"] :is(p,small) { color: var(--a-muted, #626974); }
html.atelier body[data-screen="login"] #context { font-size: 14px; margin: 0 0 28px; }
html.atelier body[data-screen="login"] label { color: var(--a-ink, #20242b); font-size: 13px; margin: 18px 0 10px; }
html.atelier body[data-screen="login"] input:not([type="checkbox"]) { width: 100%; min-height: 44px; padding: 10px 12px; margin-top: 8px; color: var(--a-ink, #20242b); border: 1px solid #ccd3dd; border-radius: 8px; background: #fff; font-size: 14px; }
html.atelier body[data-screen="login"] input[type="checkbox"] { display: inline-block; width: 16px; height: 16px; padding: 0; margin: 0; accent-color: var(--a-blue, #255acb); }
html.atelier body[data-screen="login"] button { min-height: 44px; margin-top: 12px; border: 1px solid var(--a-ink, #20242b); border-radius: 8px; background: var(--a-ink, #20242b); color: #fff; font-size: 14px; font-weight: 550; }
html.atelier body[data-screen="login"] button:hover:not(:disabled) { background: #343b46; border-color: #343b46; }
html.atelier body[data-screen="login"] :is(input,button):focus-visible { outline: 2px solid var(--a-blue, #255acb); outline-offset: 3px; }
html.atelier body[data-screen="login"] #error { color: #a43d3d; font-size: 13px; }
html.atelier body[data-screen="login"] > main > small { display: block; margin-top: 22px; font-size: 12px; }

/* Adaptive rules preserve every original action and keep overflow inside data tables. */
@media (max-width: 1200px) {
  html.atelier body:is([data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) #content > .cloud-grid { grid-template-columns: minmax(270px, .8fr) minmax(0, 1fr); }
  html.atelier body[data-screen="warehouse"] .wh-manuals { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html.atelier body[data-screen="warehouse"] .wh-manuals .cloud-panel:nth-child(2n) { border-right: 0; }
  html.atelier body[data-screen="warehouse"] .wh-manuals .cloud-panel:nth-child(n+3) { border-top: 1px solid var(--a-line, #e1e4e8); }
  html.atelier body[data-screen="ads"] #content > .cloud-panel:first-of-type { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html.atelier body[data-screen="platform"] .platform-project { grid-template-columns: minmax(0, 1fr); }
  html.atelier body[data-screen="platform"] .platform-project .heading-actions { grid-column: 1; grid-row: auto; margin-top: 10px; }
  html.atelier body[data-screen="list"] .home-main { padding: 24px; }
}
@media (max-width: 900px) {
  html.atelier body:is([data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) #content > .cloud-grid { grid-template-columns: minmax(0, 1fr); }
  html.atelier body:is([data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) #content > .cloud-grid > .cloud-panel:first-child { border-right: 0; padding: 0 0 24px; }
  html.atelier body:is([data-screen="ayan"],[data-screen="ajuan"],[data-screen="laoluo"],[data-screen="youmi"],[data-screen="lei"],[data-screen="fuling"],[data-screen="yimi"],[data-screen="bo"],[data-screen="bopro"],[data-screen="baozi"],[data-screen="douzi"]) #content > .cloud-grid > .cloud-panel + .cloud-panel { border-top: 1px solid var(--a-line, #e1e4e8); padding: 24px 0 0; }
  html.atelier body[data-screen="devices"] #content > .cloud-grid { grid-template-columns: minmax(0, 1fr); }
  html.atelier body[data-screen="devices"] #content > .cloud-grid > .cloud-panel { padding: 0 0 24px; }
  html.atelier body[data-screen="devices"] #content > .cloud-grid > .cloud-panel + .cloud-panel { border: 0; border-top: 1px solid var(--a-line, #e1e4e8); padding: 24px 0; }
  html.atelier body[data-screen="devices"] .project-connect-steps { grid-template-columns: 1fr; }
  html.atelier body[data-screen="devices"] .connect-step { border-right: 0; border-bottom: 1px solid var(--a-line, #e1e4e8); }
  html.atelier body[data-screen="devices"] .connect-step:last-child { border-bottom: 0; }
  html.atelier body[data-screen="list"] .workflow-home { grid-template-columns: 180px minmax(0, 1fr); }
  html.atelier body[data-screen="list"] .home-main { padding: 20px; }
  html.atelier body[data-screen="list"] .home-project-row { flex-wrap: wrap; gap: 10px; }
}
@media (max-width: 850px) {
  html.atelier body[data-screen="editor"] { --header-height: 100px; --status-height: 45px; --dock-height: 78px; }
  html.atelier body[data-screen="editor"] .app-header { padding: 7px 14px; }
  html.atelier body[data-screen="editor"] .workspace-heading { padding: 14px; }
  html.atelier body[data-screen="editor"] .projects { background: #edf0f3; }
}
@media (max-width: 650px) {
  html.atelier body[data-screen="warehouse"] #content:has(.wh-original-header) { padding: 20px; }
  html.atelier body[data-screen="warehouse"] .wh-identity strong { font-size: 24px; }
  html.atelier body[data-screen="warehouse"] .wh-original-header nav { gap: 0 16px; }
  html.atelier body[data-screen="warehouse"] .wh-original-header nav button { font-size: 13px; }
  html.atelier body[data-screen="warehouse"] .wh-catalog-header { float: none; margin: 0 0 12px; }
  html.atelier body[data-screen="warehouse"] .wh-counts { white-space: normal; }
  html.atelier body[data-screen="warehouse"] .wh-manuals { grid-template-columns: 1fr; }
  html.atelier body[data-screen="warehouse"] .wh-manuals .cloud-panel { border-right: 0; padding: 20px 0; }
  html.atelier body[data-screen="warehouse"] .wh-manuals .cloud-panel + .cloud-panel { border-top: 1px solid var(--a-line, #e1e4e8); }
  html.atelier body[data-screen="warehouse"] .wh-gallery { grid-template-columns: 1fr; }
  html.atelier body[data-screen="warehouse"] .wh-detail-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html.atelier body[data-screen="warehouse"] .wh-detail-meta > div:nth-child(odd) { border-left: 0; padding-left: 0; }
  html.atelier body[data-screen="warehouse"] .wh-detail-meta > div:nth-child(n+3) { border-top: 1px solid var(--a-line, #e1e4e8); }
  html.atelier body[data-screen="ads"] #content > .cloud-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html.atelier body[data-screen="ads"] #content > .cloud-grid > .cloud-panel { padding: 20px 14px; border: 0; border-right: 1px solid var(--a-line, #e1e4e8); }
  html.atelier body[data-screen="ads"] #content > .cloud-grid > .cloud-panel:nth-child(3n) { border-right: 1px solid var(--a-line, #e1e4e8); }
  html.atelier body[data-screen="ads"] #content > .cloud-grid > .cloud-panel:nth-child(2n) { border-right: 0; }
  html.atelier body[data-screen="ads"] #content > .cloud-grid > .cloud-panel:nth-child(n+3) { border-top: 1px solid var(--a-line, #e1e4e8); }
  html.atelier body[data-screen="devices"] #content .cloud-row > div,
  html.atelier body[data-screen="devices"] #content > .cloud-grid .cloud-row > div { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  html.atelier body[data-screen="platform"] .desk-metric { grid-template-columns: 1fr; padding-right: 16px; }
  html.atelier body[data-screen="platform"] .desk-metric + .desk-metric { padding-left: 16px; }
  html.atelier body[data-screen="platform"] .desk-metric strong { grid-column: 1; grid-row: auto; }
  html.atelier body[data-screen="list"] .workflow-home { grid-template-columns: 1fr; grid-template-rows: auto minmax(0, 1fr); }
  html.atelier body[data-screen="list"] .home-nav { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 4px 8px; padding: 12px; border-right: 0; border-bottom: 1px solid #d9dde3; }
  html.atelier body[data-screen="list"] .home-brand { margin: 0 8px 0 0; padding: 0 4px; font-size: 17px; }
  html.atelier body[data-screen="list"] .home-nav > small { display: none; }
  html.atelier body[data-screen="list"] .home-nav > button { padding: 8px; font-size: 13px; }
  html.atelier body[data-screen="list"] .home-pause { width: 100%; margin-top: 3px; padding: 8px 4px 0; font-size: 12px; }
  html.atelier body[data-screen="list"] .home-main { height: auto; margin: 8px; padding: 20px; }
  html.atelier body[data-screen="list"] .home-heading { flex-wrap: wrap; gap: 16px; }
  html.atelier body[data-screen="list"] .home-heading h1 { font-size: 26px; }
  html.atelier body[data-screen="login"] { padding: 20px; }
  html.atelier body[data-screen="login"] > main { padding: 28px; }
}

/* Embedded editor is a single horizontal work region, never a second app shell. */
html.atelier[data-embedded="true"] body[data-screen="list"] { display: block; background: #fff; }
html.atelier[data-embedded="true"] body[data-screen="list"] .workflow-home {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  width: 100%;
  height: 100dvh;
  background: #fff;
}
html.atelier[data-embedded="true"] body[data-screen="list"] .home-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  min-height: 40px;
  padding: 3px 0 7px;
  background: #fff;
  border: 0;
  border-bottom: 1px solid var(--a-line, #e1e4e8);
  overflow-x: auto;
}
html.atelier[data-embedded="true"] body[data-screen="list"] .home-brand {
  flex: 0 0 auto;
  padding: 0 8px 0 0;
  margin: 0 auto 0 0;
  color: var(--a-muted, #626974);
  font-size: 14px;
  white-space: nowrap;
}
html.atelier[data-embedded="true"] body[data-screen="list"] .home-nav > button {
  flex: 0 0 auto;
  min-height: 30px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.4;
  white-space: nowrap;
}
html.atelier[data-embedded="true"] body[data-screen="list"] .home-nav > small,
html.atelier[data-embedded="true"] body[data-screen="list"] .home-pause { display: none; }
html.atelier[data-embedded="true"] body[data-screen="list"] .home-main {
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: auto;
  margin: 0;
  padding: 10px 0 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
  overflow: auto;
}
html.atelier[data-embedded="true"] body[data-screen="list"] .home-heading {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 20px;
  min-height: 34px;
  margin: 0 0 10px;
  padding: 0;
  border: 0;
}
html.atelier[data-embedded="true"] body[data-screen="list"] .home-heading > div { display: flex; align-items: baseline; gap: 16px; min-width: 0; }
html.atelier[data-embedded="true"] body[data-screen="list"] .home-heading h1 { margin: 0; font-size: 24px; line-height: 1.3; white-space: nowrap; }
html.atelier[data-embedded="true"] body[data-screen="list"] .home-heading p { margin: 0; font-size: 12px; line-height: 1.5; }
html.atelier[data-embedded="true"] body[data-screen="list"] .home-heading .primary { flex: 0 0 auto; min-height: 34px; padding: 7px 12px; font-size: 13px; }
html.atelier[data-embedded="true"] body[data-screen="list"] .home-project-row { flex-wrap: nowrap; min-height: 32px; gap: 14px; margin: 0 0 10px; }
html.atelier[data-embedded="true"] body[data-screen="list"] .home-project-row label { flex: 0 0 auto; gap: 10px; font-size: 12px; }
html.atelier[data-embedded="true"] body[data-screen="list"] .home-project-row select { width: 190px; min-height: 32px; padding: 5px 9px; font-size: 13px; }
html.atelier[data-embedded="true"] body[data-screen="list"] .home-filters { display: flex; flex-wrap: nowrap; gap: 8px; margin: 0 0 10px; }
html.atelier[data-embedded="true"] body[data-screen="list"] .home-filters input { flex: 1 1 230px; width: auto; max-width: 360px; min-width: 120px; min-height: 32px; padding: 6px 10px; font-size: 13px; }
html.atelier[data-embedded="true"] body[data-screen="list"] .home-filters select { flex: 0 1 160px; width: 160px; min-width: 130px; min-height: 32px; padding: 6px 10px; font-size: 13px; }
html.atelier[data-embedded="true"] body[data-screen="list"] .home-filters > span { flex: 0 0 auto; margin-left: auto; font-size: 12px; white-space: nowrap; }
html.atelier[data-embedded="true"] body[data-screen="list"] .workflow-table { table-layout: fixed; min-width: 900px; font-size: 13px; }
html.atelier[data-embedded="true"] body[data-screen="list"] .workflow-table th { padding: 9px 10px; font-size: 12px; }
html.atelier[data-embedded="true"] body[data-screen="list"] .workflow-table td { padding: 7px 10px; font-size: 13px; line-height: 1.45; }
html.atelier[data-embedded="true"] body[data-screen="list"] .workflow-table td > small { margin-top: 3px; font-size: 12px; line-height: 1.45; }
html.atelier[data-embedded="true"] body[data-screen="list"] .flow-title-link { font-size: 14px; line-height: 1.45; }
html.atelier[data-embedded="true"] body[data-screen="list"] .home-state { padding: 4px 6px; font-size: 12px; line-height: 1.45; }
html.atelier[data-embedded="true"] body[data-screen="list"] .home-row-actions button { padding: 4px; font-size: 12px; line-height: 1.4; }
html.atelier[data-embedded="true"] body[data-screen="list"] .home-footnote { margin: 10px 0; font-size: 12px; }
@media (max-width: 900px) {
  html.atelier[data-embedded="true"] body[data-screen="list"] .home-heading > div { display: block; }
  html.atelier[data-embedded="true"] body[data-screen="list"] .home-heading p { margin-top: 4px; }
  html.atelier[data-embedded="true"] body[data-screen="list"] .home-project-row { flex-wrap: wrap; gap: 8px; }
  html.atelier[data-embedded="true"] body[data-screen="list"] .home-filters { flex-wrap: wrap; }
}

/* Final density pass after inspecting the real warehouse. */
html.atelier body[data-screen="warehouse"] .wh-identity{margin-bottom:17px}
html.atelier body[data-screen="warehouse"] .wh-identity strong .atelier-title-assistant{font-size:13px;font-weight:450;letter-spacing:0;color:#68768a;margin-left:10px;vertical-align:middle}
html.atelier body[data-screen="warehouse"] .wh-original-header{margin-bottom:12px}
html.atelier body[data-screen="warehouse"] .wh-original-header nav button{padding:8px 0 11px;font-size:13px}
html.atelier body[data-screen="warehouse"] .wh-catalog-nav{margin-bottom:7px;min-height:32px}
html.atelier body[data-screen="warehouse"] .wh-price-note{margin-bottom:10px;font-size:11px}
html.atelier body[data-screen="warehouse"] .wh-original-toolbar{padding:12px 0}
html.atelier body[data-screen="warehouse"] .wh-model-table td:nth-child(2) small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:430px;font-size:11px}
/* Embedded editor inherits its page title from the host workbench. */
html.atelier[data-embedded="true"] body[data-screen="list"] .home-main{position:relative}
html.atelier[data-embedded="true"] body[data-screen="list"] .home-heading{height:0;min-height:0;margin:0;padding:0;border:0}
html.atelier[data-embedded="true"] body[data-screen="list"] .home-heading>div{display:none}
html.atelier[data-embedded="true"] body[data-screen="list"] .home-heading>button{position:absolute;right:0;top:14px;z-index:2;min-height:32px}
html.atelier[data-embedded="true"] body[data-screen="list"] .home-project-row{padding-right:170px;margin:0 0 10px;min-height:48px}
@media(max-width:700px){html.atelier[data-embedded="true"] body[data-screen="list"] .home-project-row{padding-right:0;padding-top:42px}}

html.atelier body[data-screen="workflows"] #content.atelier-flow-editing{padding:16px}
html.atelier body[data-screen="workflows"] #content.atelier-flow-editing>.page-heading{display:none}
html.atelier body[data-screen="workflows"] #content.atelier-flow-editing>details{margin:0;padding:0;border:0}
html.atelier body[data-screen="workflows"] #content.atelier-flow-editing>details>summary{height:24px;padding:0;font-size:11px}
html.atelier body[data-screen="workflows"] #content.atelier-flow-editing .workflow-editor-frame{height:calc(100dvh - 159px);min-height:520px;margin-top:8px}
html.atelier[data-embedded="true"] body[data-screen="editor"] .workspace-heading{padding:12px 18px}
html.atelier[data-embedded="true"] body[data-screen="editor"] .canvas-toolbar{padding:9px 12px}
html.atelier[data-embedded="true"] body[data-screen="editor"] #flow-name{font-size:19px;min-height:38px;padding:6px 10px}

/* Login controls use CSS rather than inline styles under the strict auth CSP. */
html.atelier body[data-screen="login"] .brand{min-height:0}
html.atelier body[data-screen="login"] label:has(#trusted-device){display:flex;align-items:center;gap:8px}
html.atelier body[data-screen="login"] #trusted-device{min-height:16px;flex:0 0 16px}