.builder-fieldset {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 4px 0;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 14px;
}

.builder-fieldset legend {
  padding: 0 7px;
  font-weight: 850;
}

.checkbox-label {
  display: flex !important;
  grid-column: 1 / -1;
  align-items: center;
  gap: 9px;
}

.checkbox-label input {
  width: 20px !important;
  min-height: 20px !important;
}

.asset-card img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: 12px;
  background: var(--workspace-raised, #eeece7);
}

.asset-card h3 { margin-top: 16px; }
.asset-card .danger-button:disabled { opacity: .45; cursor: not-allowed; }

.editor-details {
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--workspace-surface, #fff);
}

.editor-details summary {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  cursor: pointer;
}

.editor-details summary small { color: var(--muted); }
.editor-details .builder-form { padding: 0 16px 18px; }
.screen-heading > .secondary-button { display: inline-flex; margin-top: 8px; text-decoration: none; }
.section-editor .full { grid-column: 1 / -1; }

.page-list-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px;
  align-items: center;
}

.order-buttons { display: inline-flex; gap: 3px; }
.order-buttons button {
  width: 38px;
  min-height: 38px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--workspace-surface, #fff);
  color: var(--ink);
}
.order-buttons button:disabled { opacity: .3; cursor: not-allowed; }

.canvas-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 12px;
  padding: 13px 15px;
  border: 1px solid var(--workspace-line, #d8d7d0);
  border-radius: 10px;
  background: var(--workspace-surface, #f7f6f2);
}
.canvas-note b { font-size: .78rem; }
.canvas-note span { color: var(--muted); font-size: .72rem; }
.section-card { transition: border-color .15s, box-shadow .15s; }
.section-card.selected { border-color: var(--purple); box-shadow: 0 0 0 2px rgba(81,65,229,.1); }
.section-card.dragging { opacity: .48; }
.section-drag { color: var(--muted); cursor: grab; font-weight: 900; letter-spacing: -3px; }
.compact-empty { min-height: 190px; }

.section-picker { width: min(920px, calc(100% - 24px)); }
.section-picker .dialog-card { max-height: min(820px, 88vh); overflow: auto; }
.section-picker-categories { display: flex; gap: 6px; overflow: auto; padding-bottom: 6px; }
.section-picker-categories button {
  min-height: 38px;
  flex: none;
  padding: 7px 11px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--workspace-surface, #fff);
  font-size: .7rem;
  font-weight: 750;
}
.section-picker-categories button.active { border-color: var(--night); background: var(--night); color: var(--workspace-text, #fff); }
.section-picker-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.section-picker-grid > button {
  min-height: 160px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: var(--workspace-surface, #fff);
  text-align: left;
}
.section-picker-grid > button:hover { border-color: var(--purple); }
.section-picker-grid b,.section-picker-grid small { display: block; }
.section-picker-grid b { margin-top: 10px; font-size: .78rem; }
.section-picker-grid small { margin-top: 3px; color: var(--muted); font-size: .62rem; }
.section-template-preview {
  height: 88px;
  display: grid;
  align-content: center;
  gap: 7px;
  padding: 14px;
  border-radius: 8px;
  background: var(--workspace-raised, #efeee9);
}
.section-template-preview i { width: 82%; height: 7px; border-radius: 2px; background: var(--workspace-surface, #fff); }
.section-template-preview i:first-child { width: 58%; height: 14px; background: var(--night); }
.section-template-preview i:last-child { width: 64%; background: var(--lime); }

.section-picker { width: min(1180px, calc(100% - 24px)); }
.section-picker .dialog-card { display: grid; gap: 16px; }
.section-picker-intro { display: flex; align-items: end; justify-content: space-between; gap: 28px; padding-right: 42px; }
.section-picker-intro h2 { max-width: 19ch; margin: 3px 0 7px; font-size: clamp(1.45rem,3vw,2.25rem); letter-spacing: -.05em; }
.section-picker-intro p:not(.kicker) { max-width: 64ch; margin: 0; color: var(--muted); line-height: 1.55; }
.section-picker-intro > span { flex: 0 0 auto; display: grid; color: var(--muted); font-size: .68rem; text-align: right; }
.section-picker-intro > span b { color: var(--night); font-size: 1.6rem; letter-spacing: -.05em; }
.component-studio { display: grid; gap: 18px; }
.component-studio-hero {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: clamp(24px,5vw,70px);
  padding: clamp(24px,4vw,44px);
  border-radius: 18px;
  background: var(--night);
  color: var(--workspace-text, #fff);
}
.component-studio-hero h2 { max-width: 16ch; margin: 4px 0 12px; color: var(--workspace-text, #fff); font-size: clamp(1.75rem,4vw,3.5rem); line-height: 1; letter-spacing: -.055em; }
.component-studio-hero p:not(.kicker) { max-width: 67ch; margin: 0; color: var(--workspace-muted, #c7c9d1); line-height: 1.65; }
.component-studio-hero .kicker { color: var(--lime); }
.component-studio-trust { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 22px; }
.component-studio-trust span,
.component-capability { padding: 6px 9px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; color: var(--workspace-text, #e5e6ea); font-size: .62rem; font-weight: 760; }
.component-studio-hero dl { min-width: 220px; display: grid; align-self: stretch; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin: 0; overflow: hidden; border: 1px solid #353843; border-radius: 12px; background: #353843; }
.component-studio-hero dl div { min-width: 0; display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: 5px; padding: 18px; background: #1b1e26; }
.component-studio-hero dl div:last-child { grid-column: 1 / -1; }
.component-studio-hero dt { color: var(--workspace-muted, #9da1ae); font-size: .6rem; font-weight: 760; text-transform: uppercase; }
.component-studio-hero dd { margin: 0; color: var(--lime); font-size: 1.55rem; font-weight: 850; letter-spacing: -.05em; }
.component-studio-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 16px; padding: 16px; border: 1px solid var(--line); border-radius: 13px; background: var(--workspace-surface, #fff); }
.component-studio-search { flex: 1 1 420px; display: grid; gap: 7px; color: var(--muted); font-size: .68rem; font-weight: 750; }
.component-studio-search input { width: 100%; min-height: 46px; padding: 10px 13px; border: 1px solid var(--line); border-radius: 9px; background: var(--workspace-surface, #fff); color: var(--night); font: inherit; }
.component-studio-favorites { min-height: 44px; display: flex; align-items: center; gap: 8px; color: var(--ink); font-size: .68rem; font-weight: 750; }
.component-studio-favorites input { width: 20px; height: 20px; }
.component-studio-favorites span { min-width: 24px; padding: 3px 6px; border-radius: 999px; background: var(--workspace-raised, #eeece7); text-align: center; }
.component-studio-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.component-studio-card { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: var(--workspace-surface, #fff); box-shadow: 0 12px 30px -28px #11131a; transition: border-color .16s, box-shadow .16s, transform .16s; }
.component-studio-card:hover,
.component-studio-card:focus-within { border-color: color-mix(in srgb,var(--purple) 62%,var(--line)); box-shadow: 0 22px 42px -30px #11131a; transform: translateY(-2px); }
.component-studio-preview { position: relative; height: 190px; display: block; overflow: hidden; border-bottom: 1px solid var(--line); background: var(--workspace-raised, #efeee9); }
.component-studio-preview iframe { width: 400%; height: 400%; display: block; border: 0; pointer-events: none; transform: scale(.25); transform-origin: 0 0; }
.component-studio-preview-badge { position: absolute; right: 8px; bottom: 8px; padding: 5px 7px; border: 1px solid rgba(255,255,255,.5); border-radius: 6px; background: rgba(17,19,26,.82); color: var(--workspace-text, #fff); font-size: .52rem; font-weight: 800; letter-spacing: .03em; }
.component-studio-card-copy { display: grid; gap: 12px; padding: 16px; }
.component-studio-card-heading { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.component-studio-card-heading small { color: var(--purple); font-size: .56rem; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; }
.component-studio-card h3 { margin: 2px 0 0; font-size: 1rem; letter-spacing: -.03em; }
.component-studio-card p { min-height: 3.1em; margin: 0; color: var(--muted); font-size: .7rem; line-height: 1.55; }
.component-studio-card label { display: grid; gap: 5px; color: var(--muted); font-size: .62rem; font-weight: 750; }
.component-studio-card select { width: 100%; min-height: 40px; padding: 7px 9px; border: 1px solid var(--line); border-radius: 8px; background: var(--workspace-surface, #fff); color: var(--night); font: inherit; }
.component-favorite { width: 38px; min-height: 38px; flex: 0 0 auto; border: 1px solid var(--line); border-radius: 9px; background: var(--workspace-surface, #fff); color: var(--night); font-size: 1.15rem; }
.component-favorite[aria-pressed="true"] { border-color: #6c5b00; background: var(--workspace-danger-bg, #fff8c9); color: var(--workspace-warning, #6c5b00); }
.component-studio-card-actions { display: flex; align-items: center; gap: 7px; }
.component-studio-card-actions .primary-button { flex: 1; }
.component-studio-card-actions .quiet-button { min-height: 40px; padding: 7px 9px; font-size: .61rem; }
.component-capability { width: max-content; border-color: color-mix(in srgb,var(--purple) 24%,var(--line)); background: var(--workspace-selected, #f6f4ff); color: var(--purple); }
.component-studio-empty { grid-column: 1 / -1; min-height: 220px; display: grid; align-content: center; justify-items: center; gap: 4px; padding: 30px; border: 1px dashed var(--line); border-radius: 14px; color: var(--muted); text-align: center; }
.component-studio-empty b { color: var(--night); }
.component-studio-empty p { margin: 0; }
.component-studio-ownership { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 24px; border: 1px solid var(--line); border-radius: 14px; background: var(--workspace-raised, #efeee9); }
.component-studio-ownership h3 { margin: 3px 0 5px; font-size: 1.15rem; }
.component-studio-ownership p:not(.kicker) { max-width: 72ch; margin: 0; color: var(--muted); font-size: .72rem; line-height: 1.55; }
.component-studio-ownership code { flex: none; padding: 11px 13px; border-radius: 8px; background: var(--night); color: var(--lime); font-size: .68rem; }
.component-studio-grid.compact { grid-template-columns: repeat(3,minmax(0,1fr)); }
.component-studio-grid.compact .component-studio-preview { height: 145px; }
.component-studio-grid.compact .component-studio-card-copy { padding: 13px; }
.component-studio-grid.compact .component-studio-card p { min-height: 0; }
.component-studio-grid.compact .component-favorite { width: 36px; min-height: 36px; }

.design-preset-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 9px; margin-top: 20px; }
.design-preset-grid button { min-height: 88px; padding: 8px; border: 1px solid var(--line); border-radius: 10px; background: var(--workspace-surface, #fff); text-align: left; }
.design-preset-grid i { height: 48px; display: block; margin-bottom: 8px; border-radius: 6px; background: linear-gradient(135deg,var(--preset-bg) 0 60%,var(--preset-primary) 60% 82%,var(--preset-accent) 82%); }
.design-preset-grid b { font-size: .68rem; }
.design-direction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
.design-direction-grid button{display:grid;gap:7px;min-height:132px;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--workspace-surface, #fff);color:var(--ink);text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s}
.design-direction-grid button:hover{border-color:var(--workspace-line, #8b7cff);box-shadow:0 14px 38px -28px rgba(42,32,140,.65);transform:translateY(-2px)}
.design-direction-grid button:active{transform:scale(.985)}
.design-direction-grid span{font-size:.9rem;font-weight:850;letter-spacing:-.02em}
.design-direction-grid small{color:var(--muted);font-size:.72rem;line-height:1.5}
.design-direction-grid i{margin-top:auto;color:var(--workspace-link, #6356df);font:700 .56rem/1.4 var(--mono);text-transform:uppercase}
.design-capability-overview{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.design-capability-overview summary{width:max-content;color:var(--workspace-link, #4d42cb);font-size:.74rem;font-weight:800;cursor:pointer}
.design-capability-overview ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 0;padding:0;list-style:none}
.design-capability-overview li{display:grid;gap:4px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--workspace-surface, #faf9f6)}
.design-capability-overview b{font-size:.7rem}.design-capability-overview span{color:var(--muted);font-size:.64rem;line-height:1.45}
.design-studio > .panel:first-child { box-shadow: none; }
.design-reference-panel{position:relative;min-width:0;overflow:hidden;border-color:#242630;background:#17191f;color:var(--workspace-text, #f7f7f3);box-shadow:0 28px 80px -56px rgba(13,15,20,.85)}
.design-reference-panel :is(form,fieldset,label,span){min-width:0;max-width:100%;overflow-wrap:anywhere}
.design-reference-panel::after{position:absolute;right:18px;top:-110px;width:180px;height:180px;border:1px solid rgba(201,255,69,.22);border-radius:50%;box-shadow:0 0 90px rgba(201,255,69,.08);content:"";pointer-events:none}
.design-reference-panel :is(h2,h3){color:var(--workspace-text, #fff)}.design-reference-panel>p:not(.kicker){position:relative;z-index:1;max-width:72ch;color:var(--workspace-muted, #b8bbc5)}
.design-reference-panel .kicker{color:var(--workspace-success, #c9ff45)}.design-reference-panel .panel-form{position:relative;z-index:1;grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-top:20px;padding:18px;border:1px solid #343640;border-radius:14px;background:#202229}
.design-reference-panel .panel-form>label:first-child{min-width:0}.design-reference-panel .panel-form input[type="url"]{border-color:#444750;background:#14161b;color:var(--workspace-text, #fff)}
.design-reference-panel .panel-form input[type="url"]::placeholder{color:var(--workspace-muted, #777b86)}.design-reference-panel .panel-form .checkbox-label{grid-column:1/-1;align-items:flex-start;color:var(--workspace-text, #c8cad1);font-size:.68rem;line-height:1.5}
.design-reference-basis{display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;margin:0;padding:0;border:0}.design-reference-basis legend{grid-column:1/-1;margin-bottom:3px;color:var(--workspace-text, #f2f2ed);font-size:.68rem;font-weight:800}.design-reference-basis label{display:flex;align-items:flex-start;gap:9px;min-width:0;padding:12px;border:1px solid #444750;border-radius:10px;background:#191b21;cursor:pointer}.design-reference-basis input{flex:0 0 auto;width:18px!important;min-height:18px!important;margin:2px 0 0;padding:0!important;accent-color:#c9ff45}.design-reference-basis span{display:grid;min-width:0;gap:3px}.design-reference-basis b{color:var(--workspace-text, #fff);font-size:.69rem}.design-reference-basis small{color:var(--workspace-muted, #969aa5);font-size:.6rem;line-height:1.4}.design-reference-basis label:has(input:checked){border-color:var(--workspace-line, #c9ff45);background:#22271d;box-shadow:inset 0 0 0 1px rgba(201,255,69,.18)}
.design-reference-panel .panel-form .secondary-button{border-color:var(--workspace-line, #c9ff45);background:#c9ff45;color:var(--workspace-text, #11141a)}.design-reference-panel .form-status{align-self:center;margin:0;color:var(--workspace-muted, #969aa5);font-size:.65rem}.design-reference-panel .form-status[data-state="error"]{color:var(--workspace-text, #ffb8ae)}
.design-reference-result{position:relative;z-index:1;display:grid;box-sizing:border-box;gap:18px;width:100%;max-width:100%;min-width:0;margin-top:16px;padding:20px;border:1px solid #3a3d47;border-radius:16px;background:linear-gradient(150deg,#242730,#1c1e25)}
.design-reference-result-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.design-reference-result-head>span:first-child{display:grid;gap:4px;min-width:0}.design-reference-result-head small{color:var(--workspace-muted, #979ba6);font-size:.58rem;text-transform:uppercase;letter-spacing:.09em}.design-reference-result-head b{overflow:hidden;color:var(--workspace-text, #fff);font-size:.83rem;text-overflow:ellipsis;white-space:nowrap}
.design-reference-compliance{display:flex;flex-wrap:wrap;gap:6px}.design-reference-compliance span{padding:6px 8px;border:1px solid #42464f;border-radius:999px;background:#191b21;color:var(--workspace-text, #cfd2d8);font-size:.55rem;font-weight:760}
.design-reference-result dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;margin:0}.design-reference-result dl div{display:grid;min-width:0;gap:5px;padding:12px;border:1px solid #393c45;border-radius:10px;background:#1a1c22}.design-reference-result dt{color:var(--workspace-muted, #8f939e);font-size:.56rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.design-reference-result dd{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--workspace-text, #f2f2ed);font-size:.69rem;line-height:1.45}
.design-reference-recipe{display:grid;grid-template-columns:1fr auto;gap:4px 18px;align-items:center;padding-top:16px;border-top:1px solid #3a3d47}.design-reference-recipe .kicker{grid-column:1}.design-reference-recipe h3{grid-column:1;margin:0;font-size:1.2rem}.design-reference-recipe>p:not(.kicker){grid-column:1;margin:2px 0 0;color:var(--workspace-muted, #aeb1ba);font-size:.7rem}.design-reference-recipe>.primary-button{grid-column:2;grid-row:1/5}.design-reference-capabilities{grid-column:1;display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.design-reference-capabilities span{padding:5px 7px;border:1px solid #494d57;border-radius:999px;color:var(--workspace-success, #c9ff45);font-size:.53rem;font-weight:760;text-transform:uppercase;letter-spacing:.045em}
.design-reference-result>small{color:var(--workspace-muted, #9397a1);font-size:.61rem;line-height:1.55}.design-reference-policy{position:relative;z-index:1;display:flex;gap:10px;margin-top:16px;color:var(--workspace-muted, #90949e);font-size:.59rem;line-height:1.55}.design-reference-policy b{flex:none;color:var(--workspace-text, #d4d6dc)}

.preview-toolbar [data-device].active { border-color: var(--night); background: var(--night); color: var(--workspace-text, #fff); }
.responsive-controls { border-color: color-mix(in srgb, var(--purple) 28%, var(--line)); background: var(--workspace-surface, #faf9ff); }
.responsive-controls small { color: var(--muted); }
.builder-history-toolbar { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.builder-history-toolbar .secondary-button { min-height: 38px; padding: 8px 12px; }
.builder-history-toolbar .secondary-button:disabled { opacity: .42; cursor: not-allowed; }
.responsive-controls label[data-responsive-state="override"] > :is(input,select) { border-color: color-mix(in srgb, var(--purple) 55%, var(--line)); background: var(--workspace-surface, #fff); }
.responsive-controls [data-responsive-source] { display: block; min-height: 1.4em; margin-top: 4px; font-weight: 550; line-height: 1.4; }
.responsive-controls label[data-responsive-state="override"] [data-responsive-source] { color: var(--purple); }
.responsive-field-reset { width: fit-content; min-height: 32px; margin-top: 2px; padding: 4px 0; border: 0; background: transparent; color: var(--purple); font: inherit; font-size: .66rem; font-weight: 780; text-align: left; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.responsive-field-reset:hover { color: var(--night); }
.responsive-summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 4px; }
.responsive-summary .quiet-button { flex: none; }
.save-indicator[data-state="offline"],.save-indicator[data-state="error"],.save-indicator[data-state="conflict"] { color: var(--workspace-danger, #8b2b22); font-weight: 780; }
.asset-presentation { display: grid; gap: 12px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); }
.asset-presentation label { display: grid; gap: 6px; color: var(--muted); font-size: .68rem; font-weight: 750; }
.asset-presentation input,.asset-presentation select { width: 100%; min-height: 42px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--workspace-surface, #fff); color: var(--night); font: inherit; }
.asset-presentation input[type="range"] { min-height: 32px; padding: 0; accent-color: var(--purple); }
.asset-focal-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.asset-focal-grid output { justify-self: end; margin-top: -22px; color: var(--night); }
.asset-card > img { width: 100%; aspect-ratio: 4/3; background: var(--workspace-raised, #efeee9); }
.ai-change-list { display: grid; gap: 10px; margin: 20px 0; padding: 0; list-style: none; }
.ai-change-list li { border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.ai-change-select { display: grid; grid-template-columns: 20px minmax(120px,.32fr) 1fr; align-items: start; gap: 16px; padding: 16px; cursor: pointer; }
.ai-change-select > input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--purple); }
.ai-change-select > span { font-size: .74rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--purple); }
.ai-change-list b,.ai-change-list p,.ai-change-list small { display: block; }
.ai-change-list p { margin: 5px 0; }
.ai-change-list i { padding: 0 5px; color: var(--purple); font-style: normal; }
.form-test-status { min-height: 1.5em; margin-top: 8px; color: var(--muted); font-size: .7rem; }
.form-submission-list li,
.version-list li,
.version-change-list li,
.health-check-list li { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.version-comparison { margin-top: 16px; padding: 18px; border: 1px solid color-mix(in srgb, var(--purple) 28%, var(--line)); border-radius: 12px; background: var(--workspace-surface, #faf9ff); }
.version-comparison > p { margin: 0; color: var(--muted); }
.version-comparison h3 { margin: 0 0 5px; }
.health-category-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; margin: 16px 0; }
.health-category { display: grid; gap: 4px; min-height: 88px; padding: 13px; border: 1px solid var(--line); border-radius: 10px; background: var(--workspace-surface, #fff); }
.health-category span,.health-category small { color: var(--muted); font-size: .64rem; }
.health-category b { font-size: .74rem; }
.health-category.blocked { border-color: var(--workspace-line, #dfb3ad); background: var(--workspace-surface, #fff9f8); }
.health-category.review-required,.health-category.needs-attention { border-color: var(--workspace-line, #e2d4a4); background: var(--workspace-surface, #fffdf5); }
.health-score { display: inline-grid; min-width: 88px; min-height: 42px; place-items: center; padding: 8px 12px; border-radius: 999px; background: var(--night); color: var(--workspace-text, #fff); font-size: .7rem; font-weight: 800; }
.health-check p { margin: 4px 0 0; color: var(--muted); }
.health-check.blocking { border-left: 3px solid var(--workspace-line, #9d3327); padding-left: 12px; }

.cms-intro,
.cms-schema-toolbar,
.cms-editor-heading,
.project-export-panel {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
.cms-intro > div,
.cms-schema-toolbar > div,
.cms-editor-heading > div,
.project-export-panel > div { min-width: 0; }
.cms-intro > button,
.cms-schema-toolbar > button,
.project-export-panel > button { flex: none; min-height: 44px; }
.cms-collection-layout {
  display: grid;
  grid-template-columns: minmax(210px, .28fr) minmax(0, 1fr);
  gap: 16px;
  margin: 16px 0;
}
.cms-collection-list {
  overflow: hidden;
  align-self: start;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--workspace-surface, #fff);
}
.cms-collection-list > h2 { margin: 0; padding: 16px; font-size: .82rem; }
.cms-collection-list > button,
.cms-item-list > button {
  display: grid;
  width: 100%;
  min-height: 54px;
  gap: 3px;
  padding: 11px 14px;
  border: 0;
  border-top: 1px solid var(--line);
  background: transparent;
  color: var(--night);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.cms-collection-list > button:hover,
.cms-item-list > button:hover { background: var(--workspace-surface, #f5f4ef); }
.cms-collection-list > button.active,
.cms-item-list > button.active { background: var(--night); color: var(--workspace-text, #fff); }
.cms-collection-list > button span,
.cms-item-list > button span { font-size: .76rem; font-weight: 800; }
.cms-collection-list > button small,
.cms-item-list > button small { color: inherit; opacity: .72; }
.cms-editor-panel { min-width: 0; margin: 0; }
.cms-schema-form,
.cms-item-form { display: grid; gap: 20px; }
.cms-schema-form h2,
.cms-item-form h2,
.cms-items-panel h2 { margin-bottom: 4px; }
.cms-schema-toolbar { align-items: center; }
.cms-field-list {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--workspace-surface, #fff);
}
.cms-field-row {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) minmax(150px, 1fr) minmax(130px, .75fr);
  gap: 13px;
  padding: 16px;
  border-top: 1px solid var(--line);
}
.cms-field-row:first-child { border-top: 0; }
.cms-field-row-head {
  display: flex;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.cms-field-row-head b { font-size: .76rem; }
.cms-field-row label,
.cms-item-form label {
  display: grid;
  align-content: start;
  gap: 6px;
  color: var(--muted);
  font-size: .68rem;
  font-weight: 750;
}
.cms-field-row :is(input,select,textarea),
.cms-item-form :is(input,select,textarea) {
  width: 100%;
  min-height: 44px;
  padding: 9px 11px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--workspace-surface, #fff);
  color: var(--night);
  font: inherit;
}
.cms-field-row textarea,
.cms-item-form textarea { min-height: 96px; resize: vertical; }
.cms-field-options { grid-column: 1 / -1; }
.cms-field-options.is-hidden { display: none; }
.cms-binding-editor { border-color: color-mix(in srgb, var(--purple) 28%, var(--line)); background: var(--workspace-surface, #faf9ff); }
.cms-binding-list { display: grid; gap: 10px; }
.cms-binding-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--workspace-surface, #fff); }
.cms-binding-row .cms-field-row-head { grid-column: 1 / -1; }
.cms-binding-row label { display: grid; gap: 6px; color: var(--muted); font-size: .68rem; font-weight: 750; }
.cms-binding-row :is(input,select) { width: 100%; min-height: 42px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--workspace-surface, #fff); color: var(--night); font: inherit; }
.cms-binding-row .full { grid-column: 1 / -1; }
.cms-field-flags {
  display: flex;
  grid-column: 1 / -1;
  flex-wrap: wrap;
  gap: 10px 20px;
}
.cms-field-flags .checkbox-label,
.cms-item-form .checkbox-label { display: flex !important; align-items: center; min-height: 44px; }
.cms-field-flags .checkbox-label input,
.cms-item-form .checkbox-label input { width: 20px; min-height: 20px; padding: 0; }
.cms-schema-links { margin: 0; }
.cms-items-panel { margin-top: 16px; }
.cms-item-layout {
  display: grid;
  grid-template-columns: minmax(190px, .3fr) minmax(0, 1fr);
  margin-top: 18px;
  border: 1px solid var(--line);
  border-radius: 12px;
  overflow: hidden;
}
.cms-item-list { border-right: 1px solid var(--line); background: var(--workspace-surface, #fbfaf7); }
.cms-item-list > button:first-child { border-top: 0; }
.cms-item-editor { min-width: 0; padding: 20px; }
.cms-empty-state {
  display: grid;
  place-items: center;
  min-height: 180px;
  gap: 14px;
  padding: 24px;
  color: var(--muted);
  text-align: center;
}
.cms-empty-state b { color: var(--night); }
.cms-empty-state p { max-width: 44ch; margin: 5px auto 0; }
.cms-item-list .cms-empty-state { min-height: 150px; padding: 18px; }
.cms-inline-status { min-height: 1.4em; color: var(--muted); font-size: .7rem; font-weight: 700; }
.cms-inline-status[data-state="error"] { color: var(--workspace-danger, #8b2b22); }
.cms-inline-status[data-state="success"] { color: var(--workspace-success, #29633b); }
.project-export-panel { align-items: center; flex-wrap: wrap; }
.project-export-panel > div:first-child { flex: 1 1 420px; }
.project-export-panel .cms-inline-status { flex: 1 0 100%; }
.webhook-manager { display: grid; gap: 18px; }
.webhook-manager > .panel,
.webhook-manager > section { margin: 0; }
.webhook-secret {
  display: grid;
  gap: 16px;
  padding: clamp(20px,4vw,30px);
  border: 2px solid var(--purple);
  border-radius: 16px;
  background: var(--workspace-selected, #f5f3ff);
  box-shadow: var(--shadow);
}
.webhook-secret h2 { margin: 0; font-size: clamp(1.35rem,3vw,1.9rem); letter-spacing: -.04em; }
.webhook-secret p:not(.kicker) { max-width: 72ch; margin-bottom: 0; color: var(--muted); line-height: 1.6; }
.webhook-secret > code {
  display: block;
  overflow-wrap: anywhere;
  padding: 14px;
  border: 1px solid color-mix(in srgb,var(--purple) 25%,var(--line));
  border-radius: 10px;
  background: var(--workspace-surface, #fff);
  color: var(--night);
  font-size: .78rem;
  user-select: all;
}
.webhook-configuration { margin: 18px 0; }
.webhook-configuration p { margin: 6px 0 0; line-height: 1.55; }
.webhook-configuration.verified { background: var(--workspace-success-bg, #e7f8f0); color: var(--workspace-success, #075c40); }
.webhook-configuration.neutral { background: var(--workspace-surface, #f3f3f1); color: var(--night); }
.webhook-error { min-height: auto; margin: 14px 0; padding: 12px; border-radius: 10px; background: var(--workspace-danger-bg, #fff1ed); }
.webhook-create { margin-top: 20px; border-top: 1px solid var(--line); padding-top: 18px; }
.webhook-create summary { width: max-content; color: var(--purple); font-weight: 850; cursor: pointer; }
.webhook-create .builder-form { margin-top: 18px; }
.webhook-events {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
  margin: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
}
.webhook-events legend { padding: 0 6px; font-size: .8rem; font-weight: 800; }
.webhook-events label { display: flex; align-items: flex-start; gap: 9px; min-height: 46px; padding: 9px; border-radius: 9px; background: var(--workspace-surface, #faf9f6); cursor: pointer; }
.webhook-events input { flex: 0 0 auto; width: 19px !important; min-height: 19px !important; margin: 2px 0 0; padding: 0 !important; }
.webhook-events span { display: grid; gap: 3px; min-width: 0; }
.webhook-events b { color: var(--night); font-size: .73rem; }
.webhook-events small { color: var(--muted); font-size: .64rem; overflow-wrap: anywhere; }
.webhook-endpoints { display: grid; gap: 12px; }
.webhook-endpoint-card { overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: var(--workspace-surface, #fff); box-shadow: var(--shadow); }
.webhook-endpoint-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 18px; border-bottom: 1px solid var(--line); }
.webhook-endpoint-card h3 { margin: 0 0 7px; font-size: 1rem; }
.webhook-endpoint-card header p { max-width: 70ch; margin: 0; color: var(--muted); font-size: .72rem; overflow-wrap: anywhere; }
.webhook-badges { display: flex; justify-content: flex-end; gap: 7px; flex-wrap: wrap; }
.webhook-endpoint-form { padding: 18px; }
.webhook-secret-hint { display: grid; align-content: end; gap: 7px; color: var(--muted); font-size: .68rem; font-weight: 750; }
.webhook-secret-hint code { min-height: 46px; display: flex; align-items: center; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--workspace-surface, #f7f6f2); color: var(--night); }
.webhook-endpoint-card > footer { padding: 12px 18px; border-top: 1px solid var(--line); color: var(--muted); }
.webhook-filter { display: grid; width: min(100%,320px); gap: 6px; margin: 0 0 16px; color: var(--muted); font-size: .72rem; font-weight: 750; }
.webhook-filter select { min-height: 42px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 9px; background: var(--workspace-surface, #fff); color: var(--night); }
.webhook-delivery-table td { vertical-align: top; }
.webhook-delivery-table td small { display: block; margin-top: 6px; color: var(--workspace-danger, #8b2b22); }
.webhook-loading { min-height: 230px; }
.permission-hidden { display: none !important; }
.global-sections-panel {
  margin: 0 0 18px;
  border: 1px solid color-mix(in srgb,var(--purple) 24%,var(--line));
  border-radius: 14px;
  background: var(--workspace-surface, #faf9ff);
  overflow: hidden;
}
.global-sections-panel > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 64px;
  padding: 14px 18px;
  cursor: pointer;
  list-style: none;
}
.global-sections-panel > summary::-webkit-details-marker { display: none; }
.global-sections-panel > summary span:first-child { display: grid; gap: 3px; }
.global-sections-panel > summary small { color: var(--muted); font-weight: 600; }
.global-sections-panel-body { display: grid; gap: 14px; padding: 0 18px 18px; border-top: 1px solid var(--line); }
.global-section-add { display: flex; align-items: end; gap: 10px; padding-top: 16px; }
.global-section-add label { display: grid; flex: 1; gap: 6px; color: var(--muted); font-size: .7rem; font-weight: 750; }
.global-section-add select { width: 100%; min-height: 44px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 9px; background: var(--workspace-surface, #fff); color: var(--night); }
.global-section-definitions { display: grid; gap: 8px; }
.global-section-definition { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px; border: 1px solid var(--line); border-radius: 10px; background: var(--workspace-surface, #fff); }
.global-section-definition > div:first-child { display: grid; gap: 4px; }
.global-section-definition small { color: var(--muted); }
.global-section-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 6px; }
.global-section-reference { border-color: color-mix(in srgb,var(--purple) 34%,var(--line)); }
.global-badge { background: var(--workspace-selected, #eeeaff); color: var(--workspace-link, #4a30a0); }
.global-section-notice { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; padding: 13px; border: 1px solid color-mix(in srgb,var(--purple) 25%,var(--line)); border-radius: 10px; background: var(--workspace-surface, #faf9ff); }
.global-section-notice span,.global-section-notice small { color: var(--muted); }
.global-section-notice small { grid-column: 1 / -1; }
.structured-items-editor { align-items: start; }
.structured-item-list { display: grid; gap: 10px; }
.structured-item-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--workspace-surface, #fff); }
.structured-item-row > label { display: grid; gap: 6px; color: var(--muted); font-size: .68rem; font-weight: 750; }
.structured-item-row :is(input,textarea) { width: 100%; min-height: 42px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--workspace-surface, #fff); color: var(--night); font: inherit; }
.structured-item-row textarea { min-height: 76px; resize: vertical; }
.structured-item-heading { display: flex; grid-column: 1 / -1; align-items: center; gap: 9px; }
.structured-item-heading b { margin-right: auto; }
.advanced-component-data { border: 1px dashed var(--line); border-radius: 10px; padding: 0; }
.advanced-component-data > summary { min-height: 44px; display: flex; align-items: center; padding: 10px 12px; color: var(--muted); font-size: .72rem; font-weight: 800; cursor: pointer; }
.advanced-component-data[open] > summary { border-bottom: 1px dashed var(--line); }
.advanced-component-data > label { display: grid; gap: 7px; padding: 12px; }
.form-config-editor { align-items: start; }
.form-fields-editor { align-items: start; }
.form-field-list { display: grid; grid-column: 1 / -1; gap: 10px; }
.form-field-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--workspace-surface, #fff); }
.form-field-row > label { display: grid; gap: 6px; color: var(--muted); font-size: .68rem; font-weight: 750; }
.form-field-row > label.full { grid-column: 1 / -1; }
.form-field-row :is(input,select,textarea) { width: 100%; min-height: 42px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--workspace-surface, #fff); color: var(--night); font: inherit; }
.form-field-row textarea { min-height: 78px; resize: vertical; }
.form-field-row .checkbox-label { display: flex; align-items: center; align-self: end; min-height: 42px; }
.form-field-row .checkbox-label input { width: 20px; min-height: 20px; padding: 0; }
.form-field-row-head { display: flex; grid-column: 1 / -1; align-items: center; gap: 9px; }
.form-field-row-head b { margin-right: auto; }
.form-field-options.is-hidden { display: none; }
.page-localization { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 16px; padding: 18px; border: 1px solid color-mix(in srgb,var(--purple) 22%,var(--line)); border-radius: 14px; background: var(--workspace-surface, #faf9ff); }
.page-localization h2 { margin: 2px 0 5px; font-size: 1rem; }
.page-localization p:not(.kicker) { max-width: 62ch; margin: 0; color: var(--muted); font-size: .72rem; line-height: 1.55; }
.page-localization-list { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.page-localization-list :is(button,span) { display: grid; min-width: 126px; min-height: 48px; gap: 2px; padding: 8px 11px; border: 1px solid var(--line); border-radius: 9px; background: var(--workspace-surface, #fff); color: var(--night); text-align: left; }
.page-localization-list button { cursor: pointer; }
.page-localization-list button.active { border-color: var(--purple); box-shadow: 0 0 0 2px color-mix(in srgb,var(--purple) 12%,transparent); }
.page-localization-list small { color: var(--muted); }
.project-import-panel { display: grid; gap: 18px; }
.project-import-file { display: grid; gap: 7px; max-width: 620px; color: var(--muted); font-size: .72rem; font-weight: 750; }
.project-import-file input { min-height: 46px; padding: 9px; border: 1px dashed var(--line); border-radius: 10px; background: var(--workspace-surface, #fbfaf7); color: var(--night); }
.project-import-review { display: grid; gap: 14px; padding-top: 18px; border-top: 1px solid var(--line); }
.project-import-review h3 { margin: 0; font-size: 1rem; }
.project-import-review .editor-details { margin: 0; }
.import-counts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.import-counts li { display: grid; gap: 3px; min-height: 72px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--workspace-surface, #fbfaf7); }
.import-counts b { font-size: 1.05rem; }
.import-counts small { color: var(--muted); }
.import-mappings { display: grid; gap: 10px; padding: 14px; border: 1px solid var(--workspace-line, #e5b9a8); border-radius: 11px; background: var(--workspace-danger-bg, #fff6f2); }
.import-mappings h4,.import-mappings p { margin: 0; }
.import-mappings p { color: var(--muted); font-size: .72rem; line-height: 1.5; }
.import-mapping-row { display: grid; gap: 6px; color: var(--muted); font-size: .7rem; font-weight: 750; }
.import-mapping-row select { min-height: 44px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 9px; background: var(--workspace-surface, #fff); color: var(--night); }
.import-confirm { align-items: flex-start; padding: 13px; border-radius: 9px; background: var(--workspace-surface, #f6f5f2); }
.comment-create-form { margin-bottom: 18px; }
.comments-overview { display: grid; gap: 16px; }
.comments-overview .builder-actions .active { border-color: var(--purple); color: var(--purple); }
.comment-thread-list { display: grid; gap: 12px; }
.comment-thread { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: var(--workspace-surface, #fff); }
.comment-thread > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 14px 16px; border-bottom: 1px solid var(--line); background: var(--workspace-surface, #fbfaf7); }
.comment-thread h3 { margin: 7px 0 3px; font-size: .9rem; }
.comment-thread header small { color: var(--muted); }
.comment-body { margin: 0; padding: 16px; color: var(--night); line-height: 1.62; white-space: pre-wrap; }
.comment-replies { display: grid; gap: 8px; margin: 0; padding: 0 16px 14px 42px; list-style: none; }
.comment-replies li { padding: 11px 13px; border-left: 3px solid color-mix(in srgb,var(--purple) 26%,var(--line)); background: var(--workspace-surface, #faf9ff); }
.comment-replies li > div { display: flex; justify-content: space-between; gap: 10px; }
.comment-replies p { margin: 7px 0 0; white-space: pre-wrap; }
.comment-replies small { color: var(--muted); }
.comment-reply-form { display: flex; align-items: end; gap: 10px; padding: 14px 16px; border-top: 1px solid var(--line); }
.comment-reply-form label { display: grid; flex: 1; gap: 6px; color: var(--muted); font-size: .7rem; font-weight: 750; }
.comment-reply-form textarea { min-height: 68px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 9px; resize: vertical; }
.site-configuration-editor { display: grid; gap: 18px; margin-top: 18px; }
.redirect-list { display: grid; gap: 10px; margin-top: 14px; }
.redirect-card { display: grid; grid-template-columns: minmax(150px,1fr) minmax(180px,1.4fr) minmax(110px,.45fr) auto; align-items: end; gap: 10px; padding: 14px; border: 1px solid var(--line); border-radius: 11px; background: var(--workspace-surface, #fff); }
.redirect-card-new { background: var(--workspace-surface, #fbfaf7); }
.redirect-card > label { display: grid; gap: 6px; color: var(--muted); font-size: .7rem; font-weight: 750; }
.redirect-card :is(input,select) { width: 100%; min-height: 42px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--workspace-surface, #fff); color: var(--night); font: inherit; }
.redirect-card .check-row { display: flex; align-items: center; min-height: 42px; }
.redirect-card .check-row input { width: 19px; min-height: 19px; }
.redirect-card .builder-actions { grid-column: 1 / -1; }
.redirect-suggestion { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 0 0 18px; }
.redirect-suggestion p { margin: 5px 0 0; }
.redirect-suggestion code { overflow-wrap: anywhere; }

/* Authenticated visual builder — one canvas, one document model, contextual tools. */
.app-shell.builder-active .app-main {
  width: 100%;
  max-width: none;
  padding: 12px;
}
.app-shell.builder-active .app-topbar { min-height: 60px; }
.builder-product {
  overflow: hidden;
  border: 1px solid #2a2d36;
  border-radius: 14px;
  background: #171920;
  color: var(--workspace-text, #f7f7f5);
}
.builder-product-bar {
  min-height: 58px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: #12141a;
}
.builder-project-identity {
  min-width: 190px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.builder-project-identity > span { display: grid; min-width: 0; gap: 2px; }
.builder-project-identity b,
.builder-project-identity small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.builder-project-identity b { font-size: .78rem; }
.builder-project-identity small { color: var(--workspace-muted, #9298a6); font-size: .62rem; }
.builder-back,
.builder-history-toolbar button,
.builder-device-switch button {
  min-width: 38px;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 7px 9px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--workspace-muted, #b8bdc8);
}
.builder-back:hover,
.builder-history-toolbar button:hover:not(:disabled),
.builder-device-switch button:hover,
.builder-device-switch button.active { background: #2a2d36; color: var(--workspace-text, #fff); }
.builder-history-toolbar { flex-wrap: nowrap; gap: 2px; margin: 0; }
.builder-history-toolbar button:disabled { opacity: .32; cursor: not-allowed; }
.builder-device-switch {
  display: inline-flex;
  gap: 2px;
  margin-left: auto;
  padding: 3px;
  border-radius: 10px;
  background: #090b0f;
}
.builder-device-switch button { min-width: 42px; }
.builder-device-switch .device-label { font-size: .62rem; font-weight: 750; }
.builder-product-bar > .save-indicator {
  flex: none;
  margin: 0;
  background: transparent;
  color: var(--workspace-muted, #9fa5b1);
}
.builder-product-bar > .save-indicator[data-state="saved"]::before { content: "✓"; margin-right: 5px; color: var(--lime); }
.builder-save-conflict {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--workspace-line, #e5b9b2);
  background: var(--workspace-danger-bg, #fff0ed);
  color: var(--workspace-danger, #6f211a);
}
.builder-save-conflict div { display: grid; gap: 2px; }
.builder-save-conflict b { font-size: .76rem; }
.builder-save-conflict span { font-size: .68rem; line-height: 1.45; }
.builder-save-conflict .secondary-button { flex: none; min-height: 36px; border-color: var(--workspace-line, #a7473c); background: var(--workspace-surface, #fff); color: var(--workspace-danger, #6f211a); }
.builder-product-actions { display: flex; align-items: center; gap: 6px; }
.builder-product-actions :is(.quiet-button,.secondary-button,.primary-button) { min-height: 38px; padding: 7px 11px; border-color: #343842; }
.builder-product-actions .quiet-button,
.builder-product-actions .secondary-button { background: #20232b; color: var(--workspace-text, #fff); }
.builder-project-menu { position: relative; }
.builder-project-menu > summary {
  min-height: 38px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 11px;
  border: 1px solid #343842;
  border-radius: 8px;
  background: #20232b;
  color: var(--workspace-text, #fff);
  font-size: .66rem;
  font-weight: 780;
  cursor: pointer;
  list-style: none;
}
.builder-project-menu > summary::-webkit-details-marker { display: none; }
.builder-project-menu > summary::after { content: "⌄"; color: var(--workspace-muted, #9fa5b1); }
.builder-project-menu[open] > summary { background: #2a2d36; }
.builder-project-menu-popover {
  position: absolute;
  z-index: 70;
  top: calc(100% + 8px);
  right: 0;
  width: min(320px,calc(100vw - 24px));
  max-height: min(72vh,640px);
  display: grid;
  gap: 12px;
  overflow: auto;
  padding: 12px;
  border: 1px solid #363a44;
  border-radius: 12px;
  background: #171920;
  box-shadow: 0 24px 70px rgba(0,0,0,.42);
}
.builder-project-menu-group { display: grid; gap: 3px; }
.builder-project-menu-group > span { padding: 5px 8px; color: var(--workspace-muted, #858b98); font-size: .56rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.builder-project-menu-popover button {
  min-height: 40px;
  padding: 8px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--workspace-text, #d9dce3);
  font-size: .68rem;
  font-weight: 720;
  text-align: left;
}
.builder-project-menu-popover button:is(:hover,.active,:focus-visible) { background: #292c35; color: var(--workspace-text, #fff); }
.builder-project-menu-popover .builder-menu-back { border-top: 1px solid #343842; border-radius: 0; color: var(--lime); }
.builder-mode-nav {
  min-height: 43px;
  display: flex;
  gap: 2px;
  overflow-x: auto;
  padding: 5px 8px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: #171920;
  scrollbar-width: thin;
}
.builder-mode-nav button {
  flex: none;
  min-height: 33px;
  padding: 6px 10px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--workspace-muted, #9298a6);
  font-size: .66rem;
  font-weight: 750;
}
.builder-mode-nav button:hover { color: var(--workspace-text, #fff); }
.builder-mode-nav button.active { background: #2a2d36; color: var(--workspace-text, #fff); }
.builder-notice,
.builder-product > [data-recovery-banner],
.builder-product > .redirect-suggestion { margin: 10px; color: var(--ink); }
.builder-visual-shell {
  position: relative;
  height: calc(100vh - 145px);
  min-height: 620px;
  display: grid;
  grid-template-columns: 238px minmax(340px,1fr) minmax(360px,420px);
  background: var(--workspace-raised, #d6d6d1);
}
.builder-visual-shell[data-tool-open="true"] { grid-template-columns: 220px minmax(340px,.9fr) minmax(480px,1.1fr); }
.builder-rail,
.builder-inspector {
  min-width: 0;
  overflow-y: auto;
  background: var(--workspace-surface, #fbfbf9);
  color: var(--ink);
  scrollbar-width: thin;
}
.builder-rail { border-right: 1px solid var(--workspace-line, #c9c9c4); }
.builder-inspector { border-left: 1px solid var(--workspace-line, #c9c9c4); }
.builder-rail-section { padding: 14px 12px; border-bottom: 1px solid var(--workspace-line, #e4e3de); }
.builder-rail-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 9px;
  color: var(--workspace-muted, #6a6f79);
  font-size: .63rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.builder-rail-heading button {
  width: 32px;
  min-height: 32px;
  border: 0;
  border-radius: 7px;
  background: var(--workspace-raised, #e9e8e3);
  color: var(--ink);
  font-weight: 900;
}
.builder-rail .project-select { min-height: 40px; margin-bottom: 8px; font-size: .72rem; }
.builder-rail .page-list { gap: 3px; margin: 0; }
.builder-rail .page-list-row { grid-template-columns: minmax(0,1fr); }
.builder-rail .page-list-row > .order-buttons { display: none; }
.builder-rail .page-list button { min-height: 42px; padding: 7px 8px; }
.builder-rail .page-list button span { font-size: .72rem; font-weight: 780; }
.builder-rail .page-list button small { color: var(--muted); font-size: .6rem; }
.builder-page-layer,
.builder-layer-row {
  width: 100%;
  min-width: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--ink);
}
.builder-page-layer {
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 8px;
  text-align: left;
}
.builder-page-layer > span:last-child,
.builder-layer-select > span:nth-child(2) { display: grid; min-width: 0; gap: 2px; }
.builder-page-layer b,
.builder-layer-select b { overflow: hidden; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.builder-page-layer small,
.builder-layer-select small { overflow: hidden; color: var(--muted); font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }
.builder-page-layer:hover,
.builder-page-layer.selected,
.builder-layer-row:hover,
.builder-layer-row.selected { background: var(--workspace-selected, #ebe9ff); color: var(--workspace-link, #3527b3); }
[data-builder-layer-list] { display: grid; gap: 2px; padding-left: 12px; }
.builder-insert-section {
  min-height: 22px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 2px 5px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--workspace-muted, #727782);
  font-size: .55rem;
  font-weight: 760;
  opacity: .56;
}
.builder-insert-section span { color: var(--purple); font-size: .8rem; }
.builder-insert-section:is(:hover,:focus-visible) { background: var(--workspace-selected, #ebe9ff); color: var(--workspace-link, #3527b3); opacity: 1; }
.builder-layer-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
}
.builder-layer-row.dragging { opacity: .45; }
.builder-layer-select {
  min-width: 0;
  min-height: 44px;
  display: grid;
  grid-template-columns: 14px minmax(0,1fr);
  align-items: center;
  gap: 7px;
  padding: 6px;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
}
.builder-layer-grip { color: var(--workspace-muted, #9ca0a9); cursor: grab; letter-spacing: -3px; touch-action: none; user-select: none; }
.builder-layer-row.drop-before::before,
.builder-layer-row.drop-after::after { content: ""; position: absolute; z-index: 3; left: 5px; right: 5px; height: 3px; border-radius: 999px; background: var(--purple, #673de6); box-shadow: 0 0 0 2px color-mix(in srgb,var(--purple,#673de6) 18%,transparent); }
.builder-layer-row.drop-before::before { top: -2px; }
.builder-layer-row.drop-after::after { bottom: -2px; }
.builder-layer-row { position: relative; }
.builder-drag-ghost { position: fixed; z-index: 999; top: 0; left: 0; max-width: min(240px,70vw); padding: 9px 12px; border: 1px solid rgba(255,255,255,.16); border-radius: 8px; background: #161821; color: #fff; box-shadow: 0 12px 34px rgba(10,11,16,.28); font: 750 .72rem/1.2 Manrope,system-ui,sans-serif; pointer-events: none; will-change: transform; }
.builder-is-reordering { cursor: grabbing; user-select: none; }
.builder-layer-actions { display: none; align-items: center; gap: 1px; padding-right: 4px; }
.builder-layer-row:is(:hover,.selected,:focus-within) .builder-layer-actions { display: inline-flex; }
.builder-layer-actions button {
  width: 28px;
  min-height: 30px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: rgba(255,255,255,.72);
  color: inherit;
}
.builder-layer-actions button:disabled { opacity: .3; }
.builder-paste-section { width: 100%; margin-top: 10px; font-size: .68rem; }
.builder-rail-empty { padding: 16px 8px; color: var(--muted); font-size: .72rem; text-align: center; }
.builder-rail-empty .primary-button { width: 100%; min-height: 42px; }
.builder-live-canvas {
  min-width: 0;
  display: grid;
  grid-template-rows: auto minmax(0,1fr);
  overflow: hidden;
  background: var(--workspace-raised, #d6d6d1);
}
.builder-canvas-bar {
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border-bottom: 1px solid var(--workspace-line, #c7c7c2);
  background: var(--workspace-raised, #efefeb);
  color: var(--ink);
}
.builder-canvas-bar > span { display: grid; min-width: 0; gap: 1px; margin-right: auto; }
.builder-canvas-bar b { font-size: .7rem; }
.builder-canvas-bar small { color: var(--muted); font-size: .58rem; }
.builder-canvas-bar .quiet-button { min-height: 34px; padding: 5px 9px; font-size: .64rem; }
.preview-shell-embedded {
  min-height: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.preview-shell-embedded .preview-stage { height: 100%; min-height: 0; padding: 18px; }
.preview-shell-embedded .preview-frame-wrap { height: 100%; overflow: hidden; box-shadow: 0 2px 8px rgba(17,19,26,.12); }
.preview-shell-embedded iframe { height: 100%; }
.builder-inspector-head {
  position: sticky;
  top: 0;
  z-index: 2;
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border-bottom: 1px solid var(--workspace-line, #e3e2dd);
  background: rgba(251,251,249,.96);
}
.builder-breadcrumbs { min-width: 0; display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: .62rem; }
.builder-breadcrumbs button { overflow: hidden; max-width: 130px; padding: 0; border: 0; background: transparent; color: var(--purple); text-overflow: ellipsis; white-space: nowrap; }
.builder-breadcrumbs span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.builder-panel-close,
.builder-mobile-sheet-head { display: none; }
.builder-inspector-title { padding: 16px 14px 12px; }
.builder-inspector-title > span { color: var(--purple); font-size: .6rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.builder-inspector-title h2 { margin: 4px 0; font-size: 1rem; letter-spacing: -.025em; }
.builder-inspector-title p { margin: 0; color: var(--muted); font-size: .68rem; line-height: 1.5; }
.builder-inspector .builder-inspector-form,
.builder-inspector .section-inspector-card { margin: 0; padding: 0 14px 18px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.builder-inspector .builder-form,
.builder-inspector .section-editor,
.builder-inspector .builder-fieldset { grid-template-columns: 1fr; }
.builder-inspector .builder-form .full,
.builder-inspector .section-editor .full,
.builder-inspector .builder-fieldset .full,
.builder-inspector .checkbox-label { grid-column: auto; }
.builder-inspector .section-card > header {
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--workspace-line, #e3e2dd);
}
.builder-inspector .section-card > header .section-drag,
.builder-inspector .section-card > header > b { display: none; }
.builder-inspector .section-card > header .order-buttons { margin-left: auto; }
.builder-inspector .section-card > header :is(.secondary-button,.danger-button,.quiet-button) { min-height: 34px; padding: 5px 8px; font-size: .62rem; }
.builder-inspector .builder-fieldset { padding: 12px; border-radius: 10px; }
.builder-inspector .builder-actions > button { width: 100%; }
.builder-inspector .advanced-component-data { grid-column: auto; }
.builder-inspector .structured-item-row { grid-template-columns: 1fr; }
.builder-inspector-empty { padding: 28px 18px; color: var(--muted); text-align: center; }
.builder-context-ai {
  display: grid;
  gap: 9px;
  margin: 0 14px 16px;
  padding: 13px;
  border-radius: 11px;
  background: #171920;
  color: var(--workspace-text, #f7f7f5);
}
.builder-context-ai > div:first-child { display: grid; gap: 2px; }
.builder-context-ai span { color: var(--lime); font-size: .55rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.builder-context-ai b { font-size: .76rem; }
.builder-context-ai small { color: var(--workspace-muted, #aeb3bf); font-size: .59rem; line-height: 1.45; }
.builder-context-ai > button,
.builder-context-ai-actions button {
  min-height: 36px;
  padding: 7px 9px;
  border: 1px solid #373b46;
  border-radius: 7px;
  background: #242731;
  color: var(--workspace-text, #f7f7f5);
  font: inherit;
  font-size: .61rem;
  font-weight: 760;
}
.builder-context-ai-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.builder-context-ai button:is(:hover,:focus-visible) { border-color: var(--lime); }
.builder-tool-inspector { min-height: 100%; }
.builder-tool-back { min-height: 34px; padding: 5px 0; border: 0; background: transparent; color: var(--purple); font: inherit; font-size: .65rem; font-weight: 780; }
.builder-tool-content { min-width: 0; padding-bottom: 24px; }
.builder-tool-content > :is(.panel,.callout),
.builder-tool-content > section > .panel,
.builder-tool-content .design-studio > .panel {
  margin: 0;
  padding: 16px 14px;
  border: 0;
  border-top: 1px solid var(--workspace-line, #e3e2dd);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.builder-tool-content :is(.builder-form,.panel-form,.builder-fieldset,.ai-context-grid) { grid-template-columns: 1fr; }
.builder-tool-content :is(.builder-form,.panel-form) > .full,
.builder-tool-content .builder-fieldset > .full { grid-column: auto; }
.builder-tool-content .component-studio { gap: 12px; padding: 0 14px 18px; }
.builder-tool-content .component-studio-compact-head { padding: 2px 0 4px; }
.builder-tool-content .component-studio-compact-head h2 { margin: 4px 0 7px; font-size: 1.05rem; letter-spacing: -.03em; }
.builder-tool-content .component-studio-compact-head p:not(.kicker) { margin: 0; color: var(--muted); font-size: .68rem; line-height: 1.5; }
.builder-tool-content .component-studio-toolbar { align-items: stretch; flex-direction: column; padding: 12px; background: var(--workspace-raised, #efeee9); }
.builder-tool-content .component-studio-grid { grid-template-columns: 1fr; }
.builder-tool-content .component-studio-preview { height: 140px; }
.builder-tool-content .component-studio-card p { min-height: 0; }
.builder-tool-content .design-direction-grid,
.builder-tool-content .design-preset-grid { grid-template-columns: 1fr 1fr; }
.builder-tool-content .design-reference-result dl { grid-template-columns: 1fr; }
.visibility-workspace { display: grid; min-width: 0; }
.visibility-overview,
.visibility-page-picker,
.visibility-page-editor,
.visibility-technical,
.visibility-growth-os {
  min-width: 0;
  padding: 18px 14px;
  border-top: 1px solid var(--line);
}
.visibility-overview { border-top: 0; padding-top: 4px; }
.visibility-plan { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.visibility-plan span,
.visibility-page-heading span,
.visibility-page-picker > div > span,
.visibility-technical > div > span,
.visibility-growth-os > div > span {
  color: var(--workspace-text, #b5adff);
  font-size: .58rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.visibility-plan b { font-size: .72rem; }
.visibility-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-bottom: 16px; border-block: 1px solid var(--line); }
.visibility-summary > div { min-width: 0; padding: 13px 10px; }
.visibility-summary > div + div { border-inline-start: 1px solid var(--line); }
.visibility-summary strong { display: block; margin-bottom: 4px; font-size: 1.25rem; letter-spacing: -.04em; }
.visibility-summary span { display: block; color: var(--muted); font-size: .58rem; line-height: 1.4; }
.visibility-capability-list { display: grid; gap: 1px; background: var(--line); }
.visibility-capability-list > div { display: flex; justify-content: space-between; gap: 12px; padding: 10px; background: var(--panel); font-size: .65rem; }
.visibility-capability-list span { color: var(--muted); }
.visibility-plan-boundary { padding: 13px; border-radius: 10px; background: var(--panel-raised); }
.visibility-plan-boundary b { font-size: .72rem; }
.visibility-plan-boundary p { margin: 6px 0 8px; color: var(--muted); font-size: .64rem; line-height: 1.5; }
.visibility-plan-boundary a { color: var(--workspace-text, #b5adff); font-size: .64rem; font-weight: 800; }
.visibility-page-picker > div { display: grid; gap: 4px; margin-bottom: 10px; }
.visibility-page-picker > div small { color: var(--muted); font-size: .64rem; line-height: 1.45; }
.visibility-page-picker nav { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(145px,1fr); gap: 6px; overflow-x: auto; padding-bottom: 5px; scroll-snap-type: x proximity; }
.visibility-page-picker nav button { min-width: 0; min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 9px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel-raised); color: var(--ink); text-align: start; scroll-snap-align: start; }
.visibility-page-picker nav button.active { border-color: var(--workspace-line, #8f84ff); background: #292440; }
.visibility-page-picker nav button span { display: grid; min-width: 0; gap: 2px; }
.visibility-page-picker nav button b,
.visibility-page-picker nav button small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.visibility-page-picker nav button b { font-size: .66rem; }
.visibility-page-picker nav button small { color: var(--muted); font-size: .56rem; }
.visibility-page-picker nav button i { color: var(--lime); font-style: normal; }
.visibility-page-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 12px; }
.visibility-page-heading h3,
.visibility-technical h3,
.visibility-growth-os h3 { margin: 4px 0; font-size: 1rem; letter-spacing: -.03em; }
.visibility-page-heading p,
.visibility-growth-os p { margin: 0; color: var(--muted); font-size: .64rem; line-height: 1.5; }
.visibility-score { flex: none; min-width: 42px; min-height: 42px; display: grid; place-items: center; border: 1px solid var(--workspace-line, #8f84ff); border-radius: 50%; color: var(--workspace-text, #c4beff); font-size: .65rem; font-weight: 850; }
.search-result-preview { margin-bottom: 16px; padding: 14px 0; border-block: 1px solid var(--line); }
.search-result-preview small { display: block; overflow-wrap: anywhere; color: #7ce6bb; font-size: .6rem; }
.search-result-preview strong { display: block; margin: 6px 0 4px; color: #b5adff; font-size: .95rem; font-weight: 650; line-height: 1.25; }
.search-result-preview p { margin: 0; color: var(--muted); font-size: .66rem; line-height: 1.5; }
.visibility-seo-form { gap: 12px; }
.visibility-seo-form .page-seo-fieldset { padding: 0; border: 0; }
.visibility-seo-form .page-seo-fieldset > legend { margin-bottom: 10px; }
.visibility-seo-form .builder-actions > button { width: 100%; white-space: normal; }
.visibility-technical > div { margin-bottom: 12px; }
.visibility-technical ul { display: grid; gap: 1px; margin: 0; padding: 0; background: var(--line); list-style: none; }
.visibility-technical li { display: grid; gap: 3px; padding: 10px; background: var(--panel); }
.visibility-technical li b { font-size: .66rem; }
.visibility-technical li span { color: var(--muted); font-size: .6rem; line-height: 1.4; }
.visibility-growth-os { display: grid; gap: 14px; background: #11141b; }
.visibility-growth-os :is(.primary-button,.secondary-button) { width: 100%; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.builder-design-quick { padding: 4px 14px 16px; }
.design-current { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.design-current > div { min-width: 0; }
.design-current > div > p:last-child { max-width: 64ch; }
.design-current-swatch { flex: none; width: 112px; height: 72px; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border-radius: 12px; outline: 1px solid color-mix(in srgb,var(--workspace-line, #d7d6d0) 75%,transparent); outline-offset: 3px; }
.design-current-swatch i:nth-child(1) { background: var(--current-bg); }
.design-current-swatch i:nth-child(2) { background: var(--current-surface); }
.design-current-swatch i:nth-child(3) { background: var(--current-primary); }
.design-current-swatch i:nth-child(4) { background: var(--current-accent); }
.design-palette-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 16px; }
.design-palette-grid > button,
.design-type-grid > button { min-width: 0; min-height: 92px; display: grid; align-content: start; gap: 4px; padding: 10px; border: 0; border-radius: 10px; background: var(--workspace-raised, #efeee9); color: var(--ink); text-align: left; cursor: pointer; transition: transform .18s cubic-bezier(.22,1,.36,1), background-color .18s cubic-bezier(.22,1,.36,1), box-shadow .18s cubic-bezier(.22,1,.36,1); }
.design-palette-grid > button:is(:hover,:focus-visible),
.design-type-grid > button:is(:hover,:focus-visible) { transform: translateY(-2px); background: var(--workspace-selected, #ebe9ff); }
.design-palette-grid > button:active,
.design-type-grid > button:active { transform: translateY(0) scale(.985); }
.design-palette-grid > button[aria-pressed="true"],
.design-type-grid > button[aria-pressed="true"] { box-shadow: inset 0 0 0 2px var(--workspace-line, #7767f0); background: var(--workspace-selected, #ebe9ff); }
.design-palette-swatches { height: 34px; display: grid; grid-template-columns: 1.4fr 1fr .72fr .72fr; overflow: hidden; margin-bottom: 4px; border-radius: 6px; }
.design-palette-swatches i { background: var(--swatch); }
.design-palette-grid b,
.design-type-grid b { overflow-wrap: anywhere; font-size: .67rem; }
.design-palette-grid small,
.design-type-grid small { color: var(--muted); font-size: .57rem; line-height: 1.4; }
.design-palette-grid em { margin-top: 2px; color: var(--workspace-success, #29633b); font-size: .52rem; font-style: normal; font-weight: 750; }
.design-type-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 16px; }
.design-type-grid > button { min-height: 106px; }
.design-type-grid > button > span { font: 600 1.7rem/1 var(--type-preview); letter-spacing: -.035em; }
.builder-design-quick h3 { margin: 4px 0 6px; font-size: 1rem; letter-spacing: -.03em; }
.builder-design-quick > p:not(.kicker) { margin: 0 0 14px; color: var(--muted); font-size: .68rem; line-height: 1.5; }
.builder-design-quick > div { display: grid; gap: 10px; }
.builder-design-quick fieldset { display: grid; grid-template-columns: repeat(3,1fr); gap: 4px; margin: 0; padding: 0; border: 0; }
.builder-design-quick legend { margin-bottom: 6px; color: var(--workspace-muted, #6a6f79); font-size: .58rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.builder-design-quick button { min-height: 38px; padding: 6px; border: 1px solid var(--workspace-line, #d7d6d0); border-radius: 7px; background: var(--workspace-raised, #efeee9); color: var(--ink); font-size: .6rem; font-weight: 750; }
.builder-design-quick button:is(:hover,:focus-visible) { border-color: var(--purple); background: var(--workspace-selected, #ebe9ff); color: var(--workspace-link, #3527b3); }
.builder-design-advanced { margin: 0; border-top: 1px solid var(--workspace-line, #e3e2dd); }
.builder-design-advanced > summary { padding: 15px 14px; color: var(--purple); font-size: .68rem; font-weight: 800; cursor: pointer; }
.builder-design-advanced > .builder-form { margin: 0; padding: 0 14px 18px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.builder-tool-shell {
  min-height: 650px;
  display: grid;
  grid-template-columns: 230px minmax(0,1fr);
  gap: 0;
  background: var(--paper);
  color: var(--ink);
}
.builder-tool-shell > .builder-sidebar { border: 0; border-right: 1px solid var(--line); border-radius: 0; }
.builder-tool-shell > .builder-workspace { border: 0; border-radius: 0; }
.builder-tool-shell .builder-content { max-width: 1180px; margin: 0 auto; padding: clamp(18px,3vw,34px); }
.builder-mobile-tools { display: none; }
.builder-mobile-save { display: none; color: var(--muted); font-size: .68rem; font-weight: 800; }
.builder-mobile-save[data-state="saving"] { color: var(--workspace-danger, #715c00); }
.builder-mobile-save[data-state="error"],
.builder-mobile-save[data-state="offline"],
.builder-mobile-save[data-state="conflict"] { color: var(--workspace-danger, #9b2525); }

@media (max-width: 1180px) {
  .builder-visual-shell,
  .builder-visual-shell[data-tool-open="true"] { grid-template-columns: 160px minmax(230px,1fr) minmax(285px,320px); }
  .builder-device-switch .device-label { display: none; }
  .builder-project-identity { min-width: 130px; }
  .builder-product-actions .quiet-button { display: none; }
  .builder-product-actions .secondary-button { display: none; }
  .builder-tool-content,
  .builder-tool-content :is(.design-studio,.design-reference-panel,.design-reference-result,.design-reference-result-head) { min-width: 0; max-width: 100%; }
  .builder-tool-content .design-reference-result-head { align-items: flex-start; flex-wrap: wrap; }
  .builder-tool-content .design-reference-result-head > span { min-width: 0; max-width: 100%; }
  .builder-tool-content .design-reference-result-head b { overflow-wrap: anywhere; white-space: normal; }
  .builder-tool-content .design-reference-compliance > span { min-width: 0; max-width: 100%; overflow-wrap: anywhere; white-space: normal; }
}

@media (max-width: 780px) {
  .section-picker-intro,
  .component-studio-toolbar,
  .component-studio-ownership { align-items: stretch; flex-direction: column; }
  .section-picker-intro > span { display: none; }
  .component-studio-hero { grid-template-columns: 1fr; }
  .component-studio-hero dl { min-width: 0; }
  .component-studio-search { flex: 0 0 auto; width: 100%; }
  .component-studio-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .component-studio-ownership code { width: 100%; overflow: auto; }
  .app-shell.builder-active .app-main { padding: 0; }
  .builder-product { border: 0; border-radius: 0; }
  .builder-product-bar { min-height: 52px; padding: 6px 8px; }
  .builder-project-identity { min-width: 0; flex: 1; }
  .builder-project-identity small { display: none; }
  .builder-history-toolbar { display: none; }
  .builder-device-switch { margin-left: 0; }
  .builder-device-switch button { min-width: 38px; min-height: 38px; }
  .builder-product-bar > .save-indicator { display: none; }
  .builder-save-conflict { align-items: stretch; gap: 10px; padding: 10px 12px; }
  .builder-save-conflict span { display: none; }
  .builder-save-conflict .secondary-button { min-height: 34px; padding: 5px 8px; font-size: .62rem; }
  .builder-product-actions .secondary-button,
  .builder-product-actions .quiet-button { display: none; }
  .builder-product-actions .primary-button { min-height: 38px; padding: 7px 10px; font-size: .68rem; }
  .builder-visual-shell,
  .builder-visual-shell[data-tool-open="true"] { height: calc(100dvh - 112px); min-height: 520px; display: block; }
  .builder-live-canvas { height: 100%; padding-bottom: 56px; }
  .builder-canvas-bar { min-height: 44px; }
  .builder-canvas-bar small { display: none; }
  .builder-mobile-save { display: inline-flex; margin-left: auto; }
  .builder-canvas-bar .quiet-button { min-height: 36px; }
  .preview-shell-embedded .preview-stage { padding: 8px; }
  .builder-rail,
  .builder-inspector {
    position: fixed;
    z-index: 45;
    left: 8px;
    right: 8px;
    bottom: calc(62px + env(safe-area-inset-bottom));
    max-height: min(68vh,650px);
    border: 1px solid var(--workspace-line, #c9c9c4);
    border-radius: 14px;
    box-shadow: 0 8px 28px rgba(17,19,26,.24);
    transform: translateY(calc(100% + 90px));
    transition: transform .2s cubic-bezier(.23,1,.32,1);
  }
  .builder-visual-shell[data-mobile-panel="pages"] .builder-rail,
  .builder-visual-shell[data-mobile-panel="sections"] .builder-rail,
  .builder-visual-shell[data-mobile-panel="inspector"] .builder-inspector { transform: translateY(0); }
  .builder-visual-shell[data-mobile-panel="pages"] .builder-layers,
  .builder-visual-shell[data-mobile-panel="sections"] .builder-rail > .builder-rail-section:first-of-type,
  .builder-visual-shell[data-mobile-panel="sections"] .builder-project-tools { display: none; }
  .builder-mobile-sheet-head {
    position: sticky;
    top: 0;
    z-index: 3;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border-bottom: 1px solid var(--workspace-line, #e3e2dd);
    background: var(--workspace-surface, #fbfbf9);
  }
  .builder-mobile-sheet-head button,
  .builder-panel-close {
    width: 40px;
    min-height: 40px;
    border: 0;
    border-radius: 8px;
    background: var(--workspace-raised, #e9e8e3);
    color: var(--ink);
    font-size: 1.15rem;
  }
  .builder-panel-close { display: grid; margin-left: auto; place-items: center; }
  .builder-mobile-tools {
    position: fixed;
    z-index: 44;
    left: 8px;
    right: 8px;
    bottom: max(8px,env(safe-area-inset-bottom));
    min-height: 52px;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 3px;
    padding: 4px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    background: #12141a;
  }
  .builder-mobile-tools button {
    min-height: 42px;
    padding: 5px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--workspace-text, #f7f7f5);
    font-size: .63rem;
    font-weight: 760;
  }
  .builder-mobile-tools button:hover,
  .builder-mobile-tools button:focus-visible { background: #2a2d36; }
  .builder-tool-shell { grid-template-columns: 1fr; min-height: 600px; }
  .builder-tool-shell > .builder-sidebar { display: none; }
  .builder-fieldset { grid-template-columns: 1fr; }
  .builder-fieldset .full,
  .checkbox-label,
  .section-editor .full { grid-column: auto; }
  .editor-details summary { align-items: flex-start; flex-direction: column; }
  .order-buttons button { width: 44px; min-height: 44px; }
  .canvas-note { align-items: flex-start; flex-direction: column; }
  .preview-toolbar { flex-wrap: wrap; }
  .preview-toolbar > span { flex: 1 0 100%; margin-right: 0; }
  .preview-toolbar button { flex: 1 1 auto; min-height: 44px; }
  .section-picker-grid { grid-template-columns: 1fr 1fr; }
  .design-preset-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .design-current { align-items: flex-start; flex-direction: column; }
  .design-current-swatch { width: 100%; height: 54px; }
  .design-direction-grid,.design-capability-overview ul{grid-template-columns:1fr}
  .design-reference-panel .panel-form{grid-template-columns:1fr}.design-reference-basis{grid-template-columns:minmax(0,1fr)}.design-reference-result dl{grid-template-columns:minmax(0,1fr)}.design-reference-result-head{align-items:flex-start;flex-direction:column}.design-reference-recipe{align-items:flex-start;grid-template-columns:minmax(0,1fr)}.design-reference-recipe>.primary-button{grid-column:1;grid-row:auto;max-width:100%;margin-top:10px;white-space:normal}.design-reference-policy{flex-direction:column}
  .section-card header { align-items: flex-start; flex-wrap: wrap; }
  .asset-focal-grid { grid-template-columns: 1fr; }
  .ai-change-select { grid-template-columns: 20px 1fr; gap: 8px 12px; }
  .ai-change-select > div { grid-column: 2; }
  .form-submission-list li,
  .version-list li,
  .version-change-list li,
  .health-check-list li { align-items: flex-start; flex-direction: column; }
  .health-category-grid { grid-template-columns: 1fr 1fr; }
  .responsive-summary { align-items: flex-start; flex-direction: column; }
  .cms-intro,
  .cms-schema-toolbar,
  .cms-editor-heading,
  .project-export-panel { flex-direction: column; }
  .cms-collection-layout,
  .cms-item-layout { grid-template-columns: 1fr; }
  .cms-field-row { grid-template-columns: 1fr; }
  .cms-binding-row { grid-template-columns: 1fr; }
  .cms-field-row-head,
  .cms-field-options,
  .cms-field-flags,
  .cms-binding-row .cms-field-row-head,
  .cms-binding-row .full { grid-column: auto; }
  .cms-collection-list,
  .cms-item-list { max-height: 260px; overflow: auto; }
  .cms-item-list { border-right: 0; border-bottom: 1px solid var(--line); }
  .cms-intro > button,
  .cms-schema-toolbar > button,
  .project-export-panel > button { width: 100%; }
  .webhook-events { grid-template-columns: 1fr; }
  .webhook-endpoint-card > header,
  .webhook-deliveries .panel-head { flex-direction: column; }
  .webhook-badges { justify-content: flex-start; }
  .webhook-endpoint-form .webhook-events { grid-column: auto; }
  .webhook-secret .builder-actions > button,
  .webhook-endpoint-form .builder-actions > button { width: 100%; }
  .global-section-add,
  .global-section-definition { align-items: stretch; flex-direction: column; }
  .global-section-actions { justify-content: flex-start; }
  .structured-item-row { grid-template-columns: 1fr; }
  .structured-item-heading { grid-column: auto; flex-wrap: wrap; }
  .form-field-row { grid-template-columns: 1fr; }
  .form-field-row > label.full,
  .form-field-row-head { grid-column: auto; }
  .form-field-row-head { flex-wrap: wrap; }
  .page-localization { align-items: stretch; flex-direction: column; }
  .page-localization-list { justify-content: stretch; }
  .page-localization-list :is(button,span) { flex: 1; }
  .import-counts { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .comment-thread > header,
  .comment-reply-form { align-items: stretch; flex-direction: column; }
  .comments-overview > .panel-head { flex-direction: column; }
  .comments-overview > .panel-head .builder-actions { width: 100%; }
  .redirect-card { grid-template-columns: 1fr; align-items: stretch; }
  .redirect-card .builder-actions { grid-column: auto; }
  .redirect-suggestion { align-items: stretch; flex-direction: column; }
}

@media (max-width: 440px) {
  .builder-content { padding: 12px; }
  .section-picker-grid { grid-template-columns: 1fr; }
  .component-studio-grid,
  .component-studio-grid.compact { grid-template-columns: 1fr; }
  .component-studio-preview { height: 170px; }
  .component-studio-hero { padding: 22px 18px; border-radius: 13px; }
  .component-studio-hero dl { grid-template-columns: 1fr 1fr; }
  .comment-replies { padding-left: 16px; }
  .builder-product-actions .primary-button { display: none; }
  .builder-project-identity b { max-width: 110px; }
}

@media (prefers-reduced-motion: reduce) {
  .builder-rail,
  .builder-inspector,
  .preview-frame-wrap { transition: none; }
}

.website-link-picker{display:grid;gap:10px;min-width:0}.website-link-picker [hidden]{display:none!important}.website-link-picker select{width:100%;min-width:0;min-height:44px}.website-link-picker small{display:block;font-size:12px;line-height:1.5;color:var(--muted,var(--workspace-muted, #666))}

/* Screen maturity: the builder is a focused studio. The website remains the
   brightest object; product chrome recedes around it. */
.builder-product{border-color:#303745;background:#10141b;box-shadow:0 30px 80px -55px #000}
.builder-product-bar{gap:12px;padding-inline:14px;background:#121720;border-bottom-color:#303745}
.builder-brand{min-height:38px;display:flex;align-items:center;gap:9px;padding:0 13px 0 3px;border:0;border-right:1px solid #343a48;background:transparent;color:var(--workspace-text,#fff);cursor:pointer}
.builder-brand .vurm-wordmark{font-size:.9rem;letter-spacing:-.04em}
.builder-brand>span:last-child{color:var(--workspace-muted,#aeb6c5);font-size:.61rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.builder-project-identity{gap:9px;min-width:210px}
.builder-project-title{display:grid;min-width:0;gap:2px}
.builder-project-title h1{max-width:190px;margin:0;overflow:hidden;color:var(--workspace-text,#fff);font-size:.76rem;font-weight:720;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.builder-project-title small{overflow:hidden;color:var(--workspace-muted,#9fa8b8);font-size:.59rem;text-overflow:ellipsis;white-space:nowrap}
.builder-back,.builder-history-toolbar button,.builder-device-switch button{min-width:40px;min-height:40px}
.builder-product-bar>.save-indicator[data-state="saved"]::before{width:6px;height:6px;display:inline-block;margin:0 7px 1px 0;border-radius:50%;background:var(--lime);content:""}
.builder-project-menu>summary::after{content:none}
.builder-project-menu>summary>.vurm-icon:first-child{color:var(--workspace-muted,#aab2c0)}
.builder-project-menu>summary>.vurm-icon:last-child{width:.75rem;height:.75rem;color:var(--workspace-muted,#aab2c0);transition:transform .15s ease}
.builder-project-menu[open]>summary>.vurm-icon:last-child{transform:rotate(180deg)}
.builder-visual-shell,.builder-live-canvas{background:#0e1218}
.builder-live-canvas{position:relative}
.builder-live-canvas::before{position:absolute;inset:48px 0 0;border-top:1px solid #ffffff0d;content:"";pointer-events:none}
.builder-rail,.builder-inspector{background:#171d27;color:var(--workspace-text,#fff)}
.builder-rail{border-right-color:#343e4e}
.builder-inspector{border-left-color:#343e4e}
.builder-rail-section{border-bottom-color:#343e4e}
.builder-rail-heading{color:var(--workspace-muted,#abb5c6)}
.builder-rail-heading button,.builder-mobile-sheet-head button,.builder-panel-close{background:#222a37;color:var(--workspace-text,#fff)}
.builder-rail :is(.project-select,.page-list button),.builder-page-layer,.builder-layer-row{color:var(--workspace-text,#fff)}
.builder-page-layer:hover,.builder-page-layer.selected,.builder-layer-row:hover,.builder-layer-row.selected{background:#2c2543;color:#d7caff}
.builder-layer-grip{width:12px;display:grid;grid-template-columns:repeat(2,3px);gap:2px;cursor:grab}
.builder-layer-grip i{width:3px;height:3px;border-radius:50%;background:currentColor}
.builder-layer-grip.locked{display:grid;grid-template-columns:1fr;place-items:center;cursor:default;color:#b6bfd0}
.builder-layer-grip.locked .vurm-icon{width:.78rem;height:.78rem}
.builder-layer-row.locked{opacity:.82}
.builder-layer-actions button{display:grid;place-items:center;background:#343043;color:#d7caff}
.builder-layer-actions button:hover:not(:disabled){background:#463d61}
.builder-layer-actions .vurm-icon{width:.8rem;height:.8rem}
.builder-canvas-bar{position:relative;z-index:1;border-bottom-color:#343e4e;background:#171d27;color:var(--workspace-text,#fff)}
.builder-canvas-bar .quiet-button{border-color:#3b4657;background:#222a37;color:var(--workspace-text,#fff)}
.preview-shell-embedded .preview-stage{position:relative;padding:24px;background:transparent}
.preview-shell-embedded .preview-frame-wrap{border:1px solid #3a4351;border-radius:10px;background:#fff;box-shadow:0 28px 70px -28px #000}
.builder-inspector-head{background:#171d27;border-bottom-color:#343e4e}
.builder-breadcrumbs{color:var(--workspace-muted,#abb5c6)}
.builder-breadcrumbs button,.builder-inspector-title>span{color:#c2afff}
.builder-inspector-title{padding:20px 18px 14px}
.builder-inspector-title h2{color:var(--workspace-text,#fff);font-size:1.12rem}
.builder-inspector-title p{font-size:.72rem;line-height:1.65}
.builder-inspector .builder-inspector-form,.builder-inspector .section-inspector-card{padding-inline:18px}
.builder-context-ai{margin-inline:18px;border:1px solid #4a4563;background:#211d31}
.builder-context-ai>button,.builder-context-ai-actions button{min-height:42px}
.builder-inspector :is(input,textarea,select){border-color:#455164;background:#11161e;color:var(--workspace-text,#fff)}
.builder-inspector .builder-fieldset{border:1px solid #343e4e;background:#141a23}
.section-lock-badge{display:inline-flex;align-items:center;gap:5px;background:#293241;color:#d7deeb}
.section-lock-badge .vurm-icon{width:.72rem;height:.72rem}
.section-card.section-locked>header{border-color:#465164;background:#161c25}
.section-organization{grid-template-columns:minmax(0,1fr)}
.section-organization .checkbox-label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start}
.section-organization .checkbox-label input{grid-row:1 / span 2}
.section-organization .checkbox-label small{grid-column:2}
.section-image-control{display:grid;gap:10px}
.section-image-control-label{color:var(--workspace-muted,#abb5c6);font-size:.68rem;font-weight:750}
.section-image-current{width:100%;min-height:82px;display:grid;grid-template-columns:72px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:8px;border:1px solid #455164;border-radius:12px;background:#11161e;color:var(--workspace-text,#fff);text-align:left;cursor:pointer}
.section-image-current:hover,.section-image-current:focus-visible{border-color:#8f74f8;outline:2px solid #8f74f8;outline-offset:2px}
.section-image-current>span:first-child{width:72px;aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#202835}
.section-image-current img{width:100%;height:100%;display:block}
.section-image-current>span:nth-child(2){display:grid;gap:3px;min-width:0}
.section-image-current b,.section-image-current small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.section-image-current small{color:var(--workspace-muted,#abb5c6);font-size:.62rem}
.section-image-current>.vurm-icon{width:16px;height:16px;color:#bfaeff}
.section-image-empty{display:grid;place-items:center;color:#bfaeff}.section-image-empty .vurm-icon{width:22px;height:22px}
.section-image-actions{display:flex;flex-wrap:wrap;gap:7px}.section-image-actions .quiet-button{min-height:34px;font-size:.62rem}
.section-image-dialog{width:min(860px,calc(100vw - 28px));max-height:min(760px,calc(100dvh - 28px));padding:0;border:1px solid #4a5567;border-radius:16px;background:#151b24;color:#fff;box-shadow:0 34px 100px #0009}
.section-image-dialog::backdrop{background:#080b10c7;backdrop-filter:blur(5px)}
.section-image-dialog-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:inherit}
.section-image-dialog header,.section-image-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid #343e4e}.section-image-dialog footer{justify-content:flex-end;border-top:1px solid #343e4e;border-bottom:0}
.section-image-dialog header h3,.section-image-dialog header p{margin:0}.section-image-dialog header p:not(.kicker){color:#aeb7c6;font-size:.7rem}.section-image-dialog .icon-control{flex:none;background:#252d3a;color:#fff}
.section-image-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px;padding:16px;overflow:auto}
.section-image-option{min-width:0;display:grid;grid-template-rows:112px auto auto;gap:5px;padding:7px;border:1px solid #3b4657;border-radius:11px;background:#11161e;color:#fff;text-align:left;cursor:pointer}
.section-image-option:hover,.section-image-option:focus-visible,.section-image-option.selected{border-color:#9c83ff;background:#211b33;outline:2px solid #9c83ff;outline-offset:2px}.section-image-option.selected{box-shadow:none}
.section-image-option>img,.section-image-option>span:first-child{width:100%;height:112px;display:grid;place-items:center;border-radius:7px;background:#222b38}.section-image-option>img{object-fit:cover}
.section-image-option b,.section-image-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-image-option small{color:#aeb7c6;font-size:.6rem}
.asset-card.asset-card-focus{outline:3px solid #8e70ff;outline-offset:4px;box-shadow:0 22px 55px #37208238}
.editor-shortcuts-dialog{width:min(620px,calc(100vw - 28px));padding:0;border:1px solid #4a5567;border-radius:16px;background:#151b24;color:#fff;box-shadow:0 34px 100px #0009}.editor-shortcuts-dialog::backdrop{background:#080b10c7;backdrop-filter:blur(5px)}
.editor-shortcuts-dialog>div{display:grid}.editor-shortcuts-dialog header,.editor-shortcuts-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;border-bottom:1px solid #343e4e}.editor-shortcuts-dialog footer{border-top:1px solid #343e4e;border-bottom:0}.editor-shortcuts-dialog h2,.editor-shortcuts-dialog p{margin:0}.editor-shortcuts-dialog ul{display:grid;gap:0;margin:0;padding:6px 20px;list-style:none}.editor-shortcuts-dialog li{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #2d3644;font-size:.72rem}.editor-shortcuts-dialog li:last-child{border-bottom:0}.editor-shortcuts-dialog li>span:last-child{display:flex;align-items:center;gap:5px}.editor-shortcuts-dialog kbd{min-width:28px;padding:4px 7px;border:1px solid #596578;border-bottom-width:2px;border-radius:6px;background:#222a37;color:#fff;font:700 .61rem/1.2 Inter,system-ui,sans-serif;text-align:center}.editor-shortcuts-dialog footer small{color:#aeb7c6;line-height:1.5}.editor-shortcuts-dialog .icon-control{background:#252d3a;color:#fff}
@media(max-width:1180px){.builder-brand>span:last-child{display:none}.builder-brand{padding-right:9px}.builder-project-title h1{max-width:120px}}
@media(max-width:780px){.builder-brand{display:none}.builder-project-title h1{max-width:min(34vw,150px)}.builder-live-canvas::before{inset:44px 0 0}.preview-shell-embedded .preview-stage{padding:8px}.builder-rail,.builder-inspector{background:#171d27;border-color:#465164}.builder-mobile-sheet-head{background:#171d27;border-bottom-color:#343e4e}}
@media(max-width:560px){.builder-shortcuts-trigger{display:none}.section-image-options{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.section-image-option{grid-template-rows:92px auto auto}.section-image-option>img,.section-image-option>span:first-child{height:92px}.section-image-dialog header,.section-image-dialog footer{padding:12px}.section-image-dialog footer{align-items:stretch;flex-direction:column}.section-image-dialog footer button{width:100%}.editor-shortcuts-dialog ul{padding-inline:12px}.editor-shortcuts-dialog li{align-items:flex-start;flex-direction:column;gap:6px;padding-block:10px}.editor-shortcuts-dialog footer{align-items:stretch;flex-direction:column}.editor-shortcuts-dialog footer button{width:100%}}
@media(max-width:440px){.builder-project-title h1{max-width:29vw}.builder-project-menu>summary>span{display:none}.builder-project-menu>summary{width:40px;padding:0;justify-content:center}.builder-project-menu>summary>.vurm-icon:last-child{display:none}}