.live-config-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;margin-bottom:28px}.live-config-panel h3{font-family:Georgia,serif;font-size:clamp(28px,4vw,42px);line-height:1.12;color:var(--green);margin:0}.live-config-panel .section-head{margin-bottom:24px}.live-config-panel .section-head p:not(.eyebrow){font-size:16px}.live-config-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:30px;align-items:start}.live-picture-column{position:sticky;top:148px;min-width:0}.live-picture{margin:0;background:#f1f3ee;border:1px solid var(--line);border-radius:14px;overflow:hidden}.live-picture>img,.live-picture>canvas{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.live-picture figcaption{background:#f5f7f3;padding:10px 14px;font-size:14px;line-height:1.45}.preview-status{margin:10px 0;min-height:42px;font-size:14px;color:var(--green)}.view-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.view-choices button{padding:3px;border:2px solid transparent;border-radius:9px;background:#f1f3ee;color:var(--ink);min-width:0}.view-choices button[aria-pressed=true]{border-color:var(--green);background:#e3efe7}.view-choices img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:5px}.view-choices span{display:block;font-size:14px;line-height:1.3;margin-block:4px}.preview-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:15px}.text-button{border:0;background:transparent;color:var(--green);font-size:14px;padding:10px 0;text-decoration:underline;text-underline-offset:4px}.binary-field{border:0;padding:0;margin:0;min-inline-size:0}.binary-field legend{font-size:14px;font-weight:700;margin-bottom:8px}.binary-colors{display:flex;flex-wrap:wrap;gap:8px}.binary-colors label{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:14px;background:#fff;min-height:46px}.binary-colors label:has(input:checked){border-color:var(--green);background:#eaf2ed;box-shadow:inset 0 0 0 1px var(--green)}.binary-colors input{margin:0;width:16px;height:16px;accent-color:var(--green)}.live-config-panel .config-controls{gap:22px 16px}.preview-swatch{display:block;width:112px;background-repeat:no-repeat;margin-top:10px}.live-config-panel .fineprint{font-size:14px;line-height:1.5}.view-choices button:focus-visible,.preview-actions button:focus-visible,.binary-colors input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.model-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.model-gallery.single{grid-template-columns:minmax(0,1fr)}.model-branding{display:grid;grid-template-columns:minmax(240px,420px) minmax(0,1fr);gap:28px;align-items:center;margin-bottom:24px}.model-branding img{width:100%;height:auto;border-radius:10px}.model-branding .reference-note{margin:0}
@media(max-width:1150px){.desktop-nav a{padding-inline:7px}.header-row{gap:14px}.live-config-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px}.live-config-panel .config-controls{grid-template-columns:1fr}.model-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.live-config-grid{grid-template-columns:1fr}.live-picture-column{position:static}.live-config-panel .config-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.live-config-panel{padding:18px}.model-branding{grid-template-columns:1fr;gap:16px}.model-branding>a{max-width:440px}.model-gallery{grid-template-columns:1fr}.live-config-panel .config-controls{grid-template-columns:1fr}.view-choices{gap:4px}.view-choices span{font-size:12px}}
