/* Shared designer presentation. Editing, drafts and owner controls stay independent. */
.public-site .studio-tabs{display:flex;background:#f8eee8;border:1px solid #d9bbc7;gap:5px;padding:5px;border-radius:13px;overflow:visible;flex-wrap:wrap}
.public-site .studio-tabs a{border:0;border-radius:9px;padding:12px 17px;color:#593353;font-weight:750;box-shadow:0 1px 3px #56213a15;background:#fff;transition:background .16s ease,box-shadow .16s ease}
.public-site .studio-tabs a:hover,.public-site .studio-tabs a:focus-visible{background:#fff1df;box-shadow:0 0 15px #f2843350}
.public-site .studio-tabs a.active{background:linear-gradient(115deg,#7a137e,#d82972 65%,#f47428);color:#fff;border:0;box-shadow:0 3px 10px #81105c30}
.public-site .studio-tabs a:focus-visible{outline:2px solid #9b528c;outline-offset:2px}
.studio-shell>.studio-examples{margin-top:12px}
.studio-room-preview468,#signPlacementPreview{margin:0;white-space:nowrap;font:650 12px/1.4 Inter,Arial,sans-serif;padding:8px 12px;min-height:36px;border-radius:8px;background:#fff;color:#5f235c;border:1px solid #b69ab0;cursor:pointer}
.studio-room-preview468:hover,#signPlacementPreview:hover{background:#fff1df;border-color:#cb7e40}
.studio-room-preview468:focus-visible{outline:2px solid #9b528c;outline-offset:3px}
.plaque-preview>.studio-room-preview468{margin:5px auto 0}
.studio-room-error468{font:600 12px/1.4 Inter,Arial,sans-serif;color:#922e35;margin:6px 0}
.studio-room-error468:empty{display:none}
.sign-placement412{box-sizing:border-box;width:min(1040px,calc((100dvh - 260px)*1.5),calc(100vw - 24px))}
.plaque-placement468 .room-sign{box-shadow:none;filter:drop-shadow(0 3px 3px #0005);border-radius:0}
.plaque-placement468 .room-photo{aspect-ratio:3/2;object-fit:cover}
/* Each preview is bounded by the tools/inspector row, never the examples/footer. */
@media(min-width:961px){
 .studio-workbench{align-items:start}
 .studio-workbench>.studio-inspector{grid-column:3;grid-row:1}
 .studio-workbench>.studio-preview{align-self:start;position:sticky;top:var(--ww-nav-offset463,96px);box-sizing:border-box;width:100%}
 #coinWorkbench .coin-disc{flex:none;max-width:min(500px,max(180px,calc(100dvh - var(--ww-nav-offset463,96px) - 220px)))!important}
 .sign-studio #signPreview .main-area{min-height:0;justify-content:start}
 .sign-studio #signPreview #canvas-container{max-width:min(800px,max(300px,calc((100dvh - var(--ww-nav-offset463,96px) - 230px)*2.99625)))}
 .plaque-preview #plaqueCanvasHost{width:min(100%,max(180px,calc((100dvh - var(--ww-nav-offset463,96px) - 182px)*1.363636)))}
}
@media(max-width:800px){
 .public-site .studio-tabs{width:100%;box-sizing:border-box;flex-wrap:wrap}
 .public-site .studio-tabs a{flex:1 1 40%;text-align:center;font-size:12px;padding:10px 6px}
}
@media(prefers-reduced-motion:reduce){.public-site .studio-tabs a{transition:none}}