.canvas-preview-modal{z-index:1000000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.canvas-preview-modal__body{flex-direction:column;gap:8px;width:min(430px,100%);height:min(860px,100%);display:flex}.canvas-preview-modal__bar{flex-shrink:0;justify-content:space-between;gap:8px;display:flex}.canvas-preview-modal__bar button{color:#333;cursor:pointer;background:#fff;border:none;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;display:inline-flex}.canvas-preview-modal__bar button:hover{color:var(--brand-accent)}.canvas-preview-modal__frame{background:#fff;border:none;border-radius:16px;flex:1;width:100%;min-height:0}@media (max-width:480px){.canvas-preview-modal{padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#1f1f1f}.canvas-preview-modal__body{height:100%}.canvas-preview-modal__bar{order:1}}