/* Step 5 remains a scrollable right-hand control panel while the fixed viewer stays live. */
html[data-configurator-step="finish"]{background:#f7f7f7;height:100%;overflow:hidden;overscroll-behavior:none}
html[data-configurator-step="finish"] body{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
html[data-configurator-step="finish"] .create-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,56fr) minmax(0,44fr);height:100%;height:100dvh;min-height:0;padding:0;overflow:hidden;background:#f7f7f7}
html[data-configurator-step="finish"] .gallery-stage{padding:8px max(12px,var(--safe-right)) 8px max(12px,var(--safe-left));touch-action:none;overflow:hidden;contain:layout paint}
html[data-configurator-step="finish"] .poster-stack,html[data-configurator-step="finish"] .map-arrow{display:none!important}
@media(min-width:1024px){html[data-configurator-step="finish"] .create-shell{grid-template-columns:minmax(0,1fr) 400px;grid-template-rows:minmax(0,1fr)}}
html[data-configurator-step="finish"] .preview{min-height:0;padding:0;background:#edeef0}
html[data-configurator-step="finish"] .preview-sticky{position:relative;top:auto;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto}
html[data-configurator-step="finish"] .configuration{width:100%;max-width:450px;min-height:0;align-self:stretch;justify-self:center;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;touch-action:pan-y;padding:0 var(--safe-right) max(16px,var(--safe-bottom)) var(--safe-left);background:#f7f7f7}
html[data-configurator-step="finish"] #finish-step{display:flex;flex-direction:column;gap:16px;min-width:0;padding:0 16px 24px}
html[data-configurator-step="finish"] .preview-footer{display:none}
#finish-step .final-summary>p,#finish-step .final-summary strong{display:block!important}
#finish-step .final-summary .final-total,#finish-step .final-summary #final-frame-summary:not([hidden]){display:flex!important}
.finalization .personalize-heading h1{margin:0;font:400 1.5rem/1.4 'Playfair Display',Georgia,serif}
#final-size-field>legend{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin-bottom:4px}.size-guide-link{display:flex;align-items:center;gap:6px;border:0;background:none;padding:0;min-height:44px;font-size:.75rem;color:#6b7280}.size-options button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;font-size:.8125rem;padding:8px 3px}.size-options small{font-size:.75rem;color:#6b7280}.size-options button[aria-pressed=true] small{color:inherit}
.frame-toggle>span:first-child{flex:1}.frame-toggle #final-frame-extra{white-space:nowrap;margin-left:4px}.frame-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.frame-options button{aspect-ratio:1;min-width:0;min-height:44px;border:1.5px solid transparent;border-radius:50%;background:none;padding:5px;display:grid;place-items:center}.frame-options button[aria-pressed=true]{border-color:#121824}.frame-options img{width:100%;height:100%;object-fit:contain}
.final-summary{border-block:1px solid #d6d9df;padding:16px 0;display:grid;gap:10px;font-size:.875rem;line-height:1.5}.final-summary-line{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.final-summary-line>span{min-width:0;overflow-wrap:anywhere}.final-summary strong{white-space:nowrap;font-weight:600}.final-summary>p{color:#6b7280;font-size:.8125rem}.final-total{border-top:1px solid #e5e7eb;padding-top:12px;font-size:1rem}.final-reference-note{font-size:.75rem;line-height:1.5;color:#6b7280;text-align:center}
#finish-room-scene{margin:0}
html[data-configurator-step="finish"] .gallery-stage.finish-carousel-active>#poster,
html[data-configurator-step="finish"] .finish-room-scene{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%) translate3d(var(--finish-design-x,0px),0,0)}
html[data-configurator-step="finish"] .finish-room-scene{display:block;width:100%;height:100%;overflow:hidden;transform:translate(-50%,-50%) translate3d(var(--finish-room-x,100vw),0,0);pointer-events:auto;user-select:none;-webkit-user-select:none}
html[data-configurator-step="finish"] .finish-room-image{position:absolute;left:50%;top:var(--finish-room-top,0px);width:var(--finish-room-width,100%);transform:translateX(-50%)}
html[data-configurator-step="finish"] .gallery-stage.finish-carousel-moving>#poster,
html[data-configurator-step="finish"] .gallery-stage.finish-carousel-moving>.finish-room-scene{transition:transform .36s cubic-bezier(.22,.72,.18,1)}
html[data-configurator-step="finish"] .gallery-stage.finish-carousel-dragging>#poster,
html[data-configurator-step="finish"] .gallery-stage.finish-carousel-dragging>.finish-room-scene{transition:none}
.finish-room-image{position:relative;width:100%;aspect-ratio:700/1000;overflow:hidden;background:#e9e8e6}
.finish-room-photo{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}
.finish-room-size{position:absolute;z-index:3;transform:translate(-50%,-100%);color:#17191d;font-size:13px;line-height:1;white-space:nowrap;text-shadow:0 1px 1px #fff8;pointer-events:none}
.finish-room-art{position:absolute;z-index:2;overflow:hidden;box-shadow:2px 3px 4px #0005;background:#fff;pointer-events:none}
.finish-room-art>div,.finish-room-art canvas,.finish-room-vector{display:block;width:100%;height:100%}
.finish-room-art canvas{object-fit:contain}
.finish-room-vector{overflow:hidden}
.finish-room-scene figcaption{display:flex;align-items:baseline;justify-content:center;gap:7px;width:100%;min-height:36px;padding-top:8px;color:#313844;font-size:.72rem;line-height:1.2;text-align:center;white-space:nowrap}
.finish-room-scene figcaption strong{font-size:.78rem;font-weight:600}.finish-room-scene figcaption span{color:#6b7280}
.finish-carousel-controls{position:absolute;z-index:8;inset:0;pointer-events:none}
.finish-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:48px;padding:0;border:0;background:transparent;color:#fff;text-shadow:0 0 5px #fff,0 0 12px #c7bbff,0 1px 4px #373346;font:300 3rem/1 Georgia,serif;pointer-events:auto}
.finish-carousel-arrow.next{right:8px}.finish-carousel-arrow.previous{left:8px}.finish-carousel-arrow:disabled{display:none}
.finish-carousel-dots{display:flex;align-items:center;gap:7px}.finish-carousel-dots button{width:8px;height:8px;min-width:0;min-height:0;padding:0;border:0;border-radius:50%;background:#9ca3af}.finish-carousel-dots button[aria-selected="true"]{width:22px;border-radius:6px;background:#242b36}
@media(prefers-reduced-motion:reduce){html[data-configurator-step="finish"] .gallery-stage.finish-carousel-moving>#poster,html[data-configurator-step="finish"] .gallery-stage.finish-carousel-moving>.finish-room-scene{transition:none}}
#size-guide{width:min(520px,calc(100vw - 24px));padding:40px 16px 20px}#size-guide img{display:block;width:auto;max-width:100%;height:auto;max-height:55svh;aspect-ratio:700/1000;object-fit:contain;margin:16px auto 0;background-size:100% 100%;background-position:center;background-repeat:no-repeat}#size-guide-caption{font-size:.875rem;margin-top:12px;text-align:center}.size-guide-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}.size-guide-choices button{min-height:44px;padding:8px;border:1px solid #d1d5db;background:white;border-radius:6px;font-size:.8125rem}.size-guide-choices button[aria-pressed=true]{border-color:#121824;background:#edf0f4}
@media(min-width:1024px){html[data-configurator-step="finish"] .preview{padding-bottom:0;align-items:center}html[data-configurator-step="finish"] .preview-sticky{height:100%}html[data-configurator-step="finish"] .configuration{width:auto;max-width:none;justify-self:stretch;padding-left:0}}