.is-customer-canvas{background:#f3f0eb;min-height:100dvh}.is-customer-canvas #app{min-height:100dvh}.mobile-experience{width:min(100%,431px);margin:0 auto;padding:0 28px 22px}.mobile-experience-toolbar{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;color:#817260}.mobile-experience-toolbar>span{display:flex;align-items:center;gap:7px}.mobile-experience-toolbar>span i{height:6px;width:6px;background:#6c8b69;border-radius:50%}.mobile-admin-entry{display:flex;align-items:center;gap:6px;min-height:44px;color:#9b4a31;text-decoration:none;font-size:12px;font-weight:650}.mobile-admin-entry svg{width:17px;height:17px}.mobile-admin-entry:focus-visible{outline:3px solid #9c79bf;outline-offset:3px;border-radius:7px}.mobile-canvas-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;gap:12px}.mobile-canvas-heading strong{font-size:15px}.mobile-canvas-heading>span{font-size:10px;color:#896a4f;padding:5px 9px;background:#eae1d4;border-radius:20px;white-space:nowrap}.customer-screen{width:100%;aspect-ratio:9/16;position:relative;overflow:hidden;border-radius:24px;background:#faf7f1;box-shadow:0 16px 60px #58402d1a;outline:1px solid #e3d9ca}.customer-screen>iframe{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;border:0;background:#faf7f1}.mobile-canvas-note{margin:15px -8px 0;font-size:10px;color:#8a7866;line-height:1.8;text-align:center}.is-embedded[data-page=draw],.is-embedded[data-page=records]{overflow-x:hidden}.is-embedded::-webkit-scrollbar{width:4px}.is-embedded::-webkit-scrollbar-thumb{background:#d9cdbd;border-radius:9px}
@media(max-width:480px){.mobile-experience{width:min(100%,375px);padding:0 0 18px}.mobile-experience-toolbar{padding:0 13px;min-height:48px}.mobile-canvas-heading{padding:0 13px;margin:0 0 10px}.customer-screen{border-radius:0;box-shadow:none;outline:none}.mobile-canvas-note{margin-left:12px;margin-right:12px;font-size:9px}}