.mobile-preview-launcher{position:fixed;right:22px;bottom:22px;z-index:120;border:0;border-radius:14px;padding:12px 17px;background:#231f2b;color:#fff;font-weight:800;box-shadow:0 12px 32px rgba(35,31,43,.28);display:flex;align-items:center;gap:8px}.mobile-preview-launcher:hover{transform:translateY(-1px);background:#3b3348}.mobile-preview-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px;background:rgba(23,19,29,.72);backdrop-filter:blur(6px)}.mobile-preview-wrap{display:grid;gap:10px;justify-items:center}.mobile-preview-topbar{width:min(430px,calc(100vw - 30px));display:flex;align-items:center;justify-content:space-between;color:#fff;font-weight:800}.mobile-preview-close{border:0;border-radius:10px;padding:8px 12px;background:#fff;color:#231f2b;font-weight:800}.mobile-preview-phone{width:390px;max-width:calc(100vw - 34px);height:min(820px,calc(100vh - 92px));padding:12px;border-radius:34px;background:#17141c;box-shadow:0 30px 80px rgba(0,0,0,.42)}.mobile-preview-screen{width:100%;height:100%;border:0;border-radius:24px;background:#fff}.mobile-preview-note{color:#ddd;font-size:12px;text-align:center;max-width:430px}.mobile-preview-overlay.hidden{display:none!important}@media(max-width:820px){.mobile-preview-launcher{display:none}}