.pa-preview{box-sizing:border-box;width:min(1240px,96vw);max-width:none;max-height:94dvh;padding:0;border:1px solid #d8cfbf;border-radius:16px;background:#fbf9f4;color:#252823;box-shadow:0 24px 100px #0005;font:14px/1.5 Manrope,Arial,sans-serif}
.pa-preview::backdrop{background:#151a17b8;backdrop-filter:blur(5px)}
.pa-preview *{box-sizing:border-box}.pa-preview [hidden]{display:none!important}
.pa-preview__head{padding:20px 24px 16px;border-bottom:1px solid #dfd8cb;display:flex;align-items:flex-start;gap:20px}
.pa-preview__head h2{margin:0;font:600 clamp(22px,3vw,30px)/1.2 'Playfair Display',Georgia,serif;color:#252823}
.pa-preview__subtitle{margin:7px 0 0;color:#6b6b60;font-size:13px}.pa-preview__close{margin-left:auto;flex:none}
.pa-preview button,.pa-preview select,.pa-preview input{font:inherit}
.pa-preview button{min-height:44px;border:1px solid #cfc5b3;border-radius:8px;background:#fffdf8;color:#30352e;padding:9px 13px;cursor:pointer;line-height:1.25}
.pa-preview button:hover{border-color:#967447;background:#f4eee2}.pa-preview button:focus-visible,.pa-preview input:focus-visible,.pa-preview select:focus-visible{outline:3px solid #a37843;outline-offset:3px}
.pa-preview button:disabled{cursor:not-allowed;opacity:.5}.pa-preview .pa-preview__primary{background:#293b31;color:#fff;border-color:#293b31}.pa-preview .pa-preview__primary:hover{background:#3a4f42}
.pa-preview__body{display:grid;grid-template-columns:minmax(0,1fr) 280px;max-height:calc(94dvh - 104px);overflow:auto}
.pa-preview__visual{min-width:0;padding:18px;display:flex;flex-direction:column;align-items:center;background:#eae5db}
.pa-preview__canvas-wrap{width:100%;display:flex;justify-content:center;align-items:center;min-height:160px}
.pa-preview__stage{position:relative;flex:none;overflow:hidden;background:#f5f0e7;box-shadow:0 6px 26px #29271f17;isolation:isolate}
.pa-preview__background{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none}
.pa-preview__grid{position:absolute;inset:0;background-color:#f6f3eb;background-image:linear-gradient(#85785c25 1px,transparent 1px),linear-gradient(90deg,#85785c25 1px,transparent 1px)}
.pa-preview__art{position:absolute;display:flex;align-items:center;justify-content:center;padding:0!important;border:0!important;border-radius:0!important;min-height:0!important;background:transparent!important;touch-action:none;cursor:grab!important;box-shadow:0 7px 16px #1115;z-index:2;user-select:none}
.pa-preview__art:active{cursor:grabbing!important}.pa-preview__art img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.pa-preview__stage[data-frame=dark] .pa-preview__art{outline:4px solid #302e29}.pa-preview__stage[data-frame=light] .pa-preview__art{outline:4px solid #d5bf99}
.pa-preview__markers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible}.pa-preview__stage.is-calibrating{cursor:crosshair}.pa-preview__stage.is-calibrating .pa-preview__art{pointer-events:none;opacity:.2}
.pa-preview__caption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;width:100%;margin:12px 0 0;color:#585b50;font-size:12px}
.pa-preview__status{width:100%;min-height:20px;margin:8px 0 0;font-size:12px;color:#555c50}.pa-preview__status[data-error=true]{color:#95382b;font-weight:600}
.pa-preview__controls{padding:20px;display:flex;flex-direction:column;gap:17px;background:#fbf9f4}
.pa-preview__label{display:block;font-size:12px;font-weight:700;margin-bottom:7px;color:#58594f}.pa-preview__scenes{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pa-preview__scenes button[aria-pressed=true]{background:#e9e0cf;border-color:#957344;box-shadow:inset 0 0 0 1px #957344}
.pa-preview__scene-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:5px;vertical-align:-1px}.pa-preview__row{display:flex;gap:7px;align-items:center}.pa-preview__row>*{min-width:0}.pa-preview input[type=number],.pa-preview select{width:100%;min-height:44px;border:1px solid #cfc5b3;background:#fffdf8;border-radius:7px;padding:9px;color:#30352e}.pa-preview input[type=range]{width:100%;accent-color:#385440;min-height:32px}
.pa-preview__file{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pa-preview__note{margin:7px 0 0;font-size:11.5px;color:#77766b;line-height:1.5}.pa-preview__calibration{padding:12px;border:1px solid #d6ccba;border-radius:9px;background:#f1ebdf}.pa-preview__calibration p{margin:0 0 10px;font-size:12px}.pa-preview__calibration button{width:100%}.pa-preview__calibration .pa-preview__row{margin:8px 0}
.pa-preview__actions{display:grid;gap:8px;margin-top:auto}.pa-preview__privacy{font-size:11px;color:#6d7265;margin:0}.pa-preview__nudge{display:flex;gap:5px;justify-content:center}.pa-preview__nudge button{min-width:44px;padding:7px}.pa-preview__unknown{padding:13px;border:1px solid #dbcbae;border-radius:8px;background:#fff5df;font-size:13px}
.pa-preview__room-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.pa-preview__room-actions button{font:600 12px/1.4 Manrope,Arial,sans-serif;border:1px solid #b49a73;background:#faf6ed;border-radius:5px;padding:12px 15px;min-height:44px;cursor:pointer;color:#423b31}
@media(max-width:760px){.pa-preview{width:100vw;max-height:100dvh;height:100dvh;border-radius:0;border:0}.pa-preview__head{padding:14px 16px 12px}.pa-preview__head h2{font-size:22px}.pa-preview__body{display:flex;flex-direction:column;max-height:calc(100dvh - 94px)}.pa-preview__visual{padding:12px}.pa-preview__controls{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.pa-preview__calibration,.pa-preview__actions,.pa-preview__unknown,.pa-preview__privacy{grid-column:1/-1}.pa-preview__actions{grid-template-columns:1fr 1fr}.pa-preview__subtitle{font-size:12px}.pa-preview__caption{font-size:11px}.pa-preview__nudge{justify-content:flex-start}.pa-preview__controls>div{min-width:0}}
@media(prefers-reduced-motion:reduce){.pa-preview *{scroll-behavior:auto!important;transition:none!important}}

.pa-preview__download{display:block;text-align:center;padding:10px;border:1px solid #967447;border-radius:8px;color:#4b3e29;font-weight:700;text-decoration:underline}

/* Keep the header reachable and the artwork visible while desktop controls scroll. */
.pa-preview[open]{display:flex;flex-direction:column;height:94dvh;overflow:hidden}
.pa-preview__head{flex:none}
.pa-preview__body{flex:1;min-height:0;max-height:none}
@media(min-width:761px){.pa-preview__body{overflow:hidden;grid-template-rows:minmax(0,1fr)}.pa-preview__visual,.pa-preview__controls{min-height:0;max-height:100%;overflow:auto;overscroll-behavior:contain}.pa-preview__controls{scrollbar-gutter:stable}.pa-preview__visual{overflow-x:hidden}}
@media(max-width:760px){.pa-preview[open]{height:100dvh}.pa-preview__body{display:block;overflow:auto}}

@media(max-width:760px){.pa-preview__position,.pa-preview__frame-choice{grid-column:1/-1}.pa-preview__nudge{justify-content:center}}