@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400;500;600&family=Cormorant+Garamond:wght@500;600&family=Public+Sans:wght@400;500;600&display=swap');
/*
  Motor Den design tokens, v1 (10 October 2026)
  Single source of truth for the website, the 3D editor, concept PDFs,
  email and social templates. Import this file instead of retyping values.
*/

:root {
  /* Grounds, darkest to lightest */
  --md-night: #0F0F10;      /* enquiry band, footer, PDF covers */
  --md-carbon: #131314;     /* default page ground */
  --md-graphite: #1A1B1C;   /* alternate section band, editor panels */
  --md-plane: #232426;      /* raised surfaces, editor inspector */

  /* Type colours on dark grounds */
  --md-ivory-bright: #F4F0E7; /* hero headline over photography */
  --md-ivory: #EDE8DE;        /* headings, primary button fill */
  --md-stone: #CFCAC0;        /* body copy */
  --md-ash: #A9A499;          /* secondary copy, captions, taglines */
  --md-smoke: #8F8A80;        /* fine print only, never below 13px */

  /* The one accent */
  --md-copper: #C08A63;       /* labels, rules, numerals, selection, drawings */
  --md-copper-light: #D9B79C; /* italic emphasis inside headings */
  --md-copper-deep: #8A5A3B;  /* copper TEXT on light paper (passes 4.5:1) */

  /* Light paper variant: print, long reports, proposals */
  --md-paper: #F4F0E7;
  --md-paper-ink: #131314;
  --md-paper-muted: #5E5A53;
  --md-paper-line: rgba(19, 19, 20, .14);

  /* Lines on dark */
  --md-line-faint: rgba(237, 232, 222, .10);
  --md-line: rgba(237, 232, 222, .16);
  --md-line-strong: rgba(237, 232, 222, .28);
  --md-outline: rgba(237, 232, 222, .55);

  /* Type families */
  --md-font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --md-font-label: 'Barlow Semi Condensed', 'Arial Narrow', Arial, sans-serif;
  --md-font-body: 'Public Sans', Helvetica, Arial, sans-serif;

  /* Display scale (web, desktop / mobile) */
  --md-h1: clamp(52px, 6.4vw, 92px);
  --md-h2: clamp(38px, 4.4vw, 64px);
  --md-h2-small: clamp(38px, 3.9vw, 56px);
  --md-h3: clamp(24px, 2.2vw, 32px);
  --md-display-weight: 500;
  --md-display-leading: 1.08;
  --md-display-tracking: -.01em;

  /* Body and labels */
  --md-body: 17px;
  --md-body-large: 19px;
  --md-small: 15px;
  --md-fine: 13px;
  --md-body-leading: 1.65;
  --md-label-size: 13px;
  --md-label-weight: 600;
  --md-label-tracking: .2em;
  --md-button-tracking: .16em;

  /* Layout */
  --md-max: 1440px;
  --md-margin: clamp(24px, 5.5vw, 80px);
  --md-gutter: 32px;
  --md-section: clamp(56px, 7vw, 104px);
  --md-section-tight: clamp(48px, 6vw, 88px);

  /* Controls */
  --md-radius: 6px;
  --md-button-height: 52px;
  --md-touch: 44px;
  --md-ease: cubic-bezier(.16, 1, .3, 1);
}

/* Reference component styles, copy as needed */
.md-label {
  font: var(--md-label-weight) var(--md-label-size)/1.2 var(--md-font-label);
  letter-spacing: var(--md-label-tracking);
  text-transform: uppercase;
  color: var(--md-copper);
}
.md-button {
  display: inline-flex; align-items: center; justify-content: center;
  height: var(--md-button-height); padding: 0 28px; border-radius: var(--md-radius);
  font: 600 14px/1 var(--md-font-label); letter-spacing: var(--md-button-tracking);
  text-transform: uppercase; text-decoration: none; cursor: pointer;
}
.md-button--primary { background: var(--md-ivory); color: var(--md-carbon); border: 0; }
.md-button--secondary { background: transparent; color: var(--md-ivory); border: 1px solid var(--md-outline); }
.md-link {
  font: 600 14px/1 var(--md-font-label); letter-spacing: var(--md-button-tracking);
  text-transform: uppercase; color: var(--md-ivory); text-decoration: none;
  border-bottom: 1px solid var(--md-copper); padding-bottom: 4px;
}
.md-heading {
  font-family: var(--md-font-display); font-weight: var(--md-display-weight);
  line-height: var(--md-display-leading); letter-spacing: var(--md-display-tracking);
  color: var(--md-ivory); margin: 0;
}
.md-heading em { font-style: italic; color: var(--md-copper-light); }
.md-field input, .md-field select, .md-field textarea {
  background: transparent; border: 0; border-bottom: 1px solid var(--md-line-strong);
  border-radius: 0; color: var(--md-ivory); font: 400 17px/1.4 var(--md-font-body);
  padding: 10px 0 12px;
}
.md-field input:focus, .md-field select:focus, .md-field textarea:focus {
  outline: none; border-bottom-color: var(--md-copper);
}
:focus-visible { outline: 2px solid var(--md-copper); outline-offset: 4px; }

:root{color-scheme:dark;--bg:var(--md-carbon);--panel:var(--md-graphite);--ivory:var(--md-ivory-bright);--muted:var(--md-ash);--copper:var(--md-copper);--line:var(--md-line-faint);--bottom:111px;--top:80px;font-family:var(--md-font-body);color:var(--ivory);background:var(--bg)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{border:1px solid var(--line);background:var(--md-plane);color:var(--ivory);padding:11px 14px;border-radius:var(--md-radius);cursor:pointer;font-size:12px;min-height:42px;touch-action:manipulation}button:hover{background:var(--md-plane);border-color:color-mix(in srgb,var(--md-copper) 40%,transparent)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--copper);outline-offset:3px}button:disabled{opacity:.35;cursor:default}button.active,button[aria-pressed=true]{border-color:var(--copper);background:var(--md-plane);color:var(--ivory)}.primary{background:var(--ivory);color:var(--bg);border-color:var(--ivory);font-weight:600}.primary:hover{background:var(--md-ivory-bright)}.topbar{height:var(--top);display:flex;align-items:center;padding:15px 28px;gap:26px;border-bottom:1px solid var(--line);position:relative;z-index:5;background:var(--bg)}.topbar img{width:146px;height:auto;filter:invert(1);display:block}.title{border-left:1px solid var(--line);padding-left:26px;font-family:var(--md-font-label);font-size:24px;line-height:1.1}.title span{display:block;font-family:var(--md-font-body);color:var(--muted);font-size:10px;margin-top:5px;letter-spacing:.04em}.history{display:flex;gap:6px;margin-left:auto}.history button{background:transparent}#editor{position:fixed;inset:var(--top) 0 var(--bottom);display:flex}#viewport{position:relative;flex:1;min-width:0;overflow:hidden;background:var(--md-graphite)}#scene{width:100%;height:100%;position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.scene-tools{position:absolute;top:18px;left:22px;display:flex;gap:5px}.scene-tools button{background:color-mix(in srgb,var(--md-graphite) 88%,transparent);backdrop-filter:blur(8px);padding:9px 12px;min-height:38px;font-size:11px}.scene-tools #cameraMode{border-color:color-mix(in srgb,var(--md-copper) 40%,transparent)}.room-label{position:absolute;right:24px;top:20px;text-align:right;font-size:12px;pointer-events:none}.room-label small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.gesture-hint{position:absolute;bottom:16px;left:24px;color:color-mix(in srgb,var(--md-stone) 80%,transparent);font-size:11px;pointer-events:none;margin:0;max-width:50%}#selection{position:absolute;left:50%;bottom:42px;transform:translateX(-50%);background:color-mix(in srgb,var(--md-graphite) 95%,transparent);backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--md-copper) 30%,transparent);border-radius:var(--md-radius);padding:10px 12px;box-shadow:0 8px 36px color-mix(in srgb,var(--md-night) 27%,transparent);max-width:95%;width:max-content}.selected-top{display:flex;align-items:center;gap:14px;padding:0 3px 8px;font-size:12px}.selected-top small{color:var(--muted);font-size:10px}.selected-actions{display:flex;gap:5px}.selected-actions button{font-size:11px;padding:8px 11px;min-height:38px}.selected-actions .nudge{font-size:17px;padding:5px 11px}#panel{width:345px;flex:0 0 345px;background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}#panel[hidden],#selection[hidden],[hidden]{display:none!important}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 22px 18px}.panel-head button{background:transparent;font-size:11px;padding:7px 12px;min-height:36px}.eyebrow{font-size:9px;letter-spacing:.16em;color:var(--copper);margin:0 0 6px}h2{font:500 29px/1.12 var(--md-font-display);margin:0}h3{font:500 18px var(--md-font-label);margin:0 0 12px}#panelBody{overflow:auto;overscroll-behavior:contain;padding:0 22px 25px;scrollbar-width:thin}.hint,.note{font-size:11px;color:var(--muted);line-height:1.65;margin:10px 0 15px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fields label,label.field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:var(--muted)}input,select{background:var(--md-carbon);color:var(--ivory);border:1px solid var(--md-line);border-radius:6px;padding:10px;min-width:0;width:100%;min-height:42px;font-size:12px}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--copper)}input[type=color]{padding:4px;height:42px}.inline-check{display:flex;gap:10px;align-items:center;font-size:12px}.section{padding:19px 0;border-top:1px solid var(--line)}.section:first-child{border-top:0;padding-top:0}.choices{display:flex;flex-wrap:wrap;gap:7px}.choices button{flex:1;min-width:70px;padding:10px 7px}.catalog-filter{display:flex;gap:5px;overflow:auto;margin-bottom:13px;padding-bottom:3px}.catalog-filter button{padding:7px 9px;min-height:32px;font-size:10px;flex-shrink:0}.catalog{display:grid;grid-template-columns:1fr 1fr;gap:9px}.catalog-card{position:relative;text-align:left;padding:10px;background:var(--md-plane);min-height:119px;cursor:grab}.catalog-card:active{cursor:grabbing}.catalog-card svg{width:100%;height:49px;color:var(--copper);display:block;margin-bottom:8px}.catalog-card strong{font-size:11px;font-weight:500;display:block}.catalog-card small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.catalog-card .plus{position:absolute;right:9px;top:5px;color:var(--muted);font-size:18px}.item-row{display:flex;gap:6px;margin-bottom:6px}.item-row button{flex:1;text-align:left;padding:10px 11px}.item-row small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.item-row .active{border-color:var(--copper)}.warning{border:1px solid color-mix(in srgb,var(--md-copper) 30%,transparent);background:color-mix(in srgb,var(--md-copper) 5%,transparent);padding:11px 12px;border-radius:var(--md-radius);color:var(--md-stone);font-size:11px;line-height:1.55;margin:10px 0}.warning button{display:block;margin-top:9px;background:transparent;font-size:10px;min-height:30px}.row{display:flex;gap:7px;margin-top:12px}.row>*{flex:1}.bottom{position:fixed;bottom:0;left:0;right:0;min-height:var(--bottom);background:var(--bg);border-top:1px solid var(--line);z-index:4;padding:0 24px max(13px,env(safe-area-inset-bottom))}#status{color:var(--muted);font-size:11px;margin:10px 0;text-align:center;min-height:14px}.dock{display:flex;justify-content:center;gap:8px;max-width:880px;margin:0 auto}.dock button{min-width:123px;padding:12px 18px;display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;background:var(--md-graphite)}.dock button.primary{background:var(--ivory);margin-left:13px}.ui-icon{width:20px;height:20px;display:block;flex-shrink:0}.selected-actions .ui-icon{width:18px;height:18px}.dock .primary .ui-icon{width:15px;height:15px}#pieceCount{font-size:9px;opacity:.7}#fallback{position:absolute;top:35%;left:10%;right:10%;padding:25px;background:color-mix(in srgb,var(--md-plane) 94%,transparent);text-align:center}#fallback p{font-size:13px;line-height:1.7}dialog{background:var(--md-graphite);color:var(--ivory);border:1px solid var(--md-line-strong);border-radius:13px;width:720px;max-width:calc(100% - 24px);max-height:90dvh;padding:0 24px 24px;box-shadow:0 25px 90px color-mix(in srgb,var(--md-night) 53%,transparent)}dialog::backdrop{background:color-mix(in srgb,var(--md-night) 80%,transparent);backdrop-filter:blur(8px)}dialog .panel-head{padding:24px 0 20px}#preview,#planPreview{width:100%;display:block;border-radius:5px;max-height:44vh;object-fit:contain;background:var(--md-carbon)}#reviewSummary{font-size:12px;line-height:1.7;color:var(--muted)}.export-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.export-grid .primary{grid-column:1/-1}#exportStatus{font-size:11px;color:var(--copper)}.color-dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:6px;border:1px solid var(--md-line-strong)}
@media(max-width:1000px){#panel{width:310px;flex-basis:310px}.room-label{top:65px;right:17px}.dock button{min-width:105px;padding:12px}.selected-actions{flex-wrap:wrap;justify-content:center}#selection{max-width:92%}.gesture-hint{max-width:80%}}
@media(max-width:680px){:root{--top:64px;--bottom:108px}.topbar{padding:12px 16px;gap:13px}.topbar img{width:101px}.title{font-size:19px;padding-left:13px}.title span{display:none}.history{gap:3px}.history button{padding:7px;font-size:10px;min-height:36px}#editor{display:flex;flex-direction:column}#viewport{min-height:170px}#panel{width:100%;flex:0 0 43%;min-height:180px;max-height:350px;border-left:0;border-top:1px solid color-mix(in srgb,var(--md-copper) 25%,transparent);border-radius:15px 15px 0 0}.panel-head{padding:13px 18px 11px}h2{font-size:25px}.eyebrow{font-size:8px;margin-bottom:4px}#panelBody{padding:0 16px 20px}.scene-tools{top:12px;left:12px;gap:4px}.scene-tools button{font-size:10px;min-height:34px;padding:7px 9px}.room-label{right:12px;top:55px;font-size:10px}.room-label small{font-size:8px}.gesture-hint{left:14px;bottom:12px;font-size:9px;max-width:93%}.bottom{padding:0 8px max(10px,env(safe-area-inset-bottom))}#status{font-size:9px;padding:0 5px;line-height:1.35;margin:9px 0 7px;min-height:24px;max-height:24px;overflow:hidden}.dock{gap:4px}.dock button{min-width:0;flex:1;flex-direction:column;gap:4px;padding:7px 2px;font-size:9px;min-height:53px;white-space:normal}.dock button.primary{margin:0;flex:1.25;flex-direction:row;font-size:10px;padding:7px}.dock .ui-icon{width:17px;height:17px}#pieceCount{display:none}#selection{bottom:31px;padding:8px;max-width:96%;width:max-content}.selected-top{font-size:11px;padding-bottom:6px;gap:9px}.selected-top small{font-size:9px}.selected-actions{flex-wrap:nowrap;gap:3px}.selected-actions button{padding:6px 8px;min-height:36px;font-size:10px}.selected-actions .nudge{font-size:16px;padding:4px 9px}.selected-actions .desktop-action{display:none}.catalog{grid-template-columns:repeat(3,1fr);gap:7px}.catalog-card{min-height:105px;padding:8px}.catalog-card svg{height:38px}.catalog-card strong{font-size:10px}.catalog-card small{font-size:8px}.catalog-filter{margin-bottom:9px}.catalog-filter button{min-height:30px}.note,.hint{font-size:10px}.fields{grid-template-columns:repeat(3,1fr)}.fields label{font-size:10px}.fields input{font-size:12px;padding:8px}.section{padding:15px 0}.export-grid button{font-size:11px}dialog{padding:0 17px 18px}dialog .panel-head{padding-top:18px}#preview,#planPreview{max-height:38vh}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}}
@media(max-width:680px){#panel .eyebrow{display:none}#panel .panel-head{padding:11px 16px}.catalog-hint{display:none}.catalog-level{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;margin-bottom:12px;font-size:10px;white-space:nowrap}.catalog-level select{min-height:34px;padding:7px;font-size:11px}.catalog-card{min-height:99px}.catalog-filter{margin-bottom:8px}}

[hidden]{display:none!important}#intakeForm{padding:16px 0}#intakeForm h3,#savedConcept h3{font-size:1.4rem;margin:0 0 12px}#intakeForm p{color:var(--muted,var(--md-ash));font-size:14px;line-height:1.55}.intake-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}#intakeForm label{display:block;font-size:13px;line-height:1.5}#intakeForm input:not([type=checkbox]),#intakeForm select,#intakeForm textarea{display:block;width:100%;min-height:46px;margin-top:6px;background:var(--md-graphite);border:1px solid var(--md-smoke);border-radius:var(--md-radius);color:var(--md-ivory-bright);padding:10px;font:16px system-ui}#intakeForm details{margin:14px 0}#intakeForm summary{cursor:pointer;padding:10px 0}#intakeForm .consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;margin:20px 0}#intakeForm .consent input{min-width:20px;height:20px;margin:0}#intakeForm .honeypot{position:absolute;left:-10000px}#submitConcept{width:100%;min-height:50px}.package-link{display:block;padding:14px 0;color:var(--md-copper)}#savedConcept{padding:20px 0}#deliveryStatus{line-height:1.6}#retryEmail{margin:10px 0}@media(max-width:520px){.intake-fields{grid-template-columns:1fr;gap:10px}}

#scratchDialog{width:540px;max-width:calc(100% - 24px)}#scratchDialog form{margin:0}#scratchDialog .scratch-fields{margin:24px 0;grid-template-columns:repeat(3,minmax(0,1fr))}#scratchDialog input{min-height:48px;width:100%;font-size:16px}#scratchDialog button[type="submit"]{width:100%;margin-top:16px}

/* Context lives beside or below the viewport, never on top of a draggable model. */
#viewport{display:flex;flex-direction:column}#scene{position:relative;inset:auto;flex:1;min-height:100px}.scene-header{flex:none;padding:10px 16px;background:var(--md-carbon);border-bottom:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}.scene-tools{position:static}.room-label{position:static;margin-left:auto}.level-tools{display:flex;gap:6px;flex-basis:100%}.level-tools button{font-size:10px;min-height:32px;padding:6px 10px;background:var(--md-plane)}.gesture-hint{display:none}#selection{position:static;transform:none;width:auto;max-width:none;margin:0 16px 12px;padding:10px;box-shadow:none;flex:none}.selected-actions{flex-wrap:wrap}.selected-top{display:none}.selected-actions button{flex:1}#panelBody .section>button{margin:5px 5px 5px 0}#panelBody h3:not(:first-child){margin-top:20px}.catalog-card small{line-height:1.5}.fields label{min-width:0}@media(max-width:680px){.scene-header{padding:7px 10px;gap:6px}.scene-tools button{min-height:31px;padding:6px 8px}.room-label{display:none}.level-tools{gap:5px}.level-tools button{flex:1;font-size:10px;padding:5px;min-height:30px}#selection{margin:0 12px 7px;padding:6px}#panel{flex-basis:43%;max-height:360px}#panelBody input,#panelBody select{font-size:16px}#panel .panel-head{padding:10px 16px}.selected-actions button{min-height:32px}.selected-actions .desktop-action{display:none}}

/* Compact starting points keep the room visible on mobile. */
.starter-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.starter-card{min-width:0;min-height:62px;padding:10px;text-align:left;background:var(--md-plane)}.starter-card strong{display:block;font:500 18px/1.15 var(--md-font-label)}.starter-card small{display:block;font-size:12px;line-height:1.3;color:var(--muted);margin-top:5px}.scratch-card{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;background:var(--md-plane);border-color:color-mix(in srgb,var(--md-copper) 50%,transparent)}.scratch-card small{margin:0;color:var(--copper)}.starter-card:hover{border-color:var(--copper)}

/* A three-choice journey. The scene stays visible; editing remains optional. */
.easy-mode #editor{bottom:0}.easy-mode .bottom,.easy-mode .history,.easy-mode .level-tools,.easy-mode #cameraMode{display:none}.easy-mode .room-label small{display:none}
#easyPanel{width:420px;flex:0 0 420px;display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--line);min-height:0}
.easy-head{padding:24px 24px 12px}.easy-progress{display:flex;gap:20px;margin-bottom:22px;color:var(--muted);font-size:11px}.easy-progress [aria-current]{color:var(--copper)}.easy-head h2{font-size:34px;line-height:1.05;outline:none}.easy-head p{font-size:12px;line-height:1.6;color:var(--muted);margin:12px 0 0}
.easy-content{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:6px 24px 18px}.easy-sizes,.easy-styles{display:grid;gap:9px}.easy-option{text-align:left;padding:14px;min-height:66px;background:var(--md-plane);width:100%}.easy-option strong{display:block;font:500 21px/1.1 var(--md-font-label)}.easy-option span:not(.easy-swatches),.easy-option small{font-size:11px;color:var(--muted);line-height:1.5}.easy-sizes .easy-option>span{display:block;margin-top:7px}.easy-option[aria-pressed=true] strong{color:var(--ivory)}.easy-styles .easy-option{display:flex;align-items:center;gap:13px}.easy-styles small{display:block;margin-top:4px}.easy-swatches{display:flex;flex:none;width:44px;height:35px;border-radius:4px;overflow:hidden;border:1px solid var(--md-line)}.easy-swatches i{flex:1}.easy-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.easy-counts button{min-height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.easy-counts strong{font:400 37px var(--md-font-label)}.easy-counts span{font-size:11px;color:var(--muted)}.easy-summary,.easy-includes{font-size:11px;line-height:1.6;color:var(--muted);margin:16px 0 0}.easy-custom{border-bottom:1px solid var(--line);margin:12px 0}.easy-custom summary{padding:14px 0;cursor:pointer;font-size:12px}.easy-custom .fields{grid-template-columns:repeat(3,minmax(0,1fr));margin:8px 0 14px}.easy-custom input{font-size:16px}.easy-custom button{width:100%;margin-bottom:14px}.easy-link{padding:8px 0;background:transparent!important;border:0;border-radius:0;text-decoration:underline;text-underline-offset:4px;color:var(--muted);font-size:11px;min-height:36px}.easy-footer{flex:none;border-top:1px solid var(--line);padding:14px 24px max(14px,env(safe-area-inset-bottom))}.easy-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.easy-actions button{min-height:48px;padding:10px 8px;font-size:12px}.easy-footer-links{display:flex;justify-content:space-between;gap:12px}.easy-mode #fallback{inset:0;overflow:auto;margin:0;padding:15px}.easy-mode #fallback svg{max-height:70%;width:100%}
@media(max-width:850px) and (min-width:681px){#easyPanel{width:355px;flex-basis:355px}.easy-head{padding:20px 18px 10px}.easy-content{padding:5px 18px 15px}.easy-footer{padding:12px 18px}}
@media(max-width:680px){#easyPanel{width:100%;flex:0 0 58%;min-height:290px;max-height:70%;border-left:0;border-top:1px solid var(--line);border-radius:16px 16px 0 0}.easy-head{padding:15px 17px 8px}.easy-progress{margin-bottom:12px;font-size:10px;gap:20px}.easy-head h2{font-size:29px}.easy-head p{font-size:11px;margin:7px 0 0}.easy-content{padding:5px 17px 12px}.easy-option{min-height:57px;padding:10px 12px}.easy-option strong{font-size:20px}.easy-sizes,.easy-styles{gap:7px}.easy-sizes .easy-option>span{margin-top:4px}.easy-swatches{height:31px;width:39px}.easy-styles .easy-option{gap:11px}.easy-styles small{font-size:10px;margin-top:3px}.easy-counts button{min-height:70px}.easy-counts strong{font-size:30px}.easy-footer{padding:9px 17px max(10px,env(safe-area-inset-bottom))}.easy-actions button{min-height:44px;font-size:11px}.easy-footer-links .easy-link{min-height:30px;font-size:10px}.easy-mode #viewport{min-height:160px}.easy-mode .scene-header{padding:6px 10px}.easy-mode .room-label{display:block;font-size:10px}.easy-includes{font-size:10px;margin-top:12px}.easy-custom{margin:9px 0}.easy-custom summary{padding:12px 0}.easy-summary{margin-top:10px}}
@media(max-width:400px){body:not(.easy-mode) .title{display:none}.history{gap:4px}.history button{font-size:10px;padding:7px}}
@media(min-width:681px){.easy-head{padding-top:20px}.easy-progress{margin-bottom:16px}.easy-head h2{font-size:32px}.easy-head p{margin-top:8px}.easy-styles .easy-option{min-height:60px;padding:10px 12px}.easy-styles .easy-option strong{font-size:20px}.easy-styles small{font-size:10px}.easy-footer{padding-top:10px;padding-bottom:10px}}
.easy-content .warning button{background:var(--copper);color:var(--bg);min-height:42px;font-size:12px}
@media(max-width:680px) and (max-height:650px){#easyPanel{flex-basis:63%}.easy-head{padding:10px 14px 6px}.easy-progress{margin-bottom:8px}.easy-head h2{font-size:25px}.easy-head p{font-size:10px;margin-top:6px}.easy-counts button{padding:7px;min-height:64px}.easy-counts strong{font-size:28px}.easy-content{padding-left:14px;padding-right:14px}}

/* Both editing modes stay visible at every step and breakpoint. */
.mode-switch{display:flex;gap:3px;margin-left:auto;border:1px solid var(--line);padding:3px;border-radius:9px;flex-shrink:0}.mode-switch button{background:transparent;border-color:transparent;min-height:38px;padding:9px 12px}.mode-switch button[aria-pressed=true]{background:var(--md-plane);border-color:var(--copper);color:var(--ivory)}.topbar .history{margin-left:0}.easy-fixed-height{display:block;padding:10px 0;line-height:1.5}.easy-custom .fields{grid-template-columns:1fr 1fr}.easy-custom .fields label:last-child{grid-column:1/-1}
@media(max-width:900px){.title{display:none}.topbar{gap:10px;padding-left:16px;padding-right:16px}}
@media(max-width:680px){.topbar{flex-wrap:wrap;align-content:center;column-gap:8px;row-gap:2px}.mode-switch{padding:2px;gap:1px}.mode-switch button{font-size:10px;padding:7px 8px;min-height:34px}.history{position:absolute;right:13px;top:74px;z-index:6;background:color-mix(in srgb,var(--md-graphite) 93%,transparent);border-radius:6px}.history button{min-height:30px;padding:6px}.room-label{top:89px}.easy-mode .room-label{top:54px}.topbar img{width:96px}}

/* Portable saves become available after a confirmed private concept. */
.save-design-launch{align-self:flex-end;margin:0 16px 12px;flex:none;background:var(--md-plane);border-color:color-mix(in srgb,var(--md-copper) 50%,transparent);min-height:38px;font-size:11px}.easy-mode .save-design-launch{margin-bottom:14px}#designSaveDialog{width:650px}#designSaveDialog h3{font:500 24px var(--md-font-label);margin:22px 0 8px}.save-tabs{display:flex;gap:8px;margin-bottom:18px}.save-tabs button{flex:1}#designSaveDialog label:not(.save-consent){display:block;font-size:12px;line-height:1.5}#designSaveDialog input:not([type=checkbox]),#designSaveDialog textarea{display:block;width:100%;margin:6px 0 16px;min-height:46px;background:var(--md-carbon);color:var(--ivory);border:1px solid var(--md-smoke);border-radius:var(--md-radius);padding:10px;font:16px var(--md-font-body)}#designSaveDialog textarea{font:12px/1.5 monospace;resize:vertical}.save-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.save-summary{color:var(--muted);font-size:12px;line-height:1.6}.save-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;margin:20px 0}.save-consent input{width:20px;height:20px;flex:none;margin:0}.save-actions{display:flex;gap:8px;flex-wrap:wrap}.save-actions button{flex:1}#saveDesignCloud,#designOpenForm button{width:100%;min-height:46px}.portable-save{border-top:1px solid var(--line);padding-top:4px;margin-top:18px}#designSaveStatus{font-size:12px;color:var(--copper);line-height:1.6;margin-bottom:0}#localSavedDesigns{display:grid;gap:8px}#localSavedDesigns button{text-align:left;display:flex;justify-content:space-between;gap:10px}#localSavedDesigns small{color:var(--muted);font-size:10px;align-self:center}@media(max-width:680px){.save-design-launch{margin:0 10px 8px;min-height:32px;padding:7px 10px;font-size:10px}.easy-mode .save-design-launch{margin-bottom:8px}.save-fields{grid-template-columns:1fr;gap:0}#designSaveDialog{max-height:92dvh}.save-tabs button{font-size:11px}#designSaveDialog textarea{font-size:13px}}

/* Model-first entry: choices unfold only when needed on a phone. */
.easy-details{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.easy-mobile-dock,.easy-close{display:none}
.view-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 16px 12px;flex:none}.view-footer .save-design-launch{margin:0;min-height:44px}.zoom-tools{display:flex;gap:5px}.zoom-tools button{width:44px;min-height:44px;padding:0;font-size:22px}.touch-hint{margin:0;font-size:10px;color:var(--muted)}.scene-tools #expandView{border-color:color-mix(in srgb,var(--md-copper) 50%,transparent)}.scene-tools button{min-height:44px}.view-footer .touch-hint{margin-right:auto}
@media(max-width:680px),(max-width:1000px) and (max-height:520px){
 .easy-mode #editor{height:calc(100dvh - var(--top));bottom:auto}
 .easy-mode #easyPanel{width:100%;flex:0 0 auto;min-height:0;max-height:none;border-radius:16px 16px 0 0;overflow:hidden}
 .easy-mode #easyPanel[data-expanded=true]{flex:0 0 52%;min-height:0;max-height:66%}
 .easy-mobile-dock{display:block;flex:none;padding:9px 12px max(10px,env(safe-area-inset-bottom))}
 .easy-quick-choices{display:grid;grid-template-columns:1.05fr .65fr 1.6fr;gap:6px}
 .easy-quick-choices button{min-width:0;min-height:48px;padding:6px 9px;text-align:left;background:var(--md-plane)}
 .easy-quick-choices small{display:block;color:var(--muted);font-size:9px;margin-bottom:3px}
 .easy-quick-choices strong{display:block;font-size:11px;line-height:1.35;font-weight:500}
 .easy-quick-choices [aria-expanded=true]{border-color:var(--copper)}
 .easy-quick-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}.easy-quick-actions span{font-size:10px;color:var(--muted)}.easy-quick-actions button{min-height:44px;font-size:11px;padding:8px 12px}
 #easyPanel[data-expanded=false] .easy-details{display:none}
 #easyPanel[data-expanded=true] .easy-mobile-dock{padding-bottom:7px}
 #easyPanel[data-expanded=true] .easy-quick-actions{display:none}
 .easy-details{border-top:1px solid var(--line)}
 .easy-head{position:relative;padding:12px 68px 8px 14px}.easy-head h2{font-size:23px}.easy-head p{font-size:10px;line-height:1.4;margin:6px 0 0}.easy-progress{display:none}
 .easy-close{display:block;position:absolute;right:12px;top:10px;min-height:44px;padding:8px 10px;font-size:11px}
 .easy-content{padding:5px 14px 10px}.easy-option{min-height:54px;padding:9px 11px}.easy-option strong{font-size:19px}.easy-counts button{min-height:60px}.easy-counts strong{font-size:27px}
 .easy-footer{padding:5px 14px max(6px,env(safe-area-inset-bottom))}.easy-footer-links .easy-link{min-height:44px}.easy-actions button{min-height:44px}.easy-custom summary,.easy-link{min-height:44px}.easy-includes{margin-top:8px}
 .easy-mode #viewport{min-height:0}.easy-mode .room-label{display:none}.scene-header{padding:6px 10px}.scene-tools{width:100%;gap:5px}.scene-tools button{min-height:44px;padding:8px 10px;font-size:11px}.scene-tools #expandView{margin-left:auto}
 .view-footer{display:grid;grid-template-columns:1fr auto;padding:3px 10px 9px;gap:5px}.view-footer .touch-hint{grid-column:1/-1;text-align:center;margin:0;font-size:10px}.view-footer .save-design-launch{margin:0;min-height:44px;font-size:10px}.zoom-tools button{min-height:44px}
 .mode-switch button{min-height:44px}.topbar{padding-top:5px;padding-bottom:5px}
}
@media(max-width:1000px) and (max-height:520px) and (orientation:landscape){
 .easy-mode{--top:58px}.easy-mode #editor{flex-direction:row}.easy-mode #easyPanel{width:228px;flex:0 0 228px;border-radius:0;border-top:0;border-left:1px solid var(--line)}.easy-mode #easyPanel[data-expanded=true]{width:320px;flex:0 0 320px;max-height:none}
 .easy-mobile-dock{padding:10px}.easy-quick-choices{grid-template-columns:1fr}.easy-quick-choices button{display:flex;align-items:center;justify-content:space-between;gap:8px}.easy-quick-choices small{margin:0}.easy-quick-actions{flex-direction:column;align-items:stretch;margin-top:10px}.easy-quick-actions span{display:none}
 #easyPanel[data-expanded=true] .easy-quick-choices{grid-template-columns:1fr .6fr 1.4fr}#easyPanel[data-expanded=true] .easy-quick-choices button{display:block;padding:5px}#easyPanel[data-expanded=true] .easy-quick-choices strong{font-size:10px}
 .easy-head{padding-top:8px;padding-bottom:5px}.easy-head p{display:none}.easy-head h2{font-size:22px}.easy-close{top:2px}.easy-footer-links .easy-link{font-size:10px}.view-footer .touch-hint{display:none}
}
/* Expanded view works in mobile browsers without requiring a fullscreen API. */
body.model-focus .topbar,body.model-focus .bottom,body.model-focus #panel,body.model-focus #easyPanel{display:none!important}
body.model-focus #editor{inset:0;height:100dvh}body.model-focus #viewport{min-height:0}body.model-focus .room-label,body.model-focus .level-tools,body.model-focus #cameraMode,body.model-focus .save-design-launch{display:none}
body.model-focus .scene-header{padding-top:max(6px,env(safe-area-inset-top));padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}body.model-focus .scene-tools{width:100%}body.model-focus #expandView{margin-left:auto}
body.model-focus .view-footer{display:flex;padding-bottom:max(9px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}body.model-focus .touch-hint{display:block;margin-right:auto}
@media(max-width:680px) and (max-height:700px){
 .easy-mode #easyPanel[data-expanded=true]{flex-basis:66%;max-height:calc(100% - 145px)}
 .easy-mode:has(#easyPanel[data-expanded=true]) .view-footer{display:none}
 .easy-mode:has(#easyPanel[data-expanded=true]) #scene{min-height:80px}
}
@media(max-width:680px){
 body:not(.easy-mode) .topbar>a{position:absolute;top:8px;left:16px}
 body:not(.easy-mode) .topbar .history{top:28px;left:16px;right:auto}
}

/* The fourth quick choice keeps upstairs as accessible as size, cars and style. */
.easy-progress{gap:5px;margin-bottom:14px}.easy-progress button{flex:1;min-width:0;min-height:44px;padding:8px 4px;background:transparent;font-size:10px;color:var(--muted)}.easy-progress button[aria-current]{color:var(--copper);border-color:var(--copper)}
.easy-mezz-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;padding:8px 12px;font-size:12px}.easy-mezz-toggle strong{font-size:11px;background:var(--md-plane);border:1px solid var(--md-line);border-radius:20px;padding:5px 12px}.easy-mezz-toggle[aria-checked=true] strong{background:var(--copper);color:var(--bg);border-color:var(--copper)}
.easy-stairs{display:flex;gap:7px;margin-top:14px}.easy-stairs button{flex:1;min-height:44px}.easy-schemes{display:grid;gap:8px}.easy-schemes small{display:block;margin-top:5px}.easy-quick-actions .easy-mezz-toggle{width:auto;flex:1;min-width:0;gap:5px}.easy-quick-actions .easy-mezz-toggle span{display:inline;color:var(--ivory);font-size:10px}.easy-quick-actions .easy-mezz-toggle strong{padding:4px 8px;font-size:10px}
@media(max-width:680px){.easy-quick-choices{grid-template-columns:1fr .6fr 1.25fr 1.15fr;gap:5px}.easy-quick-choices button{padding:6px}.easy-quick-choices strong{font-size:10px}.easy-schemes .easy-option strong{font-size:18px}.easy-stairs{margin-top:10px}.easy-schemes .easy-option{min-height:60px}}
@media(max-width:1000px) and (max-height:520px) and (orientation:landscape){#easyPanel[data-expanded=true] .easy-quick-choices{grid-template-columns:1fr .6fr 1.2fr 1.15fr}.easy-quick-choices button{min-height:44px}.easy-quick-actions .easy-mezz-toggle span{display:inline}.easy-quick-actions{margin-top:7px;gap:6px}}
@media(max-width:680px),(max-width:1000px) and (max-height:520px){
 #easyPanel[data-step="4"] .easy-footer{display:none}
 .easy-mezz-row{display:flex;gap:7px;align-items:stretch}.easy-mezz-row .easy-mezz-toggle{flex:1.3;min-width:0;flex-direction:column;justify-content:center;gap:3px;padding:6px;font-size:10px}.easy-mezz-row .easy-mezz-toggle strong{padding:3px 10px;font-size:10px}.easy-mezz-row .easy-stairs{flex:3;gap:5px;margin:0}.easy-mezz-row .easy-stairs button{padding:8px 4px;font-size:11px}
 .easy-schemes{grid-template-columns:1fr 1fr}.easy-schemes .easy-option{min-width:0;padding:10px}.easy-schemes .easy-option strong{font-size:18px;line-height:1.15}.easy-schemes small{font-size:10px;line-height:1.5}.easy-mezz-row+.hint{margin:8px 0 12px;font-size:10px}
}
@media(max-width:1000px) and (max-height:520px) and (orientation:landscape){
 #easyPanel[data-expanded=false] .easy-quick-choices{grid-template-columns:1fr}
 #easyPanel[data-expanded=false] .easy-mobile-dock{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
}

/* Easy placement uses buttons; canvas drags remain camera gestures. */
.easy-desktop-arrange{margin:16px 24px 0;align-self:flex-start;min-height:44px;border-color:color-mix(in srgb,var(--md-copper) 50%,transparent)}
.easy-piece-panel{padding:18px 20px;overflow:auto;overscroll-behavior:contain;min-height:0}
.easy-piece-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.easy-piece-head h2{font-size:26px}.easy-piece-head button{min-height:44px}
.easy-piece-pickers{display:grid;grid-template-columns:140px minmax(0,1fr);gap:8px;margin-bottom:10px}.easy-piece-pickers label{font-size:10px;color:var(--muted);min-width:0}.easy-piece-pickers select{display:block;margin-top:5px;min-height:44px;font-size:16px;width:100%;padding:8px}
.easy-piece-moves{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.easy-piece-moves button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 4px}.easy-piece-moves svg{display:block;width:22px;height:22px;flex:none;pointer-events:none}
.easy-lift-cars{min-width:0;margin:0 0 10px;padding:8px 10px 10px;border:1px solid var(--line);border-radius:8px}.easy-lift-cars legend{padding:0 5px;font-size:11px;color:var(--muted)}.easy-lift-pickers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.easy-lift-pickers label{min-width:0;font-size:10px;color:var(--muted)}.easy-lift-pickers select{display:block;width:100%;min-width:0;min-height:44px;margin-top:5px;padding:8px;font-size:16px}
.easy-piece-edit{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.easy-piece-edit button{min-height:44px;padding:8px 10px;font-size:12px}.easy-piece-add-confirm{width:100%;min-height:44px;margin-top:12px}.easy-piece-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}.easy-piece-actions button{min-height:44px;padding:8px 10px;font-size:12px}
.easy-piece-hint,.easy-piece-status{font-size:10px;line-height:1.5;margin:9px 0 0;color:var(--muted)}.easy-piece-status{color:var(--md-stone)}.easy-piece-status:empty{display:none}
@media(max-width:680px),(max-width:1000px) and (max-height:520px){
 .easy-desktop-arrange{display:none}.easy-quick-actions{display:grid;grid-template-columns:1fr .9fr 1.1fr;gap:5px}.easy-quick-actions button{padding:7px 5px;font-size:10px}.easy-quick-actions .easy-mezz-toggle{width:100%;gap:3px}.easy-quick-actions .easy-mezz-toggle strong{padding:4px 6px}
 .easy-mode #easyPanel.easy-arranging{flex:0 0 auto;max-height:58%;border-radius:14px 14px 0 0}.easy-piece-panel{padding:10px 12px max(10px,env(safe-area-inset-bottom))}.easy-piece-head{margin-bottom:7px}.easy-piece-head h2{font-size:23px}.easy-piece-head button{padding:8px 12px;font-size:11px}.easy-piece-pickers{grid-template-columns:140px minmax(0,1fr);margin-bottom:8px}.easy-piece-moves button,.easy-piece-actions button,.easy-piece-edit button{font-size:11px}.easy-piece-hint,.easy-piece-status{margin-top:7px}
}
@media(max-width:680px) and (max-height:700px){.easy-mode:has(.easy-arranging) .view-footer{display:none}.easy-mode #easyPanel.easy-arranging{max-height:61%}.easy-piece-panel{padding-top:6px;padding-bottom:6px}.easy-piece-head{margin-bottom:4px}.easy-piece-head button{min-height:44px}.easy-piece-pickers{margin-bottom:6px}.easy-piece-actions,.easy-piece-edit{margin-top:6px}.easy-piece-hint,.easy-piece-status{margin-top:5px}}
@media(max-width:1000px) and (max-height:520px) and (orientation:landscape){.easy-quick-actions{display:flex}.easy-mode #easyPanel.easy-arranging{width:320px;flex:0 0 320px;max-height:none;border-radius:0}.easy-piece-panel{padding:8px 12px}.easy-piece-head{margin-bottom:4px}.easy-piece-pickers{margin-bottom:6px}.easy-piece-head h2{font-size:22px}}

.easy-piece-status[data-collision="true"]{color:#ff9d96}
.floor-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.floor-choices button{min-width:0;min-height:72px;display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:8px;font-size:11px;line-height:1.25;text-align:left}.floor-swatch{display:block;height:24px;border-radius:3px;border:1px solid var(--md-line-faint)}.easy-floor-section{margin-top:20px}.easy-floor-section h3{font-size:12px;font-weight:500;margin:0 0 10px;color:var(--muted)}

/* Keep the lead form close to the concept teaser. Full views follow a confirmed save. */
#reviewDialog #preview{max-height:22vh}#reviewDialog #planPreview{display:none}

/* One starting decision, followed by the details that matter. */
.starting-launch{min-height:44px;background:transparent;white-space:nowrap;margin-left:auto}.mode-switch{margin-left:0}
#startingPointDialog{width:560px}.starting-choices{display:grid;gap:12px}.starting-choices button{text-align:left;padding:20px;background:var(--bg);border-color:var(--line)}.starting-choices strong{display:block;font:500 26px/1.15 var(--md-font-label)}.starting-choices span{display:block;color:var(--muted);font-size:14px;line-height:1.5;margin-top:8px}.starting-choices button:hover{border-color:var(--copper)}
#startingPointDialog:has(#startingPointChoices[hidden]){width:760px}.layout-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.layout-choice{text-align:left;padding:12px;min-width:0;background:var(--bg)}.layout-plan{border-radius:4px;overflow:hidden;margin-bottom:12px;background:var(--md-ivory-bright)}.layout-plan svg{display:block;width:100%;height:120px}.layout-choice strong{display:block;font:500 22px/1.1 var(--md-font-label)}.layout-choice>span{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:6px}.layout-choice .layout-action{color:var(--copper)}
#reviewDialog{width:600px}#reviewDialog #preview{height:180px;max-height:24vh}#reviewSummary{margin:10px 0 0}#reviewDialog #exportStatus:empty{display:none}#intakeForm{padding:8px 0 0}.save-intro{margin:12px 0}.gallery-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.gallery-view-field{grid-column:1/-1}#intakeForm summary{font-size:14px;min-height:44px}#intakeForm .consent{font-size:14px;margin:16px 0}#reviewDialog .note{margin:16px 0 0;font-size:12px}.save-design-launch{min-height:44px}
@media(max-width:680px){.topbar{padding-left:12px;padding-right:12px;gap:8px}.topbar img{width:80px}.starting-launch{font-size:11px;padding:8px;min-height:44px}.mode-switch button{padding:6px;font-size:10px;min-height:38px}.layout-choice{padding:10px}.layout-plan svg{height:110px}.layout-choice strong{font-size:20px}.layout-choice>span{font-size:12px}.starting-choices button{padding:18px}#reviewDialog{padding-left:16px;padding-right:16px}#reviewDialog .panel-head{padding:18px 0 14px}#reviewDialog #preview{height:140px;max-height:20vh}#intakeForm .contact-fields{gap:10px;margin:14px 0}#intakeForm .consent{font-size:13px}#startingPointDialog .hint{font-size:14px}}
@media(max-width:360px){.topbar img{width:64px}.starting-launch{font-size:10px;padding:7px}.mode-switch button{padding:5px;font-size:9px}.layout-plan svg{height:90px}.layout-choice strong{font-size:18px}}
@media(min-width:681px) and (min-height:521px){
 #easyPanel[data-expanded=false]:not(.easy-arranging){width:300px;flex-basis:300px}.easy-mobile-dock{display:block;padding:20px;flex:none}.easy-quick-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.easy-quick-choices button{text-align:left;min-height:62px;min-width:0;padding:10px}.easy-quick-choices small{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.easy-quick-choices strong{display:block;font-size:14px;line-height:1.35;font-weight:500}.easy-quick-actions{display:grid;gap:8px;margin-top:16px}.easy-quick-actions button{min-height:44px;font-size:14px}.easy-quick-actions .easy-mezz-toggle span{font-size:14px}.easy-quick-actions .easy-mezz-toggle strong{font-size:12px}.easy-quick-choices [aria-expanded=true]{border-color:var(--copper)}#easyPanel[data-expanded=false] .easy-details{display:none}#easyPanel[data-expanded=true] .easy-quick-actions{display:none}#easyPanel[data-expanded=true] .easy-mobile-dock{padding-bottom:10px}.easy-close{display:block;min-height:44px}.easy-head{position:relative;padding-top:12px}.easy-head .easy-close{position:absolute;right:24px;top:50px}.easy-head h2{padding-right:65px}
}

.copy-draft-notice{position:fixed;top:var(--top);left:0;right:0;z-index:6;height:48px;margin:0;padding:8px 20px;background:var(--ivory);color:var(--md-carbon);font-size:13px;line-height:16px;border-bottom:1px solid var(--copper)}.copy-draft-notice[hidden]{display:none}body.has-copy-draft #editor{top:calc(var(--top) + 48px)}

@media(max-width:680px),(max-width:1000px) and (max-height:520px){body.has-copy-draft.easy-mode #editor{height:calc(100dvh - var(--top) - 48px)}}
body.has-copy-draft.model-focus #editor{top:0;height:100dvh}body.model-focus .copy-draft-notice{display:none}

/* Subtle machined edges; scene materials and layout retain their own rules. */
button{border-radius:var(--md-radius);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--md-ivory-bright) 7%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--md-night) 30%,transparent)}
button:not(:disabled):active{box-shadow:inset 0 1px 3px color-mix(in srgb,var(--md-night) 40%,transparent)}
button.primary{box-shadow:inset 0 1px 0 var(--ivory),inset 0 -1px 0 color-mix(in srgb,var(--md-copper) 35%,transparent)}
input,select{box-shadow:inset 0 1px 3px color-mix(in srgb,var(--md-night) 16%,transparent)}
#panel,#easyPanel,dialog{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--md-ivory-bright) 10%,transparent)}
@media(prefers-reduced-motion:no-preference){button{transition:background 180ms cubic-bezier(.16,1,.3,1),border-color 180ms cubic-bezier(.16,1,.3,1),box-shadow 180ms cubic-bezier(.16,1,.3,1)}input,select{transition:border-color 180ms cubic-bezier(.16,1,.3,1)}}
@media(prefers-reduced-motion:reduce){button,input,select{transition:none!important;animation:none!important}}

/* The editor uses the same typography, surfaces and controls as the public site. */
.title{font-family:var(--md-font-display);font-weight:500;font-size:29px;line-height:1.05}
h2,.easy-head h2,.easy-piece-head h2,dialog h2{font-family:var(--md-font-display);font-weight:500;line-height:1.12;letter-spacing:-.02em}
h3{font-family:var(--md-font-body);font-weight:600;font-size:14px;line-height:1.35}
.eyebrow,.easy-progress{font-family:var(--md-font-label)}
button{border-radius:var(--md-radius)}
button:hover{background:color-mix(in srgb,var(--md-plane) 88%,var(--md-ivory) 12%)}
button.active,button[aria-pressed=true]{background:color-mix(in srgb,var(--md-copper) 12%,var(--md-graphite));color:var(--md-ivory-bright)}
.primary,.dock button.primary{background:var(--md-ivory);color:var(--md-night)}
.primary:hover{background:var(--md-ivory-bright)}
.fixture-choices{display:grid;gap:7px}
.fixture-choices button{display:flex;align-items:center;gap:12px;text-align:left;min-height:58px;padding:11px 12px;background:var(--md-plane)}
.fixture-choices svg{width:32px;height:24px;flex:none;color:var(--md-copper)}
.fixture-choices span{min-width:0}.fixture-choices strong{display:block;font-size:12px;font-weight:500;line-height:1.35}
.fixture-choices small{display:block;color:var(--md-ash);font-size:10px;line-height:1.45;margin-top:3px}
.fixture-choices button[aria-pressed=true]{border-color:var(--md-copper);background:color-mix(in srgb,var(--md-copper) 12%,var(--md-graphite))}
.concept-followup{font-size:12px;line-height:1.6;color:var(--md-ash);max-width:62ch;margin:16px 0}
@media(max-width:680px){.title{font-size:23px}.easy-head h2,.easy-piece-head h2,dialog h2{font-size:27px}.fixture-choices button{min-height:56px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .18s var(--md-ease),border-color .18s var(--md-ease),box-shadow .18s var(--md-ease)}}

@media(max-width:680px){.easy-content{padding-bottom:24px;scroll-padding-block:12px}.easy-footer{position:relative;z-index:1;background:var(--md-graphite)}.easy-floor-section h3{font-family:var(--md-font-label);font-size:13px;letter-spacing:.07em;text-transform:uppercase}}

/* A two-row phone header keeps navigation and history apart at narrow widths. */
@media(max-width:680px){
 :root{--top:104px}
 .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:40px 44px;gap:4px 8px;padding:6px 12px;align-content:center}
 .topbar>a,body:not(.easy-mode) .topbar>a{position:static;grid-column:1;grid-row:1;justify-self:start}
 .topbar img{width:96px}
 .starting-launch{grid-column:2;grid-row:1;min-height:38px}
 .topbar .mode-switch{grid-column:1;grid-row:2;margin:0;justify-self:start}
 .topbar .history,body:not(.easy-mode) .topbar .history{position:static;grid-column:2;grid-row:2;margin:0;justify-self:end;background:transparent}
 .topbar .history button{min-height:38px;padding:7px 9px}
}