/* Wallaire studio: a quiet, contemporary frame for the customer's artwork. */
:root {
  --paper: #f6f6f6;
  --ink: #1c1c1c;
  --muted: #6a6a6a;
  --line: #e2e2e2;
  --accent: #ac573b;
}
body {
  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  letter-spacing: -.015em;
}
h1,h2,h3 { font-weight: 600; }
.site-header {
  height: 76px;
  border-bottom-color: #e1e1e1;
}
.brand { font-size: 27px; letter-spacing: -1.5px; }
.header-quote {
  min-height: 39px;
  padding: 8px 15px;
  border: 1px solid #d3d3d3;
  border-radius: 25px;
  background: #ffffff70;
  font-size: 12px;
  gap: 22px;
}
.header-quote:hover { background: #fff; text-decoration: none; border-color: #8e8e8e; }
.header-quote>span { font-size: 17px; }
.hero-intro {
  display: grid;
  grid-template-columns: minmax(0,1fr) 320px;
  align-items: end;
  gap: 30px;
  max-width: none;
  padding: 33px 0 30px;
  text-align: left;
}
.studio-eyebrow {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 2px;
  color: #6b6b6b;
  margin-bottom: 13px;
}
.hero-intro h1 {
  font-size: clamp(38px,4.1vw,66px);
  line-height: 1.04;
  letter-spacing: -.055em;
  font-weight: 550;
}
.hero-intro h1 span { display: inline-block; color: #6b6b6b; }
.hero-intro>.studio-intro-copy {
  max-width: 320px;
  margin: 0 0 3px;
  font-size: 13px;
  line-height: 1.75;
  color: #6b6b6b;
}
.room-workspace { gap: 22px; }
.room-editor {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 15px;
  box-shadow: 0 4px 16px -12px #23232324;
  padding: 21px;
}
.room-editor h2,.room-editor .quote-heading h2 {
  font-size: 25px;
  font-weight: 550;
  letter-spacing: -1.1px;
  line-height: 1.12;
}
.room-intro,.room-editor .quote-heading>p { color: #6b6b6b; font-size: 12px; line-height: 1.75; }
.room-steps { border-bottom: 1px solid #eeeeee; padding-bottom: 19px; margin-bottom: 22px; }
.room-steps li { color: #6b6b6b; }
.room-steps li>span { background: #f2f2f2; color: #6b6b6b; }
.room-steps li[aria-current=step] { color: #222222; }
.room-steps li[aria-current=step]>span { background: #262626; }
.room-editor.has-artwork .room-steps li:first-child>span { background: #ececec; color: #626262; }
.room-editor.has-artwork h2 { margin-bottom: 20px; }
.room-upload {
  background: #f9f9f9;
  border-color: #c3c3c3;
  border-radius: 9px;
  padding-block: 26px;
  gap: 14px;
}
.room-upload:hover,.room-upload.is-dragover { border-color: #7a7a7a; background: #f3f3f3; }
.room-upload-icon {
  width: 44px;
  height: 44px;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  color: #5f5f5f;
  box-shadow: none;
}
.room-upload-copy strong { font-size: 13px; font-weight: 500; letter-spacing: -.2px; }
.room-upload-copy small { font-size: 10px; color: #6b6b6b; }
.room-file-status { font-size: 10px; color: #6b6b6b; }
.room-editor.has-artwork .room-upload { padding: 11px; border-style: solid; border-color: #e4e4e4; background: #fbfbfb; }
.room-artwork-thumb { border-color: #e5e5e5; border-radius: 5px; }
.room-editor.has-artwork .room-upload-copy strong { color: #6a6a6a; font-size: 10px; }
.room-editor #artwork-adjustments { border-top-color: #eaeaea; padding-top: 18px; }
.room-control,.room-editor .wall-row>label,.room-editor .field { color: #4f4f4f; font-size: 11px; }
.room-scale { color: #2d2d2d; }
.room-scale output { background: #f2f2f2; color: #6b6b6b; font-size: 10px; border-radius: 5px; }
.room-zoom-controls button {
  width: 31px;
  height: 31px;
  font-size: 17px;
  border-radius: 50%;
  border-color: #e1e1e1;
  color: #525252;
  background: #fff;
}
.room-zoom-controls button:hover { background: #f1f1f1; border-color: #adadad; }
.room-zoom-controls input[type=range],.room-control input[type=range] {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  accent-color: #858585;
}
.room-zoom-controls input::-webkit-slider-runnable-track,.room-control input::-webkit-slider-runnable-track { height: 3px; border-radius: 3px; background: #e5e5e5; }
.room-zoom-controls input::-moz-range-track,.room-control input::-moz-range-track { height: 3px; border-radius: 3px; background: #e5e5e5; }
.room-zoom-controls input::-webkit-slider-thumb,.room-control input::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 14px; height: 14px; border-radius: 50%; margin-top: -5.5px; border: 2px solid white; background: #838383; box-shadow: 0 0 0 1px #bcbcbc; }
.room-zoom-controls input::-moz-range-thumb,.room-control input::-moz-range-thumb { width: 11px; height: 11px; border-radius: 50%; border: 2px solid white; background: #838383; box-shadow: 0 0 0 1px #bcbcbc; }
.room-quick-actions button { border-color: #e5e5e5; background: #fcfcfc; color: #686868; border-radius: 6px; font-size: 10px; }
.room-quick-actions button:hover { background: #f2f2f2; }
.drag-hint,.room-size-hints { color: #6b6b6b; }
.room-position-details { border-color: #ebebeb; }
.room-position-details summary,.production-files>summary { color: #6b6b6b; font-size: 10px; }
.room-remove { color: #6b6b6b; }
.production-files { border-color: #ebebeb; }
.room-quote-button,.button.submit-button {
  background: #303030;
  border-radius: 8px;
  color: #fff;
  min-height: 46px;
  box-shadow: none;
  font-size: 12px;
  padding-inline: 15px;
}
.room-quote-button:hover,.button.submit-button:hover { background: #505050; }
.room-editor .room-quote-button>span:first-child { font-size: 12px; }
.button.submit-button>span,.room-quote-button>span:last-child { font-size: 18px; }
.room-attached-note { color: #6b6b6b; font-size: 9px; }
.room-note { color: #6b6b6b; font-size: 10px; }
.preview-heading { color: #6b6b6b; font-size: 9px; letter-spacing: 1.5px; margin-bottom: 13px; }
.preview-live-dot { color: #6b6b6b; font-size: 9px; }
.preview-live-dot:before { background: #a3a3a3; }
.room-workspace .surface-compare {
  border-radius: 12px;
  box-shadow: 0 17px 32px -18px #3d3d3d40;
}
.room-workspace .surface-state { border-radius: 22px; background: #fffffff0; backdrop-filter: blur(10px); font-size: 9px; letter-spacing: .3px; color: #565656; padding: 7px 11px; box-shadow: 0 1px 5px #2e2e2e0a; }
.surface-choice { border-radius: 20px; }
.room-workspace .surface-choice { min-height: 34px; min-width: 85px; font-size: 10px; padding: 7px 13px; border-color: #dfdfdf; color: #6b6b6b; background: #fff; }
.surface-choice[aria-pressed=true] { background: #3c3c3c; border-color: #3c3c3c; color: #fff; }
.surface-range::-webkit-slider-thumb { width: 20px; height: 20px; margin-top: -8px; background: #828282; border-width: 3px; box-shadow: 0 0 0 1px #dadada; }
.surface-range::-moz-range-thumb { width: 15px; height: 15px; background: #828282; border-width: 3px; box-shadow: 0 0 0 1px #dadada; }
.surface-range::-webkit-slider-runnable-track { background: linear-gradient(to right,#9d9d9d 0 var(--coverage),#e1e1e1 var(--coverage) 100%); height: 3px; }
.surface-range::-moz-range-progress { background: #9d9d9d; }
.room-workspace .surface-help>p,.room-workspace .surface-help .replay-button,.room-preview-caption { color: #6b6b6b; font-size: 10px; }
.reference-quote-summary { background: #fff; border-color: #e7e7e7; border-radius: 9px; margin-top: 15px; padding: 13px 15px; }
.reference-quote-summary>span { color: #6b6b6b; font-size: 8px; letter-spacing: 1.8px; }
.reference-quote-summary>p { color: #636363; font-size: 12px; }
.back-to-preview { color: #6b6b6b; font-size: 10px; margin-bottom: 14px; min-height: 30px; }
.room-editor .preview-with-quote { background: #f6f6f6; border: 1px solid #ececec; border-radius: 7px; padding: 11px; }
.preview-attached-icon { background: #ececec; color: #6b6b6b; }
.room-editor .preview-with-quote strong { color: #646464; font-size: 10px; }
.room-editor .preview-with-quote p,.room-editor .preview-with-quote small,.room-editor .preview-with-quote a { color: #6b6b6b; font-size: 9px; }
.room-editor .form-section h3 { color: #5d5d5d; font-size: 16px; letter-spacing: -.35px; font-weight: 500; }
.form-section+.form-section { border-color: #ebebeb; padding-top: 24px; margin-top: 24px; }
.room-editor .step-intro { color: #6b6b6b; font-size: 11px; line-height: 1.8; margin-bottom: 16px; }
.wall-row input,.wall-row select,.field input,.field select,.field textarea {
  background: #fbfbfb;
  border-color: #e8e8e8;
  border-radius: 6px;
  min-height: 43px;
  padding: 10px 11px;
  color: #646464;
}
.wall-row input::placeholder,.field input::placeholder,.field textarea::placeholder { color: #6b6b6b; }
.wall-row input:focus,.wall-row select:focus,.field input:focus,.field select:focus,.field textarea:focus { outline: none; border-color: #bbbbbb; box-shadow: 0 0 0 3px #e8e8e85c; }
.wall-row legend { font-size: 10px; color: #6b6b6b; }
.wall-tools>span,.field-note,.privacy-note,.room-editor .privacy-note { color: #6b6b6b; font-size: 10px; }
.add-wall { color: #6b6b6b; font-size: 11px; border-bottom-color: #c4c4c4; }
.optional-fields,.quote-extra-notes,.quick-answers details { border-color: #ebebeb; }
.optional-fields summary,.quote-extra-notes summary,.room-editor .quick-answers summary { color: #6b6b6b; font-size: 11px; }
.optional-fields summary>span,.quote-extra-notes summary>span,.field>span { color: #6b6b6b; }
.client-type label>span { color: #6b6b6b; border-color: #e9e9e9; background: #fcfcfc; }
.client-type input:checked+span { background: #858585; border-color: #858585; color: #fff; }
.artwork-has-files .file-list { background: #f7f7f7; border-color: #eaeaea; }
.artwork-has-files .file-list li:before { color: #6b6b6b; background: #ececec; }
.dropzone.has-files { border-color: #e3e3e3; color: #6b6b6b; border-radius: 6px; }
.dropzone.has-files:hover { background: #f6f6f6; }
footer { margin-top: 35px; border-color: #e4e4e4; }
@media(max-width:1350px) and (min-width:901px) {
  .hero-intro { grid-template-columns: minmax(0,1fr) 270px; gap: 24px; }
  .hero-intro h1 { font-size: clamp(38px,4.2vw,55px); }
  .hero-intro>.studio-intro-copy { font-size: 12px; }
  .room-editor { padding: 18px; }
}
@media(max-width:1100px) and (min-width:901px) {
  .room-editor { padding: 15px; }
  .hero-intro h1 { font-size: 43px; }
  .room-editor h2,.room-editor .quote-heading h2 { font-size: 23px; }
}
@media(max-width:900px) {
  .hero-intro { grid-template-columns: 1fr; gap: 17px; padding: 29px 0 27px; }
  .hero-intro h1 { font-size: clamp(40px,6.5vw,58px); }
  .hero-intro>.studio-intro-copy { max-width: 560px; font-size: 14px; }
  .room-editor { padding: 25px; }
  .room-editor h2,.room-editor .quote-heading h2 { font-size: 28px; }
  .room-editor .quote-heading>p,.room-intro,.room-editor .step-intro { font-size: 13px; }
  .room-control,.room-editor .field,.room-editor .wall-row>label { font-size: 13px; }
  .room-upload-copy strong { font-size: 15px; }
  .room-upload-copy small,.room-file-status { font-size: 12px; }
  .room-editor .room-quote-button>span:first-child,.button.submit-button { font-size: 14px; }
  .room-workspace .surface-choice { font-size: 12px; }
  .room-editor .form-section h3 { font-size: 20px; }
  .room-editor .step-intro,.room-editor .quick-answers summary { font-size: 13px; }
}
@media(max-width:760px) {
  .site-header { height: 70px; }
  .brand { font-size: 25px; }
  .header-quote { font-size: 11px; padding-inline: 13px; gap: 15px; }
  .hero-intro h1 { max-width: 420px; font-size: 44px; }
  .studio-eyebrow { font-size: 8px; }
  .room-editor { border-radius: 12px; padding: 23px; }
  .room-editor .step-intro,.room-editor .field { font-size: 13px; }
  .room-position-details summary,.production-files>summary { font-size: 12px; }
  .room-quick-actions button { font-size: 12px; }
  .room-workspace .surface-state { font-size: 8px; }
}

/* Strong neutral accents keep the warm room image as the only large color field. */
.room-editor h2,.room-editor .quote-heading h2,.room-editor .form-section h3 { color: #252525; }
.room-quote-button,.button.submit-button { background: #202020; }
.room-quote-button:hover,.button.submit-button:hover { background: #3c3c3c; }
.room-zoom-controls input::-webkit-slider-thumb,.room-control input::-webkit-slider-thumb,.surface-range::-webkit-slider-thumb { background: #242424; }
.room-zoom-controls input::-moz-range-thumb,.room-control input::-moz-range-thumb,.surface-range::-moz-range-thumb { background: #242424; }
.wall-row input,.wall-row select,.field input,.field select,.field textarea { color: #292929; }
.client-type input:checked+span { background: #292929; border-color: #292929; }
.preview-attached-icon,.artwork-has-files .file-list li:before { background: #eeeeeb; color: #535353; }
.preview-live-dot:before { background: #555; }
@media(max-width:900px) {
 .room-zoom-controls button { width: 42px; height: 42px; font-size: 21px; }
 .room-control input[type=range],.room-zoom-controls input[type=range] { min-height: 40px; }
 .room-quick-actions button { min-height: 44px; }
 .room-position-details summary,.production-files>summary { min-height: 44px; }
}
.room-file-name { color: #333; }
.room-control output,.room-position-hint,.room-editor .quick-answers p,.file-list small { color: #6b6b6b; }
.dropzone { background: #fafbf8; border-color: #d5d9d0; }
.wall-row input:focus-visible,.wall-row select:focus-visible,.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible { outline: 2px solid #333; outline-offset: 2px; }
@media(max-width:900px) {
 .back-to-preview,.room-remove { min-height: 44px; font-size: 12px; }
 .header-quote { min-height: 44px; }
 .room-workspace .surface-choice { min-height: 44px; }
 .is-quoting .surface-range { height: 44px; }
}

/* Let the room lead; keep only essential tools visible. */
.transformation,.site-header,footer{max-width:1760px}.room-workspace{grid-template-columns:210px minmax(0,1fr) 210px;gap:25px}.room-editor{background:transparent;border:0;border-radius:0;box-shadow:none;padding:8px 0}.room-editor h2,.room-editor .quote-heading h2{font-size:21px;letter-spacing:-.7px}.room-intro{font-size:11px;margin:10px 0 16px}.room-steps,.room-quote-button,.back-to-preview,.preview-heading,.reference-quote-summary,.quote-panel .preview-with-quote{display:none}.room-scene-column{top:18px}.room-scene-column>*{max-width:min(100%,max(360px,calc((100svh - 185px)*1.5)))}.room-workspace .surface-compare{border-radius:12px}.room-upload{padding:19px 10px;gap:10px}.room-upload-icon{width:35px;height:35px}.room-upload-icon svg{width:23px;height:23px}.room-upload-copy strong{font-size:12px}.room-file-status{font-size:9px;line-height:1.6}.room-note{font-size:10px;line-height:1.7}.room-control{font-size:11px}.room-editor .room-file-name{max-width:130px}.room-editor #artwork-adjustments{margin-top:17px;padding-top:17px}.drag-hint{margin-top:12px;font-size:10px}.room-quick-actions{gap:5px}.room-quick-actions button{font-size:10px;padding-inline:5px}.production-files{margin-top:15px}.production-files>summary,.room-position-details summary{font-size:10px}.room-attached-note{text-align:left;font-size:10px}.room-editor .quote-heading{margin-bottom:18px}.room-editor .quote-heading>p{font-size:11px;line-height:1.7}.room-editor .step-intro{font-size:11px;margin-bottom:15px}.room-editor .wall-tools{gap:7px}.room-editor .field-note{font-size:9px}.quote-contact{margin-top:23px;border-top:1px solid #e1e1e1;padding-top:18px}.quote-contact>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;list-style:none;cursor:pointer;font-size:12px;color:white;background:#202020;padding:13px 14px;border-radius:6px;min-height:45px}.quote-contact>summary::-webkit-details-marker{display:none}.quote-contact[open]>summary{background:transparent;color:#555;padding:0 0 14px;border-bottom:1px solid #e4e4e4;border-radius:0;margin-bottom:22px;min-height:34px}.quote-contact[open]>summary>span{transform:rotate(90deg)}.quote-contact .form-section h3{font-size:17px}.quote-panel .quick-answers{margin-top:24px}.space-picker{display:flex;justify-content:center;gap:5px;border:0;padding:0;margin:0 0 13px;min-width:0}.space-picker label{position:relative;cursor:pointer}.space-picker input{position:absolute;opacity:0;width:1px;height:1px}.space-picker span{display:block;padding:8px 18px;border:1px solid transparent;border-radius:22px;font-size:12px;color:#707070;background:#eee;transition:background .15s}.space-picker input:checked+span{background:#202020;border-color:#202020;color:#fff}.space-picker input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.space-picker input:disabled+span{opacity:.45;cursor:wait}.room-workspace .surface-controls{padding-top:11px}.room-workspace .surface-help{margin-top:0;justify-content:flex-end}.room-workspace .surface-help>p{display:none}.room-workspace .surface-help .replay-button{min-height:30px;padding-block:3px;font-size:9px}.room-preview-caption{margin-top:4px;font-size:10px;line-height:1.5}
@media(max-width:1350px) and (min-width:901px){.room-workspace{grid-template-columns:195px minmax(0,1fr) 195px;gap:20px}.room-editor{padding:8px 0}.room-editor h2,.room-editor .quote-heading h2{font-size:20px}.room-editor .wall-row{gap:8px}.room-editor .room-file-name{max-width:115px}.room-editor .client-type label>span{font-size:10px}.room-zoom-controls{gap:7px}}
@media(max-width:1100px) and (min-width:901px){.room-workspace{grid-template-columns:185px minmax(0,1fr) 185px;gap:15px}.room-editor{padding:8px 0}.room-editor .room-file-name{max-width:105px}.room-editor .field{font-size:11px}.space-picker span{padding-inline:15px}}
@media(max-width:900px){.room-workspace{display:flex;gap:24px}.room-editor{padding:0;max-width:none}.room-scene-column>*{max-width:100%}.room-editor h2,.room-editor .quote-heading h2{font-size:25px}.room-upload{min-height:130px}.room-intro,.room-file-status,.room-editor .step-intro,.room-editor .quote-heading>p{font-size:12px}.room-editor .field,.room-editor .wall-row>label{font-size:14px}.room-editor .room-file-name{max-width:65vw}.room-quick-actions button{font-size:12px}.quote-contact>summary{font-size:14px;min-height:48px}.space-picker span{font-size:12px;padding:8px 17px}.is-quoting .surface-compare{max-width:min(100%,420px)}.is-quoting .space-picker{margin-bottom:8px}.is-quoting .room-scene-column{padding-top:8px}.room-editor .field-note,.room-note,.room-attached-note{font-size:11px}}
@media(max-width:760px){.is-quoting .surface-compare{max-width:min(100%,420px)}.is-quoting .surface-controls{max-width:420px}.space-picker{gap:4px}.space-picker span{font-size:11px;padding:7px 15px}.room-editor{padding:0 3px}.room-editor .quote-heading>p{font-size:12px}.is-quoting .room-preview-caption{max-width:340px}.production-files>summary,.room-position-details summary{font-size:12px}}

.quote-help{margin-top:20px;border-top:1px solid #e1e1e1}.quote-help>summary{cursor:pointer;font-size:10px;color:#707070;min-height:38px;padding:11px 0}.quote-help>p{font-size:11px;line-height:1.8;color:#6b6b6b;padding-bottom:12px}@media(max-width:900px){.space-picker span{min-height:44px;display:flex;align-items:center}.quote-help>summary{font-size:12px;min-height:44px}.quote-help>p{font-size:12px}}

@media(max-width:900px){.space-picker span{min-height:44px;display:flex;align-items:center}}

/* Measured surfaces, with the photo kept as an optional room reference. */
.room-view-picker{display:flex;justify-content:center;gap:18px;margin:0 0 12px}
.room-view-picker button{font:inherit;font-size:11px;background:none;border:0;border-bottom:1px solid transparent;padding:7px 0;color:#74746e;cursor:pointer}
.room-view-picker button[aria-pressed=true]{border-bottom-color:#262622;color:#262622}
.room-view-picker button:focus-visible,.wall-views button:focus-visible{outline:2px solid #393b32;outline-offset:4px}
#scaled-room-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
#scaled-room-canvas[hidden]{display:none}
.surface-compare.is-scaled{background:#f4f4f0;box-shadow:0 12px 30px -25px #33333350}
.surface-compare.is-scaled .surface-photo,.surface-compare.is-scaled .wall-surface{visibility:hidden}
.surface-compare.is-scaled .surface-state{top:18px;left:18px;font-size:10px;background:#ffffffe0}
.wall-views{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 12px}
.wall-views[hidden]{display:none}
.wall-views button{font:inherit;font-size:11px;padding:7px 11px;border:1px solid #dddcd5;border-radius:18px;background:transparent;cursor:pointer;color:#6c6c65}
.wall-views button[aria-pressed=true]{background:#e5e5de;color:#272923;border-color:#cbcbc2}
.scaled-wall-dimensions{font-size:11px;line-height:1.7;text-align:center;color:#41433b;margin:13px 0 5px;white-space:normal}
.scaled-wall-dimensions[hidden]{display:none}
.room-preview-caption{min-height:30px}
:root{--brand-orange:#d96133}
.brand{gap:12px;line-height:1}
.brand-mark{display:block;width:50px;height:auto}
.brand-wordmark{display:block;width:137px;height:auto}
.hero-intro h1{color:#1c1c1c}
.hero-intro h1 span,#quote-title{color:var(--brand-orange)}
.artwork-resolution{margin:15px 0 18px;padding:13px 12px;border:1px solid #deded7;border-radius:7px;background:#f1f2ed;font-size:10px;line-height:1.65;color:#5f6257}
.artwork-resolution[hidden]{display:none}
.resolution-eyebrow{display:block;font-size:8px;letter-spacing:1.5px;margin-bottom:7px;color:#676a5e}
.artwork-resolution>strong{display:block;font-size:11px;font-weight:550;color:#34392c}
#resolution-value{display:block;margin:3px 0;font-size:12px;color:#30372a}
.artwork-resolution p{margin:7px 0 0}
.artwork-resolution details{margin-top:8px}
.artwork-resolution summary{cursor:pointer;font-size:9px}
.artwork-resolution[data-quality=low],.artwork-resolution[data-quality=review]{background:#faf2e9;border-color:#e4d1bb;color:#76614c}
.artwork-resolution[data-quality=low]>strong,.artwork-resolution[data-quality=review]>strong{color:#94512e}
.wall-openings{margin:16px 0;border-top:1px solid #deded8;border-bottom:1px solid #deded8;padding:12px 0;font-size:11px}
.wall-openings>summary{cursor:pointer;display:flex;align-items:center;gap:4px;min-height:24px;list-style:none}
.wall-openings>summary::-webkit-details-marker{display:none}
.wall-openings>summary:before{content:'+';font-size:16px;margin-right:5px}
.wall-openings[open]>summary:before{content:'−'}
.optional-label{margin-left:auto;color:#797970;font-size:9px}
#opening-controls{border:0;padding:15px 0 0;margin:0;min-width:0}
.opening-target,.opening-wall-select{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#63655d}
.opening-target select,.opening-wall-select select{min-width:0;max-width:130px;background:#fbfbf9;border:1px solid #deded8;border-radius:4px;padding:7px 5px;font:inherit;color:#33382c}
.opening-add-actions{display:flex;gap:7px;margin:12px 0 14px}
.opening-add-actions button{flex:1;background:#fff;border:1px solid #d9d9d1;border-radius:5px;min-height:36px;font:inherit;font-size:11px;cursor:pointer}
.opening-add-actions button:disabled{opacity:.4;cursor:default}
.opening-card{border:1px solid #deded7;border-radius:6px;padding:10px;margin:10px 0;background:#fafaf7}
.opening-card.is-selected{border-color:#d6a38b}
.opening-card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.opening-card-heading strong{font-size:11px;font-weight:550}
.opening-card-heading button{background:none;border:0;font-size:18px;color:#73756a;min-width:28px;min-height:28px;cursor:pointer}
.opening-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.opening-fields label{display:flex;flex-direction:column;gap:5px;font-size:9px;color:#62665a;min-width:0}
.opening-fields input{width:100%;min-width:0;min-height:36px;padding:7px;background:white;border:1px solid #ddded5;border-radius:4px;color:#30352a;font:inherit;font-size:11px}
.opening-fields input:read-only{background:#eeeee8;color:#7b7d72}
.opening-status{font-size:10px;line-height:1.7;color:#6b6e63;margin:9px 0}
.surface-compare.is-moving-opening{cursor:move}
.surface-compare.has-wall-openings.is-scaled{touch-action:none;cursor:move}
.room-foreground{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:2}
.surface-compare.is-scaled .room-foreground{visibility:hidden}
.room-workspace .surface-state{z-index:3}
.space-picker{flex-wrap:wrap}
.space-picker span{padding-inline:13px}
@media(max-width:900px){.artwork-resolution{font-size:12px}.artwork-resolution>strong,.artwork-resolution summary{font-size:12px}.resolution-eyebrow{font-size:9px}.wall-openings{font-size:13px}.wall-openings>summary,.opening-add-actions button{min-height:44px}.opening-target,.opening-wall-select,.opening-fields label{font-size:12px}.opening-fields input{font-size:14px;min-height:44px}.opening-status,.optional-label{font-size:11px}.opening-card-heading strong{font-size:13px}.opening-card-heading button{min-height:44px;min-width:44px}}
@media(max-width:900px){.room-view-picker button{font-size:12px;min-height:44px}.wall-views button{min-height:44px;font-size:12px}.scaled-wall-dimensions{font-size:12px}.is-quoting .surface-compare.is-scaled{max-width:100%}.is-quoting .room-scene-column:has(.is-scaled) .surface-controls{max-width:100%}.is-quoting .room-scene-column:has(.is-scaled) .room-preview-caption{max-width:100%}}