/* Shared layout and controls used throughout the Studio. */
:root {
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-6:24px; --space-8:32px; --space-12:48px;
  --page-gutter:24px; --control-height:40px; --control-radius:8px;
  --control-gap:var(--space-2); --icon-button-size:40px; --control-icon-size:20px;
  --field-border:#b8c3b4; --danger:#9c382c; --radius:12px;
}
body { line-height:1.55; }
h1,h2,h3,h4 { text-wrap:balance; }
h1 { margin:0 0 12px; }
h2 { margin:0 0 16px; }
h3 { margin:0 0 12px; }
p { margin:0 0 16px; }
p:last-child { margin-bottom:0; }
small,.fine-print,.field-help { font-size:12px; line-height:1.55; }
#studio { max-width:none; }
body>header>.brand { margin-right:auto; }
#navigation-toggle { display:grid; place-items:center; flex:0 0 40px; width:40px; height:40px; padding:8px; border-color:transparent; background:transparent; }
#navigation-toggle[hidden] { display:none; }
#navigation-toggle:hover { background:var(--soft); border-color:var(--line); }
#navigation-toggle[aria-expanded=false] svg { transform:scaleX(-1); }
.sidebar-heading { display:flex;align-items:center;justify-content:space-between;gap:6px;flex-shrink:0;min-height:40px; }
.sidebar-heading>h2 { display:flex;align-items:center;gap:8px;margin:0 0 0 8px;color:#626e59;font-size:11px;font-weight:650;letter-spacing:1.3px;white-space:nowrap; }
.sidebar-heading>h2 span { letter-spacing:0;background:#e0e6d8;padding:1px 6px;border-radius:4px; }
.sidebar-heading [data-navigation-toggle-host] { flex-shrink:0; }
#studio.nav-collapsed .sidebar-heading>h2 { display:none; }
#studio.nav-collapsed .sidebar-heading { justify-content:center; }
#studio.nav-collapsed [data-project-list] { display:none; }
#studio.nav-collapsed .sidebar-account { margin-top:auto; border:0; padding:0; }
#studio.nav-collapsed .identity-account-trigger>.identity-account-name,
#studio.nav-collapsed .identity-account-trigger>.identity-chevron { display:none; }
#studio.nav-collapsed #identity .identity-account-trigger { padding:6px; min-height:44px; justify-content:center; }
@media(min-width:701px) {
  #studio.nav-collapsed .layout { grid-template-columns:56px minmax(0,1fr); }
  #studio.nav-collapsed aside { padding:8px 6px; }
  #studio.nav-collapsed #identity .identity-account-panel { left:46px; bottom:0; }
}
@media(max-width:700px) {
  #navigation-toggle { flex-basis:44px; width:44px; height:44px; }
  #studio aside { position:relative;min-height:52px; }
  .sidebar-heading { position:absolute;right:16px;top:17px;z-index:5; }
  .sidebar-heading>h2 { display:none; }
  #studio aside .sidebar-section { padding-right:48px; }
  #studio.nav-collapsed aside { padding:0; border:0; gap:0; }
  #studio.nav-collapsed .sidebar-account { width:46px; background:var(--paper); border:1px solid var(--line); }
}
#studio main { padding:24px var(--page-gutter) 40px; }
#studio main>h2 { margin:24px 0 16px; }
#studio main>section+section { margin-top:24px; }
#studio main .surface { padding:24px; }
.surface>h2:first-child,.surface>h3:first-child,.surface>.section-heading:first-child { margin-top:0; }
.surface>:last-child { margin-bottom:0; }
.stack { display:grid; gap:24px; }
.stack>.section-heading { margin-bottom:0; }
.stack>.actions { margin:0; }
.stack>:is(h2,h3,h4,ul,ol,dl,details) { margin-block:0; }
.project-content>:is(h2,h3,p,details) { margin-block:0; }
.project-content #project-discussion { margin:0; }
.stack>p,.form-section>p { margin-block:0; }
.form-section>[role=status]:empty,.form-section>[role=alert]:empty { display:none; }
.field-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.customer-picker { display:grid; gap:8px; }
.customer-picker-controls { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:start; }
.money-fields,.fields.money-fields { display:grid; grid-template-columns:minmax(0,1fr) minmax(100px,130px); gap:12px; align-items:end; }
.stack>:empty { display:none; }
.stack>.surface+.surface,.stack>section+section { margin-top:0; }
.section-heading,.topline { display:flex; align-items:flex-start; justify-content:space-between; gap:16px 24px; margin:0 0 20px; }
.section-heading>div:first-child,.topline>div:first-child { flex:1 1 240px; }
.section-heading h2,.section-heading h3,.topline h2,.topline h3 { margin:0; }
.section-heading p,.topline p { margin:8px 0 0; color:var(--muted); max-width:68ch; }
.section-heading .eyebrow { margin:0 0 8px; }
.section-heading .actions,.topline .actions { margin:0; }
#studio main button,#dialog button,.workspace-tool-dialog button { min-height:var(--control-height); padding:9px 16px; border-radius:var(--control-radius); font-size:14px; line-height:20px; font-weight:500; max-width:100%; overflow-wrap:anywhere; }
.control-icon { display:block; width:var(--control-icon-size); height:var(--control-icon-size); flex:none; }
button.icon-button,a.icon-button,#studio main .icon-button,#studio aside .icon-button,#studio dialog .icon-button,#dialog .icon-button,.header-workspace-tools>.icon-button,#navigation-toggle.icon-button { display:inline-flex; align-items:center; justify-content:center; flex:0 0 var(--icon-button-size); width:var(--icon-button-size); height:var(--icon-button-size); min-width:var(--icon-button-size); min-height:var(--icon-button-size); padding:0; gap:0; margin:0; line-height:1; border-radius:var(--control-radius); text-decoration:none; vertical-align:middle; }
button.icon-button[hidden],a.icon-button[hidden] { display:none!important; }
#studio .icon-button>.control-icon,#dialog .icon-button>.control-icon,.header-workspace-tools>.icon-button>.control-icon { width:var(--control-icon-size); height:var(--control-icon-size); flex:none; }
button.button-with-icon,#studio button.button-with-icon,#dialog button.button-with-icon { display:inline-flex; align-items:center; justify-content:center; gap:var(--control-gap); }
#studio aside button,#studio aside select,.admin-navigation-link { min-height:36px; font-size:13px; line-height:20px; }
#studio aside button { padding:7px 10px; }
#studio main button.button-quiet,#dialog button.button-quiet,.workspace-tool-dialog button.button-quiet { background:transparent; border-color:transparent; color:var(--green); }
#studio main button.button-danger,#dialog button.button-danger,.workspace-tool-dialog button.button-danger { color:var(--danger); background:#fff9f7; border-color:#dcc1ba; }
#studio main button.button-danger:hover,#dialog button.button-danger:hover,.workspace-tool-dialog button.button-danger:hover { background:#f8e9e5; border-color:var(--danger); }
#studio main button.primary,#dialog button.primary,.workspace-tool-dialog button.primary { font-weight:600; }
.actions { gap:var(--control-gap); margin:var(--space-4) 0 0; align-items:center; }
.actions>button,.form-actions>button { flex:0 1 auto; }
.grid { gap:24px; }
.plan-create-options { gap:24px; }
.plan-create-options>.surface+.surface { margin-top:0; }
.fields { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 24px; align-items:start; }
.fields>button { align-self:end; }
label { margin:0; gap:8px; font-size:13px; font-weight:500; line-height:1.5; }
.choice-field { display:grid; gap:8px; align-content:start; }
.choice-field>label { margin:0; }
.fields>div:has(>label+select),.form-section>div:has(>label+select) { display:grid; gap:8px; }
#studio main input:not([type=checkbox]):not([type=radio]):not([type=range]),#studio main select,#studio main textarea,#dialog input:not([type=checkbox]):not([type=radio]):not([type=range]),#dialog select,#dialog textarea,.workspace-tool-dialog input:not([type=checkbox]):not([type=radio]):not([type=range]),.workspace-tool-dialog select,.workspace-tool-dialog textarea { min-height:var(--control-height); padding:9px 12px; font-size:14px; line-height:20px; border-radius:var(--control-radius); border-color:var(--field-border); }
input::placeholder,textarea::placeholder { color:#717c70; opacity:1; }
input[type=checkbox],input[type=radio] { width:18px; height:18px; flex:0 0 18px; margin:2px 8px 0 0; vertical-align:top; }
label:has(>span>input[type=checkbox]),label:has(>input[type=checkbox]),label:has(>input[type=radio]) { min-height:32px; align-content:center; font-weight:400; }
label>span:has(>input[type=checkbox]) { display:flex; align-items:flex-start; }
textarea { min-height:104px; }
input[type=file]::file-selector-button { font:inherit; color:var(--ink); background:var(--soft); border:0; border-radius:4px; padding:4px 10px; margin-right:12px; cursor:pointer; }
form { display:grid; gap:20px; align-content:start; }
form .actions { margin-top:0; }
form>p,form>.muted,form>.field-help { margin:0; }
.form-section { display:grid; gap:16px; border:1px solid var(--line); border-radius:var(--radius); padding:20px; margin:0; min-width:0; }
.form-section>h3,.form-section>h4 { margin:0; }
.form-section>legend,fieldset>legend { padding:0 8px; font-size:13px; font-weight:600; color:var(--ink); }
fieldset { display:grid; gap:12px; margin:0; padding:20px; min-width:0; }
.form-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:var(--control-gap); padding-top:var(--space-4); margin-top:0; border-top:1px solid var(--line); }
.field-help { color:var(--muted); margin:0; font-weight:400; }
.empty-state { border:1px dashed #bdcbb5; border-radius:var(--radius); background:#f3f5ed; padding:32px 24px; }
.empty-state h2,.empty-state h3 { margin:0 0 8px; }
.empty-state p { color:var(--muted); max-width:64ch; margin-bottom:16px; }
.empty-state p:last-child { margin-bottom:0; }
.empty-state .actions { margin-top:20px; }
.empty:not(.surface) { max-width:680px; padding:32px; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); }
.table-scroll,.comparison-scroll { max-width:100%; overflow:auto; border:1px solid var(--line); border-radius:8px; }
.table-scroll table,.comparison-scroll table { width:100%; border-collapse:collapse; font-size:13px; }
.table-scroll th,.table-scroll td,.comparison-scroll th,.comparison-scroll td { padding:12px 16px; text-align:left; vertical-align:top; border-bottom:1px solid var(--line); }
.table-scroll th,.comparison-scroll th { background:#edf1e6; font-weight:600; }
.row { padding:16px 0; align-items:center; gap:12px 24px; }
.row h3,.row p { margin:0; }
.row .actions { margin:0; }
.requirement { margin:24px 0 0; padding-top:24px; border-top:1px solid var(--line); }
.requirement>.row:first-child { padding-top:0; }
.requirement>.actions { margin-top:20px; }
/* Furniture browsing keeps filters and room actions together without nested panels. */
.furniture-toolbar>.section-heading { margin-bottom:16px; }
.furniture-filters { gap:16px; }
.furniture-toolbar>[data-filter-count] { margin:12px 0 0; }
.furniture-toolbar>[data-comparison]:empty { display:none; }
.furniture-toolbar>[data-comparison]:not(:empty) { margin-top:16px; }
.furniture-requirements { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr)); gap:24px; align-items:start; }
.furniture-rooms .requirement { display:grid; gap:12px; min-width:0; margin:0; padding:0; border:0; }
.furniture-rooms .requirement-alternatives { grid-column:1/-1; }
.requirement-heading { display:grid; gap:4px; min-height:48px; align-content:end; }
.requirement-heading h3 { margin:0; font-size:16px; line-height:1.4; }
.requirement-heading p { margin:0; }
.furniture-rooms .requirement>.options-grid { justify-items:start; }
.furniture-rooms .requirement:not(.requirement-alternatives)>.options-grid { grid-template-columns:minmax(0,1fr); }
.furniture-rooms .requirement-actions { gap:0 4px; }
#studio main .requirement-actions>button { padding:8px; font-size:13px; }
.furniture-rooms .requirement-actions>button:first-child { margin-left:-8px; }
.furniture-rooms .requirement>.section-heading,.furniture-rooms .requirement>.actions { margin:0; }
.furniture-rooms .options-grid:empty { display:none; }
.furniture-rooms .empty-state { padding:12px 16px; }
.furniture-rooms .empty-state p { margin:0; }
.furniture-rooms [data-options-room]>.section-heading { align-items:center; gap:12px; margin-bottom:20px; padding-bottom:12px; border-bottom:1px solid var(--line); }
.furniture-rooms [data-options-room]>.section-heading>div:first-child { flex:1 1 auto; }
.furniture-rooms [data-options-room]>.section-heading>.actions { width:auto; }
@media(min-width:1200px) {
  .furniture-filters { grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr)); align-items:end; }
}

#studio main article.option { display:flex; flex-direction:column; width:100%; max-width:360px; min-width:0; padding:0 0 12px; margin-top:0; }
.options-grid { align-items:stretch; justify-items:center; }
.option>h3,.option>p,.option>a,.option>details,.option>.actions,.option>label { margin-left:20px; margin-right:20px; }
.option>h3 { margin:12px 16px 8px; font-size:17px; line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.option p { font-size:13px; line-height:1.6; }
.option>.option-description { margin:0 16px 8px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.option>.product-photo { flex:none; width:100%; aspect-ratio:1; min-height:0; padding:0; background:var(--paper); border:0; overflow:hidden; }
.option>.product-photo img { display:block; width:100%; height:100%; min-height:0; object-fit:contain; }
.option>.product-photo-empty { background:var(--soft); }
.option-price-row { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 16px 4px; padding-top:4px; }
.option-price-row>.price { margin:0; font-size:14px; }
.option-price-row>.price>span { font-size:11px; color:var(--muted); font-weight:400; }
.option>.option-tools { display:flex; gap:4px; flex-wrap:nowrap; align-items:center; margin:8px 12px 0; }
.option>.option-tools>.icon-button { border:1px solid transparent; background:transparent; color:var(--green); }
.option>.option-tools>button:hover,.option>.option-tools>a:hover { background:var(--soft); border-color:var(--line); }
.option>.option-tools>[aria-pressed=true] { background:var(--soft); border-color:var(--line); }
.option>.option-tools>[data-action=select] { margin-left:auto; }
.option>.option-tools>[data-action=prefer][aria-pressed=true] svg { fill:currentColor; }
.option>.option-tools>:focus-visible { outline:2px solid var(--green); outline-offset:2px; }
.option>.option-compare { margin:4px 16px 0; min-height:40px; font-size:13px; cursor:pointer; }
.option>.option-compare>span { align-items:center; }
.option>.option-compare input { margin-top:0; }
.option>.option-specifications { margin:4px 16px 0; }
.product-photo { color:var(--muted); }
.catalog-preview-text { max-height:320px; max-width:100%; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; padding:16px; margin:0; border:1px solid var(--line); border-radius:8px; background:var(--soft); font:13px/1.6 ui-monospace,monospace; }
.catalog-source-summary { min-width:0; overflow-wrap:anywhere; font-size:13px; }
.catalog-library { border-top:1px solid var(--line); padding-top:16px; min-width:0; }
.catalog-library-body { padding-top:16px; gap:16px; }
.catalog-library-list { gap:8px; max-height:320px; overflow:auto; }
.catalog-library-item { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px; min-width:0; background:var(--soft); border-radius:8px; }
.catalog-library-item>div { min-width:0; overflow-wrap:anywhere; }
.catalog-library-item p { margin:4px 0 0; }
.catalog-library-item>button { flex:0 0 auto; }
.catalog-library-save { border-top:1px solid var(--line); padding-top:16px; gap:12px; }
.pill { font-size:12px; padding:4px 8px; }
.project-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px 16px; padding-bottom:16px; margin-bottom:24px; }
.project-heading>.project-breadcrumb,.project-heading>p { grid-column:1/-1; min-width:0; }
.project-heading h1 { grid-column:1; grid-row:2; min-width:0; overflow-wrap:anywhere; font-size:28px; line-height:1.25; margin:0; }
.project-heading>.actions { grid-column:2; grid-row:2; margin:0; width:auto; max-width:100%; gap:8px; flex-wrap:nowrap; align-items:center; justify-content:flex-end; align-self:center; }
.project-heading .actions>button { min-width:0; }
.project-heading p { font-size:13px; margin:4px 0 0; }
.project-heading .eyebrow { font-size:12px; margin:0 0 8px; letter-spacing:.6px; }
.project-breadcrumb { font-size:13px; margin:0; min-height:32px; flex-wrap:wrap; }
#studio main .project-breadcrumb button { background:transparent; border:0; padding:8px 0; color:var(--green); }
#studio main .project-breadcrumb button:hover { text-decoration:underline; }
.room-detail-banner { padding:0 0 24px; font-size:13px; }
.plan-workspace>.plan-drawing-workbench { margin-block:0; }
.workspace-heading { margin-bottom:24px; align-items:center; }
.workspace-heading h1 { font-size:28px; }
.workspace-heading p.muted { font-size:14px; }
.workspace-welcome p { font-size:14px; }
.workspace-metrics { margin:20px 0 24px; gap:16px; }
.workspace-metrics>div { padding:16px; font-size:13px; }
#studio main .workspace-search input { border:0; padding-left:0; padding-right:0; }
#studio main .project-filters button { border-radius:0; background:transparent; padding:8px 0; }
.project-card-body { padding:24px; }
.project-card-meta { font-size:12px; gap:8px; }
#studio main .project-open { border-radius:0; padding:12px 0 0; margin-top:20px; }
.overview-columns { gap:24px; }
.room-overview { margin-block:24px; }
.room-overview-row { flex-wrap:wrap; }
.room-overview-row>.room-overview-info { flex:1 1 180px; min-width:0; overflow-wrap:anywhere; }
.room-overview-row>.actions { flex:0 1 auto; flex-wrap:wrap; }
.overview-metrics a { display:inline-block; margin-top:8px; font-size:13px; }
.overview-metrics[data-overview-progress] { grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); }
@media(max-width:700px) { .room-overview-row>.actions { flex-basis:100%; } .room-overview-row>.actions button { width:auto; } }
.overview-metrics>section { padding:24px; }
.next-step p,.room-overview-row p,.customer-card p { font-size:13px; }
.eyebrow,.project-card-meta,.customer-count,.metric-label,.next-step p,.room-overview-row p,.room-overview-row small { color:var(--muted); }
.project-cover { color:#4e6040; }
.next-step { gap:20px; padding:24px; }
.next-step>button,.room-overview-row button { margin-left:0; }
#studio main .overview-metrics button { padding:8px 0; }
#studio main .customer-card { display:flex; flex-direction:column; }
.customer-card .actions { margin-top:auto; padding-top:20px; }
.customer-card .actions button { flex:1; }
.discussion-entry p,.activity-entry p { font-size:14px; }
.discussion-entry small,.activity-entry small,.attention-item small,.room-overview-row p,.overview-metrics strong small,.overview-metrics>section>small,.project-heading .muted { color:var(--muted); }
#studio main>section:empty,#studio main .stack>section:empty { display:none; }
#dialog { padding:32px; width:calc(100% - 32px); max-width:680px; border-radius:16px; }
#dialog h2 { margin:0 0 24px; font-size:24px; }
#dialog form { gap:24px; }
#dialog-error:empty { display:none; }
#dialog-error:not(:empty),[role=alert]:not(:empty) { padding:12px 16px; border:1px solid #e4bfb7; border-radius:8px; background:#fff3ee; color:#8b3023; overflow-wrap:anywhere; }
#status { padding:12px var(--page-gutter); font-size:13px; max-width:1680px; }
#status:empty { min-height:0; padding:0; }
#status:not(:empty) { position:fixed; right:24px; bottom:20px; z-index:10; min-height:64px; max-width:min(560px,calc(100vw - 40px)); margin:0; padding:20px 64px 20px 16px; border:1px solid var(--line); border-radius:12px; box-shadow:0 8px 32px #25372c24; }
#status button { margin:8px 0 0 12px; min-height:var(--control-height); }
#status .status-dismiss { position:absolute; right:8px; top:8px; margin:0; width:44px; height:44px; padding:0; border:0; background:transparent; }
.status-dismiss::before { content:'×'; font-size:24px; line-height:1; }
#status.error { border-top-color:#e0b7ae; background:#fff3ee; }
.nav-project-title span,.project-nav-group h3,.workspace-nav-label { color:#626e59; }
.project-nav-group h3 { font-size:11px; letter-spacing:1px; }
.nav-project-title { font-size:13px; }
.nav-project-title span { font-size:12px; }
.selected-project-nav { margin-left:4px; padding-left:8px; }
@media(min-width:1400px) {
  :root { --page-gutter:32px; }
}
@media(max-width:1100px) {
  :root { --page-gutter:24px; }
  .project-heading .actions { justify-content:flex-start; max-width:100%; }
  .overview-columns { grid-template-columns:1fr; }
}
@media(max-width:700px) {
  .catalog-library-item { flex-direction:column; align-items:stretch; }
  :root { --page-gutter:16px; --control-height:44px; }
  #studio main { padding:20px var(--page-gutter) calc(88px + env(safe-area-inset-bottom,0px)); }
  #studio main .surface { padding:20px; }
  #studio main button,#dialog button,.workspace-tool-dialog button { padding:11px 14px; }
  #studio aside button,#studio aside select,.admin-navigation-link { min-height:44px; }
  #studio main input:not([type=checkbox]):not([type=radio]):not([type=range]),#studio main select,#studio main textarea,#dialog input:not([type=checkbox]):not([type=radio]):not([type=range]),#dialog select,#dialog textarea { font-size:16px; padding:11px 12px; }
  .fields { grid-template-columns:1fr; gap:16px; }
  .section-heading,.topline { gap:16px; margin-bottom:20px; }
  .section-heading>div:first-child,.topline>div:first-child { flex-basis:100%; }
  .section-heading>.actions,.topline>.actions { width:100%; }
  .project-heading { grid-template-columns:minmax(0,1fr); margin-bottom:20px; gap:12px; }
  .project-heading h1,.workspace-heading h1 { font-size:28px; }
  .project-heading>.actions { grid-column:1; grid-row:auto; width:100%; margin:0; justify-content:flex-start; }
  #studio main .project-heading .actions>button { flex:1 1 0; padding-inline:8px; }
  .workspace-heading { gap:20px; margin-bottom:24px; }
  .workspace-heading>div { flex-basis:100%; }
  .workspace-welcome { padding:24px 20px; grid-template-columns:1fr; min-height:0; }
  .workspace-welcome .room-illustration { display:none; }
  .workspace-metrics { gap:8px; }
  .workspace-metrics>div { font-size:12px; padding:12px 8px; }
  .project-filters { gap:16px; }
  #studio main .project-filters button { font-size:13px; }
  .next-step { padding:20px; gap:12px; }
  .next-step>button,.room-overview-row button { margin-left:0; width:100%; }
  .next-step>div:nth-child(2) { flex-basis:calc(100% - 60px); }
  .overview-columns { gap:20px; }
  .empty-state { padding:24px 20px; }
  .form-section,fieldset { padding:16px; }
  .form-actions { justify-content:stretch; gap:8px; }
  .form-actions>button { flex:1 1 120px; }
  #dialog { padding:24px 20px; max-height:calc(100dvh - 32px); }
  #dialog h2 { font-size:22px; }
  #dialog form { gap:20px; }
  .project-nav-group { gap:4px; }
  .project-nav-group h3 { display:none; }
  #studio aside .project-nav-group button { padding:11px 12px; }
  .selected-project-nav summary { min-height:44px; padding:11px 12px; font-size:13px; }
  #studio aside { display:flex; flex-direction:column; gap:8px; padding:10px 16px; }
  #studio aside:not(:has([data-project-navigation])) { padding:0; border:0; }
  #studio aside .sidebar-section:not(:has([data-project-navigation])) { display:none; }
  #studio aside .sidebar-section { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:8px; padding:0 52px 0 0; }
  .sidebar-section>.customer-nav-group { grid-column:1; margin:0; }
  .sidebar-section>button[data-action=create] { grid-column:2; margin:7px 0; }
  #studio aside .sidebar-section>button { padding:11px 10px; }
  .admin-navigation-link { font-size:12px; padding:11px 8px; }
  .sidebar-account { position:fixed; left:12px; bottom:calc(12px + env(safe-area-inset-bottom,0px)); z-index:30; width:min(240px,calc(100vw - 24px)); border:1px solid var(--line); border-radius:10px; background:var(--paper); box-shadow:0 4px 20px #25372c18; margin:0; padding:1px; }
}
@media(max-width:700px),(any-pointer:coarse) {
  :root { --control-height:44px; --icon-button-size:44px; }
  button.icon-button,a.icon-button,#studio main .icon-button,#studio aside .icon-button,#studio dialog .icon-button,#dialog .icon-button,.header-workspace-tools>.icon-button,#navigation-toggle.icon-button { --icon-button-size:44px!important; }
}
@media(any-pointer:coarse) {
  #studio main button:not(.icon-button),#dialog button:not(.icon-button),.workspace-tool-dialog button:not(.icon-button) { min-height:var(--control-height); }
}
:is(#studio main,#dialog,.workspace-tool-dialog) select:not([multiple]):not([size]):not([aria-hidden=true]) { appearance:none; padding-right:36px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23536157' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 10px center; background-size:20px; }
@media(forced-colors:active) { :is(#studio main,#dialog,.workspace-tool-dialog) select:not([multiple]):not([size]):not([aria-hidden=true]) { appearance:auto; padding-right:12px; background-image:none; } }