html.preview-locked{overflow:hidden}.preview-overlay{z-index:100;-webkit-backdrop-filter:blur(13px);background:#1b1511a3;justify-content:center;align-items:center;padding:1.5rem;animation:.55s both preview-backdrop;display:none;position:fixed;inset:0}.preview-locked .preview-overlay{display:flex}.preview-panel{color:#261f1a;background:#f2ede5;border:1px solid #d4c3b2;width:min(100%,580px);max-height:calc(100svh - 3rem);padding:clamp(2rem,5vw,4rem);animation:.65s .1s both preview-panel-in;overflow:auto;box-shadow:0 25px 80px #0005}.preview-panel__eyebrow{color:#ad8065;letter-spacing:.2em;margin-bottom:2rem;font-size:.7rem;font-weight:600;display:block}.preview-panel h2{letter-spacing:-.045em;margin:0 0 1.5rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(3.2rem,8vw,5.3rem);font-weight:400;line-height:.95}.preview-panel>p{color:#5e544c;max-width:440px;margin:0 0 2rem;font-size:1rem;line-height:1.8}.preview-whatsapp{color:#f4eee7;letter-spacing:.1em;text-transform:uppercase;background:#261f1a;justify-content:space-between;align-items:center;gap:2rem;min-height:52px;padding:.9rem 1.2rem;font-size:.76rem;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.preview-whatsapp:hover{background:#654837;transform:translateY(-2px)}.preview-whatsapp svg{width:20px;height:20px}#preview-unlock{border-top:1px solid #c9b9a9;grid-template-columns:1fr auto;gap:.7rem;margin-top:2.2rem;padding-top:1.4rem;display:grid}#preview-unlock input{color:#261f1a;outline-offset:2px;background:#faf7f2;border:1px solid #b7a594;min-width:0;padding:.75rem 1rem}#preview-unlock input::placeholder{color:#8f8072;letter-spacing:.12em}#preview-unlock button{color:#261f1a;letter-spacing:.08em;background:0 0;border:1px solid #261f1a;padding:.75rem 1rem;font-size:.75rem;font-weight:600;transition:background .2s,color .2s}#preview-unlock button:hover{color:#fff;background:#261f1a}.preview-error{color:#9a3429;grid-column:1/-1;margin:0;font-size:.78rem}.preview-error[hidden]{display:none}.preview-chip{right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:150;color:#f6eee6;letter-spacing:.08em;background:#261f1a;border:1px solid #cdb69f;border-radius:999px;padding:.58rem .9rem;font-family:DM Sans,Arial,sans-serif;font-size:.67rem;font-weight:600;line-height:1.2;transition:background .2s,transform .2s;position:fixed;box-shadow:0 5px 20px #0003}.preview-chip:hover{background:#5e4435;transform:translateY(-2px)}.legal-modal[hidden]{display:none}.legal-modal{z-index:200;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.legal-modal__backdrop{-webkit-backdrop-filter:blur(10px);background:#18110dd9;animation:.25s both preview-backdrop;position:absolute;inset:0}.legal-modal__panel{color:#261f1a;background:#f2ede5;width:min(100%,760px);max-height:min(88svh,900px);padding:clamp(1.5rem,4vw,3rem);animation:.3s both preview-panel-in;position:relative;overflow:auto;box-shadow:0 30px 80px #0007}.legal-modal__close{float:right;color:#261f1a;z-index:1;background:#f2ede5;border:1px solid #bda999;border-radius:50%;place-items:center;width:42px;height:42px;margin:-.4rem -.4rem .5rem .6rem;font-size:1.5rem;line-height:1;display:grid;position:sticky;top:0}.legal-modal__close:hover{color:#fff;background:#261f1a}.legal-modal pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-family:DM Sans,Arial,sans-serif;font-size:.86rem;line-height:1.7}@keyframes preview-backdrop{0%{opacity:0;-webkit-backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(13px)}}@keyframes preview-panel-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:520px){.preview-overlay{padding:.8rem}.preview-panel{max-height:calc(100svh - 1.6rem);padding:2rem 1.4rem}.preview-panel__eyebrow{margin-bottom:1.4rem}#preview-unlock{grid-template-columns:1fr}#preview-unlock button{min-height:44px}.legal-modal{padding:.5rem}.legal-modal__panel{max-height:94svh}.preview-chip{padding:.55rem .75rem;font-size:.62rem}}@media (prefers-reduced-motion:reduce){.preview-overlay,.preview-panel,.legal-modal__backdrop,.legal-modal__panel{animation:none}}