/* An image frame fills the same 16:9 stage as the original offline render. */
.preview-area.is-turntable{aspect-ratio:auto;background:#222329;border:1px solid #ffffff15}
#dialog-turntable{position:relative;width:100%;height:auto}
.turntable{position:relative;isolation:isolate;width:100%;height:auto;overflow:hidden;background:#222329;color:#f5f0e6;border-radius:inherit}
.turntable:not(.is-ready){aspect-ratio:var(--tt-aspect,16 / 9)}
.turntable-loading{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;font-size:12px;line-height:1.8;color:#aaa2ad}
.turntable-viewport{position:relative;width:100%;height:auto;aspect-ratio:var(--tt-aspect,16 / 9);background-repeat:no-repeat;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none}
.turntable-viewport:focus-visible{outline:2px solid #ff941f;outline-offset:-4px;border-radius:inherit}
.turntable.is-dragging .turntable-viewport{cursor:grabbing}
.turntable-badge{position:absolute;left:14px;top:14px;padding:6px 9px;background:#191a1e99;border:1px solid #ffffff20;border-radius:7px;font-size:10px;font-weight:700;letter-spacing:.8px;line-height:1.3;color:#ffaf53;pointer-events:none}
.turntable-toolbar{position:absolute;z-index:2;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}
.turntable-hint{margin:0;padding:7px 10px;background:#191a1e8c;backdrop-filter:blur(8px);border-radius:7px;color:#bcb3c2;font-size:9px;line-height:1.7;pointer-events:none}
.turntable-controls{display:flex;align-items:center;gap:4px;pointer-events:auto;padding:4px;background:#191a1ed9;border:1px solid #ffffff18;border-radius:11px;backdrop-filter:blur(8px)}
.turntable-button{display:grid;place-items:center;padding:0;min-width:32px;width:32px;height:32px;border:1px solid transparent;border-radius:7px;background:#ffffff05;color:#ddd5df;font-family:Arial,sans-serif;font-size:17px;line-height:1;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.turntable-button:hover{background:#ff941f15;border-color:#ff941f50;color:#ffb45e}
.turntable-button:active{background:#ff941f29}
.turntable-button:focus-visible{outline:2px solid #ff941f;outline-offset:2px}
.turntable-angle{min-width:36px;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.4px;line-height:1.2;text-align:center;color:#ffb45e;padding-inline:2px}
.turntable-reset{margin-left:3px;border-left-color:#ffffff12}
.turntable-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.turntable-toolbar{left:9px;right:9px;bottom:9px;gap:7px}.turntable-hint{font-size:8px;padding:6px 8px}.turntable-controls{gap:3px;padding:3px}.turntable-button{min-width:29px;width:29px;height:29px;font-size:16px}.turntable-angle{min-width:33px;font-size:9px}.turntable-badge{top:10px;left:10px;font-size:9px;padding:5px 7px}}
@media(max-width:680px){.turntable-toolbar{left:8px;right:8px;bottom:8px;gap:6px}.turntable-hint{font-size:7px;padding:5px 6px;max-width:130px;line-height:1.6}.turntable-controls{gap:2px;padding:3px;border-radius:9px}.turntable-button{min-width:27px;width:27px;height:27px;font-size:15px;border-radius:6px}.turntable-angle{min-width:30px;font-size:9px;padding-inline:1px}.turntable-reset{margin-left:1px}.turntable-badge{top:9px;left:9px;font-size:8px;padding:5px 7px}}
@media(max-width:360px){.turntable-hint{max-width:105px;font-size:6px}.turntable-button{min-width:25px;width:25px;height:27px}.turntable-angle{min-width:27px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.turntable-button{transition:none}}
.turntable .turntable-toolbar{position:relative;inset:auto;width:100%;padding:9px 10px;gap:10px;background:#1d1e24;border-top:1px solid #ffffff0c;pointer-events:auto}
.turntable .turntable-hint{background:none;backdrop-filter:none;padding:0;font-size:9px;max-width:170px}
.turntable .turntable-button{width:36px;min-width:36px;height:36px;font-size:17px}
@media(max-width:680px){.turntable .turntable-hint{font-size:8px;max-width:115px}.turntable .turntable-button{width:36px;min-width:36px;height:36px}}
@media(max-width:360px){.turntable .turntable-hint{display:none}.turntable .turntable-toolbar{justify-content:center}}