.preview-label{align-items:center;display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.55rem;color:#6d6258;font-size:.78rem;font-weight:600}.preview-viewport-toggle{display:inline-flex;gap:.25rem}.studio-frame{position:relative;margin-inline:auto;background:#eee9e1;border:1px solid #ded7ce;border-radius:.8rem;padding:.45rem;width:100%}.studio-frame-mobile{max-width:390px}.studio-frame-desktop{max-width:100%}.studio-frame iframe{background:white;border:0;border-radius:.45rem;display:block;height:min(72vh,760px);width:100%}.studio-frame-play iframe{height:min(78vh,840px)}.studio-frame:not(:has(iframe)){min-height:300px}.studio-preview-feedback{position:absolute;inset:0;display:flex;flex-direction:column;gap:14px;justify-content:center;align-items:center;padding:24px;min-height:300px;background:#fafaf6ed;color:#53634f;font:14px/1.6 system-ui;text-align:center}.studio-preview-feedback button{border:1px solid #c9d1c3;border-radius:20px;background:white;color:inherit;padding:8px 15px;cursor:pointer}