.preview-shell{display:grid!important;grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);gap:30px;width:min(1660px,calc(100% - 64px));max-width:none!important;margin:28px auto 60px!important;padding:0!important;align-items:start}.preview-config{min-width:0}.project-3d{position:sticky;top:22px;min-width:0;display:block!important;padding:24px;border:1px solid #e2ddd3;border-radius:22px;background:#fffdf8;box-shadow:0 12px 36px #6358450a;color:#2d302b;font:14px/1.45 'DM Sans',system-ui,sans-serif}.p3d-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.p3d-heading p{font-size:10px;letter-spacing:1.6px;color:#7b796e;margin:0 0 7px}.p3d-heading h2{font-size:24px;letter-spacing:-.8px;margin:0;line-height:1.2}.p3d-live{border:1px solid #c8d2bc;background:#eef3e6;border-radius:8px;padding:7px 9px;font-weight:700;font-size:12px}.p3d-toolbar{display:flex;gap:6px;flex-wrap:wrap}.project-3d button{font:600 12px/1.3 system-ui,sans-serif;background:#faf8f2;color:#575c50;border:1px solid #deddd4;border-radius:9px;padding:9px 11px;min-height:36px;cursor:pointer;box-shadow:none}.project-3d button:hover{background:#edeedc}.project-3d :focus-visible{outline:3px solid #e57745;outline-offset:3px}.p3d-stage{height:clamp(320px,47vw,570px);position:relative;margin:12px -12px 14px;border-radius:14px;background:radial-gradient(ellipse at 45% 45%,#faf8f2,#f1eee5);overflow:hidden}.p3d-canvas{display:block;width:100%;height:100%;outline:none;cursor:grab}.p3d-canvas:active{cursor:grabbing}.p3d-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:30px;background:#f6f3eb;color:#7b796e}.p3d-empty[hidden]{display:none}.p3d-globe{position:absolute;right:10px;top:10px;width:86px;height:86px;cursor:grab;touch-action:none;border-radius:50%;background:#fffdf9dd;box-shadow:0 4px 16px #514a3614}.p3d-globe svg{width:100%;height:100%;pointer-events:none}.p3d-globe svg>circle,.p3d-globe ellipse{fill:none;stroke:#b9b8a9;stroke-width:1}.p3d-axes line{stroke-width:1.5}.p3d-axes text{font:10px system-ui}.p3d-zoom{position:absolute;right:12px;bottom:12px;display:flex;gap:6px}.p3d-zoom button{width:40px;font-size:20px;background:#fffdf9}.p3d-options{display:flex;align-items:end;gap:18px;flex-wrap:wrap}.p3d-options label{font:600 11px/1.5 system-ui;display:block;margin:0;min-width:0}.p3d-options select{font:13px system-ui;height:40px;margin-top:5px;min-width:175px;border:1px solid #d8d7ca;background:#fffcf7;border-radius:8px;padding:8px;color:#424838}.p3d-options .p3d-wall{display:flex;gap:8px;align-items:center;min-height:40px}.p3d-wall input{display:inline-block;width:16px;height:16px;margin:0;accent-color:#8a9b78}.p3d-dimensions{font-size:12px;font-weight:650;margin:17px 0 6px}.p3d-status,.p3d-selection{font-size:12px;color:#58684f;margin:7px 0}.p3d-warning{color:#a2512e}.p3d-help,.p3d-note{font-size:11px;color:#7b7c73;margin:10px 0 0}.p3d-note{font-size:10px;line-height:1.5}.p3d-mobile{display:none}.preview-config .workspace,.preview-config .bin-layout,.preview-config .drawer-layout,.preview-config .project-layout,.preview-config .arr-layout,.preview-config .app-grid{display:flex!important;flex-direction:column!important;gap:22px;align-items:stretch}.preview-config .intro{display:block;padding:0 0 26px}.preview-config h1{font-size:clamp(28px,3vw,40px);letter-spacing:-1.3px}.preview-config .intro .steps{display:none}.preview-config .arr-intro{display:block}.preview-config .arr-intro p{margin-top:12px}.preview-config .bin-preview-panel{position:static}.preview-config .map-frame{height:330px;min-height:0}.preview-config .bin-main{padding:0}.preview-config .project-card,.preview-config .drawer-controls,.preview-config .drawer-preview,.preview-config .photo-panel,.preview-config .parameter-panel{width:100%;min-width:0}.preview-config .joint-section{display:block}.preview-config .joint-visual{margin-top:18px}.preview-config .next-step{display:block}.preview-config .next-step>div{margin-top:14px}.preview-config .preview-panel{min-height:0}.preview-config .arr-layout>aside{display:grid;gap:16px;width:100%}.preview-config .project-item{overflow-wrap:anywhere}.preview-config .project-item small{max-width:65%}.preview-config .organizer-intro{display:block}.preview-config .photo-stage{max-width:100%}
@media(max-width:1050px){.preview-shell{grid-template-columns:minmax(310px,.85fr) minmax(0,1.15fr);gap:20px;width:calc(100% - 36px)}.project-3d{padding:18px}.p3d-heading h2{font-size:21px}.p3d-stage{height:440px}.p3d-toolbar button{font-size:11px;padding:8px}.p3d-globe{width:72px;height:72px}}
@media(max-width:800px){.preview-shell{display:flex!important;flex-direction:column;width:calc(100% - 32px);gap:24px;margin-top:22px!important}.preview-config{width:100%}.project-3d{position:static;width:100%;padding:18px;order:2}.p3d-stage{height:360px;margin-inline:-10px}.p3d-mobile{display:flex;flex-direction:column;gap:6px;margin-bottom:15px}.p3d-mobile span{font-size:10px;color:#7b7c73}.p3d-canvas{pointer-events:none;touch-action:pan-y!important}.p3d-interactive .p3d-canvas{pointer-events:auto;touch-action:none!important}.p3d-heading h2{font-size:22px}.p3d-options{gap:12px}.p3d-help{display:none}.preview-config .preview-panel,.preview-config .settings{padding:22px 18px}.preview-config .arr-intro h1{font-size:28px}.p3d-globe{width:74px;height:74px}.p3d-toolbar{gap:5px}.p3d-toolbar button{font-size:11px}.preview-config .app-grid{display:block!important}.preview-config .component-choice-group{grid-template-columns:1fr}.preview-config .canvas-wrap{max-width:100%}}
@media(max-width:380px){.project-3d{padding:15px}.p3d-stage{height:310px}.p3d-heading h2{font-size:20px}.p3d-globe{width:65px;height:65px}}
.preview-config .drawer-workspace{display:flex;flex-direction:column;gap:22px;min-width:0}
.preview-config .drawer-preview{position:static}
.configurator-journey{grid-column:1/-1;border:1px solid #ffffffdb;border-radius:21px;background:linear-gradient(120deg,#fffdf9dc,#f3efead0);box-shadow:0 13px 35px #30282412;padding:15px 19px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 22px}.cj-heading{display:flex;align-items:baseline;gap:15px}.cj-heading span{font-size:11px;font-weight:800;letter-spacing:.12em;color:#a64d2b}.cj-heading small{font-size:12px;color:#696b67}.cj-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;grid-column:1/-1;grid-row:2}.cj-steps a{display:flex;gap:8px;align-items:center;min-width:0;min-height:49px;padding:7px 9px;border:1px solid #e7e2da;border-radius:12px;color:#464c45;background:#ffffffa6;text-decoration:none;font-size:12px}.cj-steps a span{display:grid;place-items:center;flex:0 0 23px;height:23px;border-radius:50%;background:#ece6dc;font-size:11px;font-weight:800}.cj-steps a b{overflow-wrap:anywhere}.cj-steps a[aria-current=step]{border-color:#e3a882;background:#ffebe0;color:#963e21;box-shadow:0 5px 14px #ae613424}.cj-steps a[aria-current=step] span{background:#e36331;color:white}.cj-steps a[aria-disabled=true]{opacity:.45;cursor:not-allowed}.cj-actions{display:flex;gap:9px;align-items:center;justify-content:flex-end;grid-column:1/-1}.cj-actions a,.cj-actions button{min-height:42px;display:inline-flex;align-items:center;padding:8px 16px;border:1px solid #e2d9cf;border-radius:11px;background:#fffaf4;color:#8e472a;font-size:12px;font-weight:750;text-decoration:none;cursor:pointer}.cj-actions button{background:#e86332;color:#fff;border-color:#e86332}.cj-actions button:disabled{opacity:.5;cursor:not-allowed}.cj-hint{grid-column:1/-1;margin:0;font-size:12px;color:#6c6e65}.cj-hint:empty{display:none}.p3d-edit-card{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:13px;padding:12px 14px;border:1px solid #fff;border-radius:14px;background:#fffaf1ed;box-shadow:0 9px 30px #30292230;z-index:4}.p3d-edit-card[hidden],.p3d-return[hidden],.p3d-quote[hidden]{display:none!important}.p3d-edit-card div{display:grid;gap:2px;min-width:0}.p3d-edit-card small,.p3d-quote>span{font-size:10px;font-weight:800;letter-spacing:.1em;color:#ac4a25}.p3d-edit-card b{overflow-wrap:anywhere;font-size:13px}.p3d-edit-card .p3d-edit-open{background:#e75f2d;color:#fff;border-color:#e75f2d;min-height:43px;flex:0 0 auto}.project-3d .p3d-return{display:block;width:100%;min-height:46px;margin:0 0 13px;background:#fff2e5;border-color:#e3ab8a;color:#a34826;font-size:13px}.p3d-quote{border:1px solid #efc39d;border-radius:16px;padding:16px;margin:14px 0;background:linear-gradient(135deg,#fff6ec,#ffe3d2);box-shadow:0 8px 25px #b85c2f17}.p3d-quote div{display:flex;align-items:baseline;gap:10px;margin:9px 0}.p3d-quote-value{font-size:clamp(27px,3vw,37px);line-height:1;color:#502d20}.p3d-quote div small,.p3d-quote>small{font-size:11px;color:#755a4d}.p3d-quote p{font-size:12px;margin:5px 0 10px}.project-3d .p3d-quote-refresh{margin-top:11px;border-color:#e5ba9a;background:#fffaf5;color:#8e492e}
@media(max-width:800px){.configurator-journey{width:100%;order:-2;padding:14px;gap:10px}.cj-heading{display:grid;gap:2px}.cj-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.cj-steps a{font-size:11px}.cj-actions{justify-content:space-between}.p3d-edit-card{display:grid;left:9px;right:9px;bottom:9px}.p3d-edit-card .p3d-edit-open{width:100%}}
@media(max-width:420px){.cj-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.configurator-journey{padding:11px}.cj-actions{flex-wrap:wrap}.cj-actions a,.cj-actions button{padding:8px 10px;font-size:11px}.cj-full-view{width:100%;justify-content:center}}
.cj-actions .cj-full-view{background:#e86332;color:#fff;border-color:#e86332;font-size:13px;min-height:45px}
.cj-mobile-progress{display:none}
@media(max-width:800px){
 .configurator-journey{display:flex;flex-direction:column;gap:11px;padding:16px}
 .cj-heading small{display:none}
 .cj-mobile-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 12px}
 .cj-mobile-progress b{font-size:15px;line-height:1.3;color:#33332f}
 .cj-mobile-progress progress{grid-column:1/-1;grid-row:2;width:100%;height:5px;appearance:none;border:0;border-radius:8px;background:#e7ded6}
 .cj-mobile-progress progress::-webkit-progress-bar{border-radius:8px;background:#e7ded6}
 .cj-mobile-progress progress::-webkit-progress-value{border-radius:8px;background:#dc6738}
 .cj-mobile-progress progress::-moz-progress-bar{border-radius:8px;background:#dc6738}
 .cj-toggle{border:0;background:transparent;color:#9e4a2a;font-family:inherit;font-size:12px;font-weight:700;line-height:1.2;cursor:pointer;padding:7px 0;text-decoration:underline;text-underline-offset:3px}
 .cj-toggle:focus-visible{outline:3px solid #e57745;outline-offset:3px}
 .cj-steps{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .cj-open .cj-steps{display:grid}
 .cj-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px}
 .cj-actions .cj-next{justify-content:center;min-width:0;font-size:12px}
 .cj-actions .cj-back{justify-content:center}
 .cj-actions .cj-full-view{grid-column:1/-1;grid-row:1}
 .cj-hint{font-size:12px}
}
@media(max-width:380px){.cj-mobile-progress b{font-size:14px}.cj-actions a,.cj-actions button{padding-inline:9px}}

/* Controls remain comfortable to tap and explanatory copy stays readable. */
@media(max-width:800px){
 .project-3d button,.cj-actions a,.cj-actions button,.cj-toggle{min-height:44px}
 .p3d-zoom button{width:44px}
 .p3d-mobile span,.p3d-note{font-size:12px;line-height:1.5;color:#5e6267}
}