/* The design itself is the choice. Controls stay quiet and outside the canvas. */
.studio-preview-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;--proposal-red:#b8323e;--proposal-line:#dbd9d2}
.studio-preview-card{border:1px solid var(--proposal-line);border-radius:12px;background:#fff;overflow:hidden;min-width:0;transition:border-color .15s,box-shadow .15s}.studio-preview-card[data-selected=true]{border-color:var(--proposal-red);box-shadow:0 0 0 2px var(--proposal-red)}
.studio-preview-card-stage{height:clamp(300px,40vh,520px);overflow:hidden;position:relative;background:#f0eee9;border-bottom:1px solid var(--proposal-line)}.studio-preview-card-stage iframe{border:0;display:block;transform-origin:top left;pointer-events:none;background:white;max-width:none!important}
.studio-preview-card-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#f2f0ea;color:#736d62;font-size:12px;padding:20px;text-align:center}.studio-preview-card-loading[hidden]{display:none}.studio-preview-card-loading button{border:1px solid #aaa39a;border-radius:5px;padding:8px;background:white;color:#222}
.studio-preview-card-copy{padding:17px}.studio-preview-card-copy h4{margin:0 0 8px!important;font:600 20px/1.15 "Instrument Sans",sans-serif;letter-spacing:-.6px;color:#181818}.studio-preview-card-copy p{font:400 12px/1.6 "Instrument Sans",sans-serif;color:#716c62;min-height:39px;margin:0 0 15px}
.studio-preview-choose{border:1px solid #dbd9d2!important;background:#f5f4ef!important;color:#27251f!important;width:100%;border-radius:7px;padding:11px 10px;font:500 12px/1.4 "Instrument Sans",sans-serif;cursor:pointer;box-shadow:none!important}.studio-preview-card[data-selected=true] .studio-preview-choose{color:white!important;background:#b8323e!important;border-color:#b8323e!important}.studio-preview-card[data-selected=true] .studio-preview-choose:hover:not(:disabled){background:#932832!important;border-color:#932832!important}.studio-preview-choose[aria-pressed=true]:after{content:' ✓'}
.studio-preview-enlarge{position:absolute;right:10px;top:10px;width:34px;height:34px;border:1px solid #d9d4ca;border-radius:50%;background:#fffffff0;color:#25231e;font-size:19px;cursor:pointer}.studio-preview-cards button:disabled{opacity:.5;cursor:default}.studio-preview-cards button:focus-visible{outline:2px solid #b8323e;outline-offset:3px}
.studio-preview-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;padding:0;margin:0;background:#eeece6;color:#222}.studio-preview-dialog::backdrop{background:#111c}.studio-preview-dialog-bar{height:56px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 24px;background:#181818;color:white;font:500 14px "Instrument Sans",sans-serif}.studio-preview-dialog-bar button{border:1px solid #555;background:#fff;color:#222;border-radius:5px;padding:9px 12px;cursor:pointer}.studio-preview-dialog>iframe{display:block;width:100%;height:calc(100% - 56px);border:0;background:white}
.studio-preview-cards[data-mode=section]{grid-template-columns:1fr;gap:14px;margin:15px 0 24px}.studio-preview-cards[data-mode=section] .studio-preview-card-stage{height:155px}.studio-preview-cards[data-mode=section] .studio-preview-card-copy{padding:12px}.studio-preview-cards[data-mode=section] h4{font-size:14px}.studio-preview-cards[data-mode=section] .studio-preview-choose{padding:8px}
@media(max-width:1100px){.studio-preview-cards{gap:12px}.studio-preview-card-copy{padding:13px}.studio-preview-card-stage{height:320px}}
@media(max-width:700px){.studio-preview-cards{grid-template-columns:1fr}.studio-preview-card-stage{height:420px}.studio-preview-card-copy{padding:18px}.studio-preview-card-copy p{min-height:0}.studio-preview-dialog-bar{padding-inline:14px}.studio-preview-card-copy h4{font-size:24px}}
@media(prefers-reduced-motion:reduce){.studio-preview-card{transition:none}}