/* Product surfaces shared by the full prototype and the case-study embeds. */
html,body{margin:0;padding:0;background:transparent}
body{overflow-x:hidden}
.shell,.desktop-layout .shell,.review-shell{margin:0 auto;padding:0;max-width:1280px}
.preview-width{width:100%;max-width:none;margin:0}
.phone{width:100%;box-shadow:none}
.desktop-layout .phone{width:100%;border-radius:18px}
.overlay-mount{margin:0;width:100%}
.workstation{width:100%;box-shadow:none}
#rules-panel,#overlay-panel{margin:0;padding:0}
.prototype-tools{max-width:1280px;margin:0 auto 20px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#253c49;background:#f6f3ec;font:13px/1.5 'Plus Jakarta Sans',sans-serif}
.prototype-tools>div{display:flex;gap:8px;flex-wrap:wrap}
.prototype-tools a{color:inherit;text-underline-offset:3px}
.prototype-tools button{font:inherit;min-height:44px;padding:9px 13px;border:1px solid #7f8e8b;border-radius:8px;color:inherit;background:transparent;cursor:pointer}
.prototype-tools p{width:100%;margin:0;color:#52605d}
html:not(.desktop-layout):not(.embedded) .shell{max-width:420px;margin:0 auto 32px}
.embedded .prototype-tools{display:none}
.phone .companion-scroll{scroll-padding-block:20px}
@media(max-width:620px){.desktop-layout .phone{height:auto;min-height:780px}.desktop-layout .phone .companion-scroll{overflow:visible}.desktop-layout .phone .bottomnav{flex-shrink:0}}