:root {
  /* Buzl Listing: src/app/globals.css. Keep shared brand values centralized. */
  --ink: #2a3547;
  --muted: #5d6776;
  --text-muted: #7d8795;
  --line: #dce2e8;
  --line-strong: #c8d0da;
  --paper: #f2f5fa;
  --white: #ffffff;
  --accent: #004aad;
  --accent-hover: #003e91;
  --accent-active: #003678;
  --info-soft: #ecf4ff;
  --success: #087c3c;
  --success-soft: #e3f2ea;
  --warning: #9a6700;
  --warning-soft: #fff6df;
  --danger: #c93b2b;
  --danger-soft: #fdecee;
  --radius: 8px;
  --card-shadow: 0 1px 2px rgb(42 53 71 / 4%);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

.shell {
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto;
  padding: 24px 0 48px;
}

.hero {
  padding: 0 0 8px;
}

.hero p,
.hero span {
  color: var(--muted);
}

.hero p {
  margin: 0 0 8px;
  color: var(--accent);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

h1,
h2 {
  margin: 0;
  color: var(--ink);
  line-height: 1.3;
}

h1 {
  font-size: clamp(1.5rem, 2vw, 1.875rem);
  letter-spacing: -0.025em;
  margin-bottom: 8px;
}

h2 {
  margin-bottom: 18px;
  font-size: 1.125rem;
}

.helper {
  max-width: 780px;
  margin: -8px 0 18px;
  color: var(--muted);
}

section {
  margin-top: 18px;
  padding: 24px;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--card-shadow);
}

.grid,
.repeat-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.three {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

label,
fieldset {
  display: grid;
  gap: 7px;
  min-width: 0;
  color: var(--ink);
  font-weight: 600;
}

legend {
  padding: 0 0 12px;
  font-weight: 800;
}

fieldset {
  margin: 0;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
}

input,
select,
textarea {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 12px;
  color: var(--ink);
  background: var(--white);
  font: inherit;
  font-weight: 400;
}

textarea {
  min-height: 86px;
  resize: vertical;
}

.wide {
  grid-column: 1 / -1;
}

.checks {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  margin: 14px 0;
  color: var(--muted);
}

.checks span {
  width: 100%;
  color: var(--ink);
  font-weight: 800;
}

.checks label {
  display: inline-flex;
  grid-auto-flow: column;
  gap: 8px;
  align-items: center;
  font-weight: 500;
}

.checks input {
  width: 18px;
  min-height: 18px;
}

.team {
  display: grid;
  gap: 12px;
}

.team-row {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.submit-bar {
  position: sticky;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 18px;
  padding: 16px;
  background: rgb(255 255 255 / 96%);
  border: 1px solid var(--line);
  border-radius: 8px;
  backdrop-filter: blur(12px);
}

button {
  min-height: 44px;
  border: 1px solid var(--accent);
  border-radius: 8px;
  padding: 10px 16px;
  color: var(--white);
  background: var(--accent);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  transition: background-color .15s, border-color .15s;
}
button:not(:disabled):hover { background: var(--accent-hover); border-color: var(--accent-hover); }
button:not(:disabled):active { background: var(--accent-active); }

button.secondary {
  color: var(--accent);
  background: var(--white);
}
button.secondary:not(:disabled):hover { background: var(--info-soft); border-color: var(--accent); }

#status {
  color: var(--muted);
}

[hidden] { display: none !important; }
.small, .session-note { color: var(--muted); font-size: 0.88rem; font-weight: 400; margin: 7px 0; }
.load-panel, .load-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.load-panel { justify-content: space-between; margin-bottom: 24px; }
#profileName { overflow-wrap: anywhere; }
.file-button { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 16px; border-radius: 8px; background: var(--accent); color: white; cursor: pointer; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.file-button:has(+ input:focus-visible) { outline: 3px solid #174e92; outline-offset: 3px; }
.editor-layout { display: grid; grid-template-columns: 205px minmax(0, 1fr); gap: 24px; align-items: start; }
.section-nav { position: sticky; top: 84px; display: grid; gap: 3px; }
.nav-heading { font-size: 0.8rem; font-weight: 800; color: var(--muted); text-transform: uppercase; letter-spacing: 0.06em; }
.section-nav a { color: var(--ink); padding: 9px 10px; text-decoration: none; font-size: 0.91rem; border-radius: 6px; }
.section-nav a:hover { background: var(--info-soft); color: var(--accent); }
.profile-section, .developer-panel { margin: 0 0 16px; padding: 22px; border: 1px solid var(--line); background: white; border-radius: 8px; min-width: 0; box-shadow: var(--card-shadow); }
.profile-section { scroll-margin-top: 84px; }
.profile-section > summary { display: flex; gap: 12px; align-items: center; list-style: none; cursor: pointer; }
summary::-webkit-details-marker { display: none; }
.profile-section summary h2 { margin: 0; font-size: 1.16rem; line-height: 1.4; }
.section-number { color: var(--accent); font-size: 0.85rem; font-weight: 800; }
.section-arrow { margin-left: auto; font-size: 1.4rem; }
.profile-section[open] > summary { margin-bottom: 20px; }
.profile-section:not([open]) .section-arrow { transform: rotate(-90deg); }
.profile-section .helper { font-size: 0.91rem; margin: 0 0 22px; }
.field { min-width: 0; }
.field-label { display: block; margin-bottom: 7px; font-size: 0.94rem; }
.item-list, .object-list { display: grid; gap: 8px; }
.item-row { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; gap: 8px; align-items: start; }
.item-number { padding-top: 11px; font-size: 0.8rem; color: var(--muted); text-align: center; }
.row-actions { display: flex; gap: 5px; }
.small-button { padding: 8px 10px; font-size: 0.85rem; font-weight: 700; }
.item-list > button { justify-self: start; }
.property-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: center; }
.property-add { display: flex; gap: 10px; flex-wrap: wrap; }
.property-add input { flex: 1; min-width: 130px; }
.json-input, #jsonPreview { font-family: Consolas, monospace; font-size: 0.86rem; }
.json-input { min-height: 70px; }
#jsonPreview { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; padding: 18px; max-height: 450px; overflow: auto; white-space: pre; }
.developer-panel summary { font-weight: 700; cursor: pointer; }
#unknownFields { color: #8a3d13; overflow-wrap: anywhere; }
.error-panel { padding: 16px; margin-bottom: 18px; border: 1px solid #f9c6cb; border-radius: 8px; color: var(--danger); background: var(--danger-soft); overflow-wrap: anywhere; }
.field-error { font-size: 0.87rem; color: var(--danger); font-weight: 400; margin: 6px 0; }
[aria-invalid="true"] { border-color: var(--danger); }
.read-only-badge, .state-badge { display: inline-block; font-size: 0.78rem; padding: 3px 8px; border-radius: 999px; color: var(--muted); background: var(--paper); }
.state-badge.dirty { background: var(--warning-soft); color: var(--warning); }
input:read-only { background: var(--paper); }
button:disabled { cursor: default; opacity: 0.5; }
input:disabled, textarea:disabled, select:disabled { color: var(--ink); opacity: 0.85; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.submit-bar { z-index: 2; }
.empty-state { padding: 35px; text-align: center; color: var(--muted); }
@media (max-width: 860px) {
  .editor-layout { grid-template-columns: 1fr; gap: 14px; }
  .section-nav { position: static; display: flex; flex-wrap: wrap; gap: 3px; }
  .nav-heading { width: 100%; margin: 0; }
  .section-nav a { padding: 5px 8px; font-size: 0.8rem; }
  .profile-section { padding: 18px; }
  .item-row { grid-template-columns: 20px minmax(0,1fr); }
  .row-actions { grid-column: 2; justify-content: flex-end; }
  .property-row { grid-template-columns: 1fr; }
  .property-row > button { justify-self: end; }
  .submit-bar { gap: 8px; padding: 12px; }
  .submit-bar > button { flex: 1 1 calc(50% - 8px); padding: 9px; font-size: 0.88rem; }
  #status { width: 100%; font-size: 0.85rem; }
  .load-actions { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; } }

.intake-toolbar,.mode-bar,.summary-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; }
.intake-toolbar { margin:20px 0; padding:20px; background:white; border:1px solid var(--line); border-radius:8px; }
.mode-bar { justify-content:flex-start; margin-bottom:20px; }
.found-summary { margin-bottom:20px; }
.summary-heading h2 { margin:0; }
.known-summary { display:flex; flex-wrap:wrap; gap:9px; margin:20px 0; }
.known-pill,.missing-pill { padding:5px 10px; border-radius:999px; font-size:.8rem; background:var(--success-soft); color:var(--success); }
.missing-pill { background:var(--paper); color:var(--muted); }
.existing-info { padding:20px; background:white; border:1px solid var(--line); border-radius:8px; margin-bottom:20px; }
.existing-info summary { cursor:pointer; font-weight:700; margin-bottom:16px; }
.intake-layout { display:grid; grid-template-columns:215px minmax(0,1fr); gap:22px; align-items:start; }
.intake-field-heading { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin-bottom:8px; }
.intake-field-heading .field-label { margin:0; }
.requirement-badge,.import-badge { display:inline-flex; width:fit-content; font-size:.73rem; padding:2px 7px; border-radius:999px; color:var(--muted); background:var(--paper); }
.import-badge { color:var(--accent); background:var(--info-soft); }
.choice-group { display:flex; flex-wrap:wrap; gap:9px; }
.choice { display:flex; align-items:center; gap:9px; padding:9px 12px; border:1px solid var(--line); border-radius:7px; min-height:44px; font-weight:500; cursor:pointer; }
.choice:has(input:checked) { border-color:var(--accent); background:var(--info-soft); }
.choice input,.accuracy-choice input { width:18px; min-height:18px; padding:0; flex-shrink:0; accent-color:var(--accent); }
.step-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.charges-notice { padding:12px; background:var(--warning-soft); color:var(--warning); border:1px solid #ffe7a8; border-radius:8px; font-size:.85rem; }
.accuracy-choice { display:flex; align-items:flex-start; gap:12px; font-weight:500; padding:18px; background:var(--info-soft); border-radius:8px; margin-top:20px; }
.accuracy-choice input { margin-top:4px; }
.review-groups { display:grid; gap:16px; margin:20px 0; }
.review-group { border-bottom:1px solid var(--line); padding-bottom:12px; }
.review-group h3 { font-size:1rem; margin:0 0 12px; }
.review-item { display:grid; grid-template-columns:minmax(130px,1fr) minmax(0,2fr); gap:5px 15px; padding:8px 0; font-size:.9rem; overflow-wrap:anywhere; }
.review-item small { grid-column:2; color:var(--muted); }
.team-records { display:grid; gap:16px; }
.team-record .small-button { margin-top:14px; }
.raw-editor-root .submit-bar { position:static; }
.raw-editor-root .raw-hero h2 { margin:18px 0 10px; }
.raw-editor-root .editor-layout { grid-template-columns:175px minmax(0,1fr); }
.raw-editor-root #emptyState { padding:0; }
#combinedJson { white-space:pre; overflow:auto; max-height:450px; font-family:Consolas,monospace; font-size:.82rem; background:var(--paper); padding:16px; border-radius:8px; }
.intake-section > .grid { margin:18px 0; }
.source-panel { margin:24px 0; padding:24px; background:white; border:1px solid var(--line); border-radius:8px; }
.source-choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.source-choice { padding:24px; border:1px solid var(--line); border-radius:8px; display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.source-choice h3 { margin:4px 0 0; font-size:1.05rem; }
.source-choice p { margin:0 0 12px; color:var(--muted); font-weight:400; }
.source-choice > button { margin-top:auto; }
.source-choice.recommended { border-color:var(--accent); }
.build-stages { list-style:none; padding:0; display:grid; gap:12px; }
.build-stages li { padding:10px; border:1px solid var(--line); border-radius:6px; }
.build-stages [data-status="completed"] { color:var(--success); background:var(--success-soft); }
.build-stages [data-status="failed"] { color:var(--danger); background:var(--danger-soft); }
#buildReference { overflow-wrap:anywhere; }
#buildSourceForm input,#buildSourceForm select { margin:8px 0 4px; }
#buildReady { padding:14px; }
@media(max-width:860px){
  .intake-layout,.raw-editor-root .editor-layout { grid-template-columns:1fr; }
  .intake-toolbar { padding:16px; }
  .mode-bar>button { flex:1; }
  .review-item { grid-template-columns:1fr; }
  .review-item small { grid-column:1; }
  .intake-field-heading { align-items:flex-start; }
  .source-choice-grid { grid-template-columns:1fr; }
  .intake-shell #intakeWorkspace > .submit-bar { position:static; }
}

@media (max-width: 860px) {
  .grid,
  .repeat-grid,
  .three,
  .team-row {
    grid-template-columns: 1fr;
  }

  section {
    padding: 18px;
  }
}
/* Google content attribution remains visible with the session-only intake. */
.google-attribution { margin: 16px 0; padding: 16px; border: 1px solid #dadce0; border-radius: 12px; background: white; }
.google-attribution p { margin: 8px 0; font-size: 14px; }
.google-maps-credit { display: inline-block; font-family: Arial, sans-serif; font-size: 15px; font-weight: 400; color: #5e5e5e; white-space: nowrap; }
#googleProviders { display: flex; flex-wrap: wrap; gap: 12px; }
.place-search { min-width: 0; margin: 20px 0; padding: 18px; border: 1px solid var(--line); border-radius: 8px; }
.place-search legend { font-weight: 700; padding: 0 6px; }
.place-search-inputs { display: grid; grid-template-columns: 1fr; gap: 16px; }
.place-search-inputs > div { min-width: 0; }
#searchGooglePlaces { margin-top: 12px; }
#placeSearchResults { list-style: none; padding: 0; display: grid; gap: 12px; }
.place-result { border: 1px solid var(--line); border-radius: 8px; padding: 16px; background: #fff; overflow-wrap: anywhere; }
.place-result h4 { margin: 0; }
.place-result p { margin: 8px 0; font-weight:400; color:var(--muted); }
.place-result a, .place-result span { display: block; margin-bottom: 8px; }
.place-result.is-selected { border: 2px solid var(--accent); background: var(--info-soft); }
.place-result.is-active { outline: 2px solid var(--accent); outline-offset: 2px; }
.place-result[role="option"] { cursor: pointer; }
.place-result[role="option"]:hover { background: var(--info-soft); }
#selectedGooglePlace { margin-top: 12px; overflow-wrap: anywhere; }
@media (max-width: 600px) { .place-search-inputs { grid-template-columns: 1fr; gap: 12px; } .place-search { padding: 12px; } }

/* Local website workspace using Listing's dashboard shell, not its auth/admin routes. */
.listing-layout { display:grid; grid-template-columns:256px minmax(0,1fr); min-height:100dvh; }
.listing-sidebar { position:sticky; top:0; height:100dvh; display:flex; flex-direction:column; background:var(--white); border-right:1px solid var(--line); z-index:40; min-width:0; }
.listing-brand { height:64px; flex-shrink:0; display:flex; align-items:center; gap:10px; padding:0 24px; border-bottom:1px solid var(--line); }
.listing-brand-mark { display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:8px; color:white; background:var(--accent); font-size:18px; font-weight:700; }
.listing-brand-name { font-size:20px; font-weight:700; letter-spacing:-.025em; }
.listing-brand-name span { display:block; color:var(--accent); font-size:12px; font-weight:600; letter-spacing:normal; }
.listing-sidebar-body { flex:1; overflow-y:auto; padding:24px 12px; }
.listing-nav-label { margin:0 12px 10px; color:var(--text-muted); font-size:11px; text-transform:uppercase; letter-spacing:.08em; font-weight:600; }
.listing-nav { display:grid; gap:4px; }
.listing-nav a { display:flex; align-items:center; gap:12px; min-height:44px; padding:10px 12px; border-radius:8px; color:var(--muted); font-weight:500; text-decoration:none; }
.listing-nav a:hover { background:var(--paper); color:var(--ink); }
.listing-nav a[aria-current="page"] { color:var(--accent); background:var(--info-soft); }
.listing-nav svg { width:20px; height:20px; flex-shrink:0; }
.listing-workflow { margin-top:32px; }
.listing-workflow ol { list-style:none; margin:0; padding:0 12px; display:grid; gap:20px; }
.listing-workflow li { display:flex; gap:10px; align-items:flex-start; font-size:12px; color:var(--muted); }
.listing-workflow li > span { display:flex; justify-content:center; align-items:center; width:22px; height:22px; flex-shrink:0; border-radius:50%; color:var(--muted); background:var(--paper); font-size:11px; font-weight:600; }
.listing-workflow strong { display:block; color:var(--ink); font-size:12px; font-weight:600; }
.listing-workflow p { margin:4px 0 0; font-size:11px; }
.listing-sidebar-foot { padding:16px 20px; border-top:1px solid var(--line); color:var(--text-muted); font-size:11px; }
.listing-local-label { display:flex; gap:8px; align-items:center; color:var(--muted); font-weight:600; margin-bottom:6px; }
.listing-local-label::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--accent); }
.listing-main { min-width:0; }
.listing-topbar { position:sticky; top:0; z-index:10; height:64px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 24px; background:var(--white); border-bottom:1px solid var(--line); }
.listing-topbar-title { font-size:16px; font-weight:600; }
.listing-topbar p { margin:2px 0 0; font-size:11px; color:var(--muted); }
.listing-topbar-context { display:flex; gap:10px; align-items:center; color:var(--muted); font-size:12px; }
.listing-context-badge { color:var(--accent); background:var(--info-soft); border:1px solid #bedbfe; padding:4px 10px; border-radius:999px; font-size:11px; font-weight:600; }
.listing-main > .shell { width:min(1120px,calc(100% - 48px)); }
.listing-menu,.listing-sidebar-close { display:none; }
.source-choice-icon { width:40px; height:40px; display:flex; justify-content:center; align-items:center; border-radius:8px; color:var(--accent); background:var(--info-soft); }
.source-choice-icon svg { width:22px; height:22px; }
.listing-breadcrumb { display:flex; gap:8px; color:var(--text-muted); font-size:12px; margin:0 0 20px; }
.listing-breadcrumb span:last-child { color:var(--muted); }
.listing-backdrop { position:fixed; inset:0; z-index:30; background:rgb(0 0 0 / 40%); border:0; border-radius:0; padding:0; }
.listing-backdrop:not(:disabled):hover { background:rgb(0 0 0 / 40%); }
.intake-toolbar,.existing-info { box-shadow:var(--card-shadow); }
.listing-main .hero > p { font-size:11px; font-weight:600; color:var(--text-muted); }
.listing-main .source-panel > h2 { margin-bottom:12px; }
.listing-main #buildSourceForm > label { display:block; margin-top:16px; font-size:13px; }
.listing-main #buildSourceForm > label .requirement-badge { margin-left:6px; }
.listing-main .place-search label { font-size:13px; }
.listing-main .place-search > button { justify-self:start; }
.listing-main #selectedGooglePlace { background:var(--info-soft); padding:12px; border:1px solid #bedbfe; border-radius:8px; }
.listing-main #selectedGooglePlace p { font-weight:400; margin:6px 0 0; }
@media (max-width:1100px) {
  .listing-main .intake-layout { grid-template-columns:1fr; }
  .listing-main .intake-layout > .section-nav { position:static; display:flex; flex-wrap:wrap; margin-bottom:8px; }
}
@media (max-width:860px) {
  .listing-layout { grid-template-columns:1fr; }
  .listing-sidebar { position:fixed; left:0; top:0; width:min(280px,calc(100% - 48px)); transform:translateX(-100%); transition:transform .18s ease; }
  .listing-nav-open .listing-sidebar { transform:translateX(0); }
  body.listing-nav-open { overflow:hidden; }
  .listing-menu,.listing-sidebar-close { display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:8px; border:0; color:var(--muted); background:transparent; flex-shrink:0; }
  .listing-menu:not(:disabled):hover,.listing-sidebar-close:not(:disabled):hover { background:var(--paper); border:0; }
  .listing-menu svg,.listing-sidebar-close svg { width:22px; height:22px; }
  .listing-sidebar-close { margin-left:auto; }
  .listing-brand { padding:0 16px; gap:8px; }
  .listing-topbar { padding:0 12px; gap:8px; }
  .listing-topbar > .listing-topbar-heading { flex:1; min-width:0; }
  .listing-topbar-title { font-size:14px; }
  .listing-topbar-context > span:first-child { display:none; }
  .listing-main > .shell { width:calc(100% - 32px); padding-top:20px; }
  .listing-breadcrumb { margin-bottom:16px; font-size:11px; }
}
@media (max-width:440px) { .listing-topbar-context { display:none; } }
@media (prefers-reduced-motion:reduce) { .listing-sidebar,button { transition:none; } }
.listing-back-link { display:inline-flex; align-items:center; gap:6px; min-height:44px; color:var(--accent); font-size:13px; font-weight:600; text-decoration:none; flex-shrink:0; }
.listing-back-link:hover { text-decoration:underline; }
.workspace-note { background:var(--info-soft); color:var(--muted); border:1px solid var(--line); border-radius:8px; padding:16px; margin:0 0 24px; }
.workspace-tabs { display:flex; flex-wrap:wrap; gap:4px; border-bottom:1px solid var(--line); margin-bottom:12px; }
.workspace-tabs button { color:var(--muted); background:transparent; border:0; border-bottom:3px solid transparent; border-radius:6px 6px 0 0; padding:12px 16px; }
.workspace-tabs button[aria-selected="true"] { color:var(--accent); border-bottom-color:var(--accent); background:var(--info-soft); }
.workspace-tabs button:not(:disabled):hover { color:var(--accent); background:var(--info-soft); border-color:transparent; }
.workspace-tabs button[aria-selected="true"]:hover { border-bottom-color:var(--accent); }
.export-summary { scroll-margin-top:90px; }
.export-summary h3 { margin:0; }
.export-summary-section { border:1px solid var(--line); border-radius:8px; padding:14px; margin-top:12px; min-width:0; }
.export-summary-section > summary { cursor:pointer; display:flex; flex-wrap:wrap; gap:8px; justify-content:space-between; }
.export-summary-values { margin:16px 0 0; }
.export-summary-value { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; padding:12px 0; border-top:1px solid var(--line); }
.export-summary-value dt,.export-summary-value dd { min-width:0; margin:0; overflow-wrap:anywhere; }
.export-summary-value code,.export-summary-value small { display:block; color:var(--muted); margin-top:4px; }
.export-summary-current { white-space:pre-wrap; }
@media (max-width:600px) { .export-summary-value { grid-template-columns:minmax(0,1fr); gap:6px; } .export-summary-section { padding:12px; } }
[role="tabpanel"] { min-width:0; }
#finalJsonPanel > h2 { margin-top:20px; }
#websiteJsonPreview { max-height:400px; overflow:auto; white-space:pre; padding:16px; background:var(--paper); border:1px solid var(--line); border-radius:8px; font:12px Consolas,monospace; }
@media (max-width:1100px) { .listing-main .editor-layout { grid-template-columns:1fr; } .listing-main .editor-layout > .section-nav { position:static; display:flex; flex-wrap:wrap; } }
@media (max-width:600px) { .listing-back-link { font-size:11px; max-width:115px; } .listing-topbar-heading { min-width:0; } .workspace-tabs button { padding:10px; font-size:12px; } }

/* Two presentations, one intake draft. Standalone JSON editor keeps its existing shell. */
.dual-view-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:14px 28px; background:var(--white); border-bottom:1px solid var(--line); }
.dual-brand { display:flex; align-items:center; gap:10px; color:var(--ink); font-weight:700; text-decoration:none; }
#viewSwitchStatus { flex-basis:100%; margin:0; }
#viewSwitchStatus:empty { display:none; }
.simple-progress,.simple-step-heading,.simple-actions,.simple-alternatives { display:none; }
.simple-ui .listing-layout { display:block; }
.simple-ui .listing-sidebar,.simple-ui .listing-topbar,.simple-ui .listing-breadcrumb,
.simple-ui .workspace-tabs,.simple-ui .workspace-explanation,.simple-ui .developer-panel,
.simple-ui .mode-bar,.simple-ui .section-nav,.simple-ui .submit-bar,.simple-ui .intake-toolbar .load-actions,
.simple-ui #profileSourceMode,.simple-ui #intakeSourceStatus,.simple-ui #existingInfo,
.simple-ui #reviewExisting,.simple-ui .simple-hidden { display:none; }
.simple-ui #demoScenarioLabel { display:none; }
body:not(.simple-ui) #simpleSourceError { display:none; }
.simple-ui .dual-view-header { position:sticky; top:0; z-index:50; padding:14px max(24px,calc((100% - 920px)/2)); }
.simple-ui .listing-main > .shell { width:min(820px,calc(100% - 40px)); padding-top:36px; padding-bottom:32px; }
.simple-ui .hero { text-align:center; margin-bottom:28px; }
.simple-ui .hero h1 { font-size:clamp(26px,3vw,38px); line-height:1.2; margin:10px 0; }
.simple-ui .hero span { display:block; max-width:580px; margin:0 auto; }
.simple-ui .simple-progress { display:block; margin:0 0 24px; }
.simple-progress ol { padding:0; margin:0; list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.simple-progress li { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:12px; }
.simple-progress li > span { display:grid; place-items:center; flex-shrink:0; width:28px; height:28px; background:var(--line); border-radius:50%; font-weight:700; }
.simple-progress li[aria-current="step"] { color:var(--accent); font-weight:700; }
.simple-progress li[aria-current="step"] > span { color:white; background:var(--accent); }
.simple-progress li.completed > span { color:var(--success); background:var(--success-soft); }
#simpleStepLabel { text-align:center; margin:14px 0 0; }
.simple-ui .source-panel { padding:28px; border-radius:14px; }
.simple-ui .source-panel > h2 { font-size:21px; }
.simple-ui .simple-alternatives { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin:20px 0; }
.simple-alternatives p { flex-basis:100%; text-align:center; margin:0 0 4px; color:var(--muted); }
.simple-ui .simple-step-heading { display:block; margin:24px 0 18px; }
.simple-step-heading h2 { margin:0 0 8px; font-size:23px; }
.simple-step-heading p { margin:0 0 12px; color:var(--muted); }
.simple-step-heading .error-panel { color:var(--danger); }
.simple-ui .intake-layout { display:block; }
.simple-ui .listing-main .intake-layout > .section-nav { display:none; }
.simple-ui #websiteJsonPanel { border:0; padding:0; background:transparent; box-shadow:none; }
.simple-ui .simple-step-heading { border:0; padding:0; background:transparent; box-shadow:none; }
.simple-ui .intake-toolbar { padding:16px 20px; margin-bottom:16px; }
.simple-ui .found-summary { padding:20px; }
.simple-ui .intake-section { margin-bottom:14px; border-radius:12px; }
.simple-ui .intake-section > summary { padding:18px 20px; }
.simple-ui .intake-section .section-number { display:none; }
.simple-ui .intake-section > .grid { padding:4px 20px 22px; }
.simple-ui .intake-section > .small { margin-left:20px; margin-right:20px; }
.simple-ui .intake-section > .small-button { display:none; }
.simple-ui #intake-review > summary { display:none; }
.simple-ui #reviewBody { padding:20px; }
.simple-ui .simple-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; position:sticky; bottom:0; z-index:15; background:var(--white); padding:16px 20px; border:1px solid var(--line); border-radius:12px; box-shadow:0 -4px 18px rgb(42 53 71 / 5%); margin-top:20px; }
#simpleActionStatus { flex-basis:100%; }
#simpleActionStatus:empty { display:none; }
.simple-ui button,.simple-ui .file-button { min-height:44px; }
.simple-ui .requirement-badge { text-transform:capitalize; }
.simple-ui .session-note { margin-top:14px; text-align:center; }
.simple-ui #reviewIssues { overflow-wrap:anywhere; }
@media (max-width:600px) {
  .dual-view-header,.simple-ui .dual-view-header { padding:12px 16px; gap:10px; }
  .dual-brand { font-size:13px; }
  #switchIntakeView { padding:8px 10px; font-size:12px; }
  .simple-ui .listing-main > .shell { width:calc(100% - 24px); padding-top:24px; }
  .simple-progress ol { gap:6px; }
  .simple-progress li { flex-direction:column; text-align:center; font-size:11px; gap:6px; }
  .simple-ui .hero { margin-bottom:20px; }
  .simple-ui .source-panel,.simple-ui .found-summary { padding:18px; }
  .simple-ui .grid { grid-template-columns:minmax(0,1fr); }
  .simple-ui .intake-section > .grid { padding:4px 16px 18px; }
  .simple-ui .intake-section > summary { padding:16px; }
  .simple-ui .item-row { flex-wrap:wrap; }
  .simple-ui .simple-actions { padding:12px; gap:10px; }
  .simple-ui .simple-actions > button { flex:1; font-size:12px; }
  .simple-ui #reviewBody { padding:16px; }
  .simple-ui .simple-alternatives > button { width:100%; }
}