/* Full-page, single-scroll preview. Reset the older viewport-height editor panes. */
#live-preview.friendly-preview{--emerald:#806500;--ink:#222;--muted:#625f55;--line:#ded9ca;width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:24px clamp(12px,3vw,48px);border-radius:0;overflow:auto!important;scrollbar-gutter:stable;overscroll-behavior:contain;color-scheme:light}
#live-preview.friendly-preview>.pv-header,#live-preview.friendly-preview>.pv-upload-section,#live-preview.friendly-preview>.preview-basics,#live-preview.friendly-preview>.pv-layout{max-width:1440px;margin-left:auto;margin-right:auto;width:100%}
#live-preview.friendly-preview .pv-layout{display:block;height:auto;min-height:0;padding:0;overflow:visible}
#live-preview.friendly-preview .pv-layout>div,#live-preview.friendly-preview .pv-stage-card,#live-preview.friendly-preview .pv-controls{height:auto;min-height:0;max-height:none;overflow:visible!important;scrollbar-gutter:auto}
#live-preview.friendly-preview .pv-controls{margin-top:24px;padding:20px;background:#fff;display:block}
#live-preview.friendly-preview .pv-stage{flex:none;width:100%;margin:0 auto}
#live-preview.friendly-preview .pv-stage:not(.has-photo){height:360px!important;min-height:360px}
#live-preview.friendly-preview .pv-stage-card>h2{margin-bottom:8px}
#live-preview.friendly-preview .pv-header{position:static;min-height:0;align-items:flex-start;gap:20px}
#live-preview.friendly-preview .pv-header-actions{flex-shrink:0;max-width:420px;justify-content:flex-end}
#live-preview.friendly-preview .pv-header-actions .language-picker{margin:0}
#live-preview.friendly-preview .pv-header-actions .pv-guide-button{display:none}
#live-preview.friendly-preview select,#live-preview.friendly-preview select option{background:#fff!important;color:#222!important;opacity:1;font-size:16px;min-height:48px;height:auto;transform:none!important;box-shadow:none}
#live-preview.friendly-preview .pv-controls select:hover{transform:none;box-shadow:none}
#live-preview.friendly-preview .preview-advanced{display:block;min-width:0;background:#fff;isolation:isolate}
#live-preview.friendly-preview .preview-advanced>summary{min-height:52px;line-height:1.6;background:#fff}
#live-preview.friendly-preview .pv-compact-options{grid-template-columns:minmax(0,1fr);margin:20px 0}
#live-preview.friendly-preview .pv-setting-group{margin:26px 0;min-width:0}
#live-preview.friendly-preview .pv-help-content{width:100%;max-width:100%;height:auto;white-space:normal;background:#f7f4e9;color:#333;position:static;overflow-wrap:anywhere;opacity:1;box-shadow:none}
#live-preview.friendly-preview .pv-help{min-height:32px;width:32px;height:32px;background:#f7f4e9}
#live-preview.friendly-preview .pv-lens-options{grid-template-columns:repeat(4,minmax(0,1fr))}
#live-preview.friendly-preview .pv-live-result{background:#f7f5ea!important;border-color:#d9d0ae}
#live-preview.friendly-preview .pv-fit-five>div:first-child{background:#fff5c6}
#live-preview.friendly-preview .pv-fit-five b,#live-preview.friendly-preview .pv-fit-five small,#live-preview.friendly-preview .pv-live-result>span{color:#393628}
.space-choices{min-width:0;border:0;padding:0;margin:0 0 20px;grid-column:1/-1}
.space-choices legend{font-size:16px;font-weight:700;line-height:1.6;margin-bottom:12px;float:none;width:100%}
.space-choices>div{display:flex;gap:10px;flex-wrap:wrap}
.space-choices button,#live-preview.friendly-preview .space-choices button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:1 1 90px;min-width:0;min-height:98px;padding:12px;border:1px solid #c9c3b2;border-radius:10px;background:#fff;color:#333;font-size:15px!important;line-height:1.5;box-shadow:none;transform:none}
.space-choices button[aria-pressed=true],#live-preview.friendly-preview .space-choices button[aria-pressed=true]{border:2px solid #826700;background:#fff6cd!important;color:#1c1b16!important;box-shadow:0 0 0 1px #826700}
.space-choices button[aria-pressed=true] span:after{content:' ✓';font-weight:800}
.space-choices svg{width:70px;height:44px;flex:none}
.space-diagram{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(0,1.1fr);align-items:center;gap:22px;margin:0 0 22px;padding:20px;border:1px solid #e0dac4;border-radius:12px;background:#fffdf5;grid-column:1/-1;min-width:0}
.space-illustration svg{width:100%;height:auto;display:block;max-height:270px}
.space-diagram h3{font-size:17px!important;line-height:1.5;margin:0 0 12px!important}
.space-diagram ol{list-style:none;padding:0;margin:0;counter-reset:measure}
.space-diagram li{counter-increment:measure;display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.5;margin:8px 0}
.space-diagram li:before{content:counter(measure);display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:#f7d842;color:#161616;font-weight:700}
.space-diagram li:last-child:before{background:#205da7;color:#fff}
.space-diagram p{font-size:14px;line-height:1.65;margin:14px 0 10px;color:#464238}
.space-diagram small{font-size:12px;line-height:1.65;display:block;color:#696457}
.setup-grid>label:has(#distance){grid-column:1/-1}
.with-unit{display:flex;min-width:0;background:#fff;overflow:visible}
.with-unit input{flex:1 1 0;min-width:0;width:0}
.with-unit select{flex:0 0 136px;width:136px;min-width:136px;max-width:none;padding:12px 32px 12px 12px;background:#fff;color:#222;font-size:16px;height:auto;min-height:48px}
.projection-circle-note{font-size:14px;line-height:1.65;color:#625d50;margin:18px 0}
#live-preview.friendly-preview .preview-basics{margin-bottom:24px;border:1px solid #ded9ca;background:#fff;border-radius:12px;padding:22px}
.preview-basics>h2{font-size:22px;margin:0 0 8px}.preview-example-note{font-size:14px;line-height:1.65;color:#666052;margin:0 0 22px}
.preview-basics-grid{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:30px;align-items:start}
.preview-basics-grid>div{min-width:0}.preview-position-hint{font-size:14px;line-height:1.6;margin:0 16px 16px;color:#615b4e}
#live-preview.friendly-preview .preview-measure .pv-range-control{display:block;background:#fff;margin:16px 0;padding:0;min-width:0}
#live-preview.friendly-preview .pv-range-head{display:flex;align-items:center;flex-wrap:wrap;gap:12px;line-height:1.6}
#live-preview.friendly-preview .pv-range-head>span{flex:1 1 180px}
#live-preview.friendly-preview .pv-value-entry{display:flex;align-items:center;float:none;width:145px;min-width:145px;height:auto;background:#fff}
#live-preview.friendly-preview .pv-value-entry input{width:100%;height:48px;min-width:0;min-height:48px;font-size:18px;color:#222;background:#fff;padding:8px}
#live-preview.friendly-preview .pv-value-entry em{padding:0 10px 0 4px;color:#555;font-style:normal}
#live-preview.friendly-preview .pv-unit-switch{max-width:330px;background:#f5f3e9}
#live-preview.friendly-preview .pv-distance-limit{color:#555}
@media(max-width:900px){.preview-basics-grid{grid-template-columns:1fr;gap:12px}.preview-choices{display:grid;grid-template-columns:1fr 1fr;gap:20px}.preview-choices .space-choices{grid-column:auto}.space-diagram{grid-template-columns:minmax(160px,.8fr) minmax(0,1.2fr);gap:16px}}
@media(max-width:600px){#live-preview.friendly-preview{padding:16px 12px}#live-preview.friendly-preview .pv-header-actions{justify-content:space-between;max-width:none;width:100%;gap:10px}#live-preview.friendly-preview .pv-header button{margin:0}#live-preview.friendly-preview #pv-back{max-width:none}#live-preview.friendly-preview .pv-header-actions .language-picker{max-width:55%}#live-preview.friendly-preview .pv-controls{padding:10px}#live-preview.friendly-preview .preview-basics{padding:16px}#live-preview.friendly-preview .pv-upload-grid{grid-template-columns:1fr}.space-diagram{grid-template-columns:1fr;padding:14px;gap:12px}.space-illustration svg{max-height:210px}.space-diagram h3{font-size:16px!important}.preview-choices{display:block}#live-preview.friendly-preview .space-choices button{font-size:14px!important;flex-basis:70px;padding:8px}.space-choices svg{width:58px;height:38px}#live-preview.friendly-preview .pv-lens-options{grid-template-columns:repeat(2,minmax(0,1fr))}#live-preview.friendly-preview .pv-check-row{grid-template-columns:1fr}#live-preview.friendly-preview .pv-stage:not(.has-photo){height:340px!important;min-height:340px}}