/* Vista previa dinámica: reglas aisladas, sin alterar los estilos del proyecto. */
.create .phone .screen .scroll,.preview-modal .phone .screen .scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y}
.create .phone .screen .scroll::-webkit-scrollbar,.preview-modal .phone .screen .scroll::-webkit-scrollbar{display:none}
.preview-mobile-trigger{display:inline-flex;margin:0 0 16px}
.preview-modal[hidden]{display:none!important}
.preview-modal{position:fixed;inset:0;z-index:250;background:var(--bg);display:flex;flex-direction:column;align-items:center;padding:calc(env(safe-area-inset-top) + 18px) 20px calc(env(safe-area-inset-bottom) + 16px)}
.preview-modal-head{width:min(100%,480px);display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.preview-modal-head b{font-size:16px}
.preview-modal-head button{font:inherit;color:var(--label);background:var(--bg-2);border:0;border-radius:12px;padding:10px 14px;cursor:pointer}
.preview-modal-phone{width:min(300px,76vw);min-height:0}
.preview-is-open{overflow:hidden}
@media(min-width:960px){.preview-mobile-trigger{display:none}}
@media(max-height:660px){.preview-modal-phone{width:min(230px,58vw)}}