@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&family=Outfit:wght@400;500;600;700&display=swap');
.organizer-section{padding:36px 0 54px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;scroll-margin-top:85px}.organizer-copy h2{margin-top:12px}.organizer-copy>p{color:var(--muted);max-width:420px}.organizer-benefits{list-style:none;padding:0;margin:22px 0}.organizer-benefits li{font-size:13px;margin:12px 0;color:var(--muted)}.organizer-benefits b{display:block;color:var(--ink);font-weight:500}.organizer-note{font-size:11px;margin:14px 0 0}.organizer-preview{border:1px solid var(--line);border-radius:14px;background:#fffdf8;overflow:hidden;box-shadow:0 20px 55px #28312809}.organizer-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}.preview-brand{font:italic 600 25px var(--serif);color:var(--ink)}.organizer-preview-title{padding:22px 22px 18px;background:var(--soft)}.organizer-preview-title h3{font:500 36px/1.1 var(--serif);margin:5px 0}.organizer-preview-title>span:last-child{font-size:11px;color:var(--muted)}.organizer-tabs{display:flex;border-bottom:1px solid var(--line);padding:10px 16px 0;gap:15px}.organizer-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:12px;min-height:42px;padding:8px 3px}.organizer-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--accent)}.organizer-demo-body{padding:20px;min-height:273px}.demo-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:17px}.demo-summary>div{padding:12px;background:var(--paper);border-radius:7px}.demo-summary strong{display:block;font:500 30px/1.15 var(--serif);font-variant-numeric:tabular-nums}.demo-summary span{font-size:10px;color:var(--muted)}.demo-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:12px}.demo-row small{display:block;color:var(--muted);font-size:10px}.demo-chip{background:var(--soft);color:var(--accent);border-radius:4px;padding:4px 7px;font-size:10px;font-weight:500;white-space:nowrap}.demo-chip.pending{background:#f2eee5;color:#665638}.demo-caption{font-size:11px;color:var(--muted);margin:14px 0 0}.demo-floor{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px}.demo-floor>div{aspect-ratio:1;border:1px solid var(--accent);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;background:var(--soft)}.demo-floor small{font-size:9px}.demo-floor>span{grid-column:1/-1;text-align:center;padding:14px;background:var(--paper);font-size:11px;color:var(--muted)}
.one-section{padding:48px 0;background:var(--soft);scroll-margin-top:70px}.one-plans{display:grid;grid-template-columns:1fr 1fr;gap:20px}.one-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:28px;display:flex;flex-direction:column;align-items:flex-start}.one-vip{border-color:var(--accent)}.one-card h3{font:500 33px var(--serif);margin:10px 0}.one-price{font:500 46px/1.1 var(--serif);font-variant-numeric:tabular-nums}.one-price small{display:block;font:11px/2 var(--sans);color:var(--muted)}.one-card>p{font-size:13px;color:var(--muted);margin:16px 0 0;max-width:350px}.one-card ul{padding-left:18px;font-size:12px;line-height:1.8;margin:18px 0 24px;flex:1}.one-card li+li{margin-top:6px}.one-card li b{font-weight:500}.one-bottom{font-size:11px;color:var(--muted);margin-top:12px}.one-details{display:grid;grid-template-columns:1fr auto;gap:6px 30px;align-items:start;padding-top:20px}.one-details>p{max-width:650px;font-size:11px;color:var(--muted);margin:0}.one-details details{grid-column:1/-1;font-size:12px;border-top:1px solid var(--line);padding-top:13px;margin-top:8px}.one-details details p{max-width:800px;color:var(--muted)}.one-details summary{cursor:pointer;padding:5px 0;min-height:32px}.organizer-section [hidden]{display:none!important}
@media(max-width:760px){.organizer-section{grid-template-columns:1fr;gap:22px;padding:30px 0}.organizer-copy>p{max-width:100%}.organizer-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}.organizer-benefits li{font-size:11px}.one-section{padding:32px 0}.one-plans{grid-template-columns:1fr}.one-card{padding:23px}.one-details{grid-template-columns:1fr}.one-details>.link{font-size:11px}.organizer-demo-body{min-height:265px}.organizer-preview-head{padding:10px 16px}}
:root{--paper:#faf8f2;--ink:#283128;--muted:#596453;--accent:#365542;--soft:#e9efe5;--line:#dddcd2;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Outfit',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--sans)}h1,h2,h3,p{margin-top:0}a{color:inherit}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.container{width:min(1120px,calc(100% - 44px));margin:auto}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:#fff;padding:12px}.skip:focus{top:10px}.nav{position:sticky;top:0;z-index:30;background:rgba(250,248,242,.97);border-bottom:1px solid var(--line)}.nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;font:italic 600 36px var(--serif)}.logo img{width:28px;height:25px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:25px}.nav-links>a{font-size:12px;text-decoration:none}.button{min-height:46px;padding:12px 21px;border:1px solid var(--accent);background:var(--accent);color:white;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:500;text-decoration:none;transition:transform .2s,opacity .2s}.button:hover{transform:translateY(-2px)}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button.small{min-height:38px;padding:8px 14px;font-size:11px}.button:disabled{opacity:.5;cursor:wait}.link{background:transparent;border:0;padding:10px 0;min-height:44px;font-size:12px;text-decoration:underline;text-underline-offset:4px;color:var(--ink)}.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--accent)}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.04em;line-height:1.04}h1{font-size:clamp(43px,5.2vw,66px);max-width:700px;margin:14px 0 18px}h1 em,h2 em{font-weight:500;color:var(--accent)}h2{font-size:clamp(32px,4vw,45px);margin-bottom:16px}h3{font-size:17px;font-weight:500}.intro{padding:49px 0 32px}.intro-grid{display:grid;grid-template-columns:1fr 330px;gap:55px;align-items:center}.intro-copy>p{max-width:590px;color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:22px}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.microcopy{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-top:18px}.microcopy span+span::before{content:'·';margin-right:15px}.season-card{display:flex;flex-direction:column;justify-content:center;position:relative}.season-art{width:100%;height:165px;object-fit:contain;object-position:center;border-radius:70px 70px 5px 5px;background:var(--soft)}.season-meta{padding-top:13px}.season-meta .eyebrow{font-size:9px}.season-meta h2{font:500 22px/1.12 var(--serif);letter-spacing:-.02em;margin:7px 0}.season-meta p{font-size:11px;line-height:1.55;color:var(--muted);margin:0}.season-meta a{font-size:11px;display:inline-block;padding-top:6px;text-underline-offset:3px}.season-indicator{display:none;background:#fff1bb;color:#5b4700;padding:8px 20px;text-align:center;font-size:11px}.season-indicator.active{display:block}.catalog-section{padding:28px 0 46px;scroll-margin-top:80px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:20px}.section-head h2{margin:5px 0 0}.section-head p{font-size:12px;color:var(--muted);margin:0;max-width:340px}.event-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin;margin-bottom:14px}.event-tab{flex-shrink:0;background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:30px;padding:9px 16px;min-height:42px;font-size:12px}.event-tab[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:white}.catalog-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start}.catalog-options{padding-top:8px}.catalog-topline{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px}.catalog-topline h3{font-size:14px;margin:0}.catalog-topline span{font-size:10px;color:var(--muted)}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.style-card{padding:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff;text-align:left;color:var(--ink);position:relative}.style-card[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.style-cover{height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.style-cover::before{content:'';position:absolute;inset:9px;border:1px solid currentColor;opacity:.25}.style-cover strong{font:italic 500 24px/1.08 var(--serif);z-index:1;white-space:pre-line;text-align:center}.style-cover small{font-size:6px;letter-spacing:.16em;margin-top:10px;z-index:1}.style-card:nth-child(3n+2) .style-cover::before{border-radius:65px 65px 0 0}.style-card:nth-child(3n) .style-cover strong{font:600 17px/1.2 var(--sans);letter-spacing:-.02em}.style-label{padding:11px 12px}.style-label b{display:block;font-size:11px;font-weight:500}.style-label span{display:block;color:var(--muted);font-size:9px;margin-top:2px}.catalog-actions{margin-top:18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.catalog-note{color:var(--muted);font-size:10px;line-height:1.6;margin:13px 0 0}.preview-wrap{border:1px solid var(--line);border-radius:16px;padding:7px;background:#fff;box-shadow:0 12px 35px #26341f0c}.preview-top{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:var(--muted);padding:6px 9px 11px}.preview-window{height:402px;position:relative;border-radius:10px;overflow:hidden;background:var(--soft)}.preview-window iframe{width:100%;height:100%;border:0;background:var(--soft)}.preview-loading{position:absolute;inset:0;display:grid;place-content:center;gap:10px;text-align:center;font-size:12px;background:var(--soft);z-index:2;padding:28px}.preview-loading[hidden]{display:none}.preview-loading span{font:italic 500 35px var(--serif)}.preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 8px 0;font-size:9px;color:var(--muted)}.preview-bottom .link{font-size:10px}.ways{padding:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ways-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.way{padding:10px 0}.way+.way{padding-left:34px;border-left:1px solid var(--line)}.way h2{font-size:33px;margin:8px 0 12px}.way p{font-size:13px;max-width:440px;color:var(--muted);margin-bottom:18px}.way .process{font-size:11px;color:var(--ink);margin-bottom:20px}.way-price{font-size:12px;color:var(--muted);margin-left:10px}.pricing-section{padding:49px 0}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.price-card{border:1px solid var(--line);background:#fffdf8;border-radius:8px;padding:25px;display:flex;flex-direction:column;position:relative}.price-card.featured{border:1.5px solid var(--accent);background:var(--soft)}.price-card h3{margin:0 0 5px;font-size:15px}.price-purpose{font-size:11px;color:var(--muted);min-height:36px;margin:0 0 15px}.price{font-size:35px;letter-spacing:-.05em;line-height:1.2;font-weight:500}.price small{font-size:10px;font-weight:400;letter-spacing:0;margin-left:5px}.price-duration{font-size:10px;color:var(--muted);margin-top:6px}.price-card ul{list-style:none;padding:18px 0;margin:15px 0 20px;display:grid;gap:11px;border-top:1px solid var(--line);font-size:12px}.price-card li{display:flex;gap:9px}.price-card li::before{content:'✓';color:var(--accent)}.price-card .button{margin-top:auto}.price-ribbon{position:absolute;top:-11px;right:17px;padding:3px 10px;font-size:9px;background:var(--accent);color:white;border-radius:20px}.pricing-detail{display:flex;justify-content:space-between;gap:20px;margin:17px 0 0;font-size:10px;color:var(--muted)}.pricing-detail p{max-width:660px;margin:0}.optional-note{font-size:11px;color:var(--muted);margin-top:14px}.optional-note a{color:var(--ink)}.faq-section{padding:32px 0 46px;border-top:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:260px 1fr;gap:55px}.faq-grid h2{font-size:35px}.faq-grid details{border-bottom:1px solid var(--line);padding:13px 0}.faq-grid summary{cursor:pointer;font-size:13px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq-grid summary::after{content:'+';font-size:18px}.faq-grid details[open] summary::after{content:'−'}.faq-grid details p{font-size:12px;color:var(--muted);margin:12px 24px 0 0;max-width:680px}.footer{background:var(--ink);color:var(--paper);padding:25px 0}.footer-grid{display:flex;justify-content:space-between;gap:24px;align-items:center}.footer-brand{display:flex;align-items:center;gap:20px}.footer-brand .logo{font-size:34px}.footer-brand p{font-size:10px;line-height:1.6;margin:0;max-width:260px;opacity:.8}.footer-links{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:end;font-size:10px}.footer-links a{text-underline-offset:3px}.footer-legal{font-size:9px;opacity:.6;margin-top:18px}.wa-float{position:fixed;right:16px;bottom:16px;z-index:20;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:30px;text-decoration:none;font-size:11px;padding:12px 17px;box-shadow:0 5px 20px #0002}.wa-float svg{width:17px;height:17px;display:inline-block;vertical-align:middle;margin-right:5px}.nav-auth-btn{background:transparent;border:1px solid var(--line);padding:8px 12px;border-radius:5px;font-size:11px;min-height:38px;color:var(--ink);display:flex;align-items:center;gap:6px}.nav-auth-avatar{width:23px;height:23px;border-radius:50%}.nav-user-wrap{position:relative}.nav-user-menu{display:none;position:absolute;right:0;top:45px;background:white;border:1px solid var(--line);padding:15px;border-radius:7px;min-width:210px;box-shadow:0 10px 35px #0001}.nav-user-wrap.open .nav-user-menu{display:block}.nav-user-email{font-size:10px;word-break:break-all;margin-bottom:8px}.nav-user-item{display:block;background:none;border:0;padding:9px 0;min-height:40px;font-size:11px}.modal{border:1px solid var(--line);border-radius:10px;padding:32px;max-width:430px;width:calc(100% - 32px);color:var(--ink);background:var(--paper);max-height:90svh;overflow:auto}.modal::backdrop{background:#1c241db3}.modal h2{font-size:33px}.modal p{font-size:12px;color:var(--muted)}.modal label{display:grid;gap:5px;font-size:12px;margin:14px 0}.modal input{padding:11px;border:1px solid var(--line);border-radius:4px;background:white;width:100%;min-height:44px}.modal .button{width:100%}.modal-close{float:right;border:0;background:none;font-size:25px;min-width:34px;min-height:34px}.modal-status{font-size:12px;min-height:1.5em;color:#943c2e;line-height:1.6}.modal-links{display:flex;flex-wrap:wrap;justify-content:space-between}.modal-links .link{font-size:10px}.wide-preview{width:min(900px,calc(100% - 20px));max-width:none;padding:10px;max-height:96svh;height:92svh}.wide-preview iframe{width:100%;height:calc(100% - 50px);border:0}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 10px;height:42px;font-size:11px}.status-toast{display:none;position:fixed;bottom:70px;left:50%;transform:translateX(-50%);z-index:50;background:var(--ink);color:white;padding:12px 20px;border-radius:6px;font-size:12px;max-width:calc(100% - 40px)}.status-toast.show{display:block}.noscript{padding:15px;background:var(--soft);font-size:12px}.season-card[data-season=base] .season-art{object-fit:contain}body[data-season=halloween] .season-art{border-radius:60px 12px 60px 12px}body[data-season=muertos] .season-art{border-radius:50% 50% 8px 8px}body[data-season=navidad] .season-art{border-radius:8px 60px 8px 60px}
@media(max-width:950px){.intro-grid{grid-template-columns:1fr 265px;gap:30px}.catalog-grid{grid-template-columns:1fr 280px;gap:25px}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links{gap:17px}.price-card{padding:22px 18px}.faq-grid{grid-template-columns:220px 1fr;gap:30px}}
@media(max-width:650px){.container{width:calc(100% - 34px)}.nav-inner{height:62px;gap:10px}.logo{font-size:32px}.logo img{width:23px}.nav-links{gap:12px}.nav-links>a{font-size:10px}.nav-links>a[href='#rolo-one']{display:none}.nav-links .button{font-size:10px;padding:8px 11px;min-height:36px}.nav-auth-btn{font-size:10px;padding:7px 9px}.intro{padding:28px 0 18px}.intro-grid{grid-template-columns:1fr;gap:22px}h1{font-size:44px;max-width:390px;line-height:1.03}.intro-copy>p{font-size:14px;line-height:1.6;margin-bottom:17px}.microcopy{font-size:10px;gap:10px;margin-top:14px}.microcopy span+span::before{margin-right:10px}.season-card{display:grid;grid-template-columns:110px 1fr;gap:14px;background:var(--soft);padding:10px;border-radius:8px;align-items:center}.season-art{height:92px;border-radius:5px!important;object-fit:contain;background:transparent}.season-meta{padding:0}.season-meta h2{font-size:19px;line-height:1.07;margin:4px 0 5px}.season-meta p{display:none}.season-meta a{font-size:10px;padding:0}.season-meta .eyebrow{font-size:8px}.catalog-section{padding:20px 0 30px}.section-head{align-items:start;margin-bottom:17px}.section-head h2{font-size:32px}.section-head>p{display:none}.event-tabs{margin-bottom:10px;padding-bottom:10px}.event-tab{min-height:38px;font-size:11px;padding:7px 13px}.catalog-grid{grid-template-columns:1fr;gap:20px}.style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.style-cover{height:82px}.style-cover strong{font-size:20px}.style-card:nth-child(3n) .style-cover strong{font-size:14px}.style-cover small{font-size:5px;margin-top:8px}.style-label{padding:9px 7px}.style-label b{font-size:10px;line-height:1.3}.style-label span{font-size:8px}.preview-wrap{width:100%;max-width:370px;margin:auto}.preview-window{height:345px}.catalog-actions .button{font-size:11px}.ways{padding:25px 0}.ways-grid{gap:20px;grid-template-columns:1fr}.way+.way{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}.way h2{font-size:29px}.way p{font-size:12px;margin-bottom:12px}.way .process{margin-bottom:14px}.pricing-section{padding:34px 0}.pricing-grid{grid-template-columns:1fr;gap:16px;margin-top:20px}.price-card{padding:20px}.price-card ul{grid-template-columns:1fr 1fr;font-size:11px;gap:10px 16px;margin:8px 0 10px;padding:13px 0;border-top:1px solid var(--line)}.price-card h3{font-size:15px}.price-purpose{min-height:0;margin-bottom:10px}.price{font-size:31px}.price-card .button{margin-top:7px}.pricing-detail{display:block;font-size:10px}.pricing-detail span{display:block;margin-top:9px}.faq-section{padding:25px 0 35px}.faq-grid{grid-template-columns:1fr;gap:4px}.faq-grid h2{font-size:32px}.footer-grid{align-items:flex-start;flex-direction:column;gap:20px}.footer-links{justify-content:start}.footer{padding:24px 0 65px}.footer-brand{gap:15px}.wa-float{padding:10px 13px;right:12px;bottom:12px}.modal{padding:24px}.wide-preview{padding:8px}.intro-copy .actions .button{padding:11px 16px}.catalog-topline span{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.account-menu{position:relative}.account-menu summary{list-style:none;cursor:pointer}.account-links{position:absolute;right:0;top:42px;width:230px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 10px 30px #0001;font-size:12px}.account-links p{font-size:10px;overflow-wrap:anywhere}.account-links a,.account-links button{display:block;padding:8px 0;background:none;border:0;color:var(--ink);font-size:12px}

/* Originales de marca: una escala común, sin estirar ni volver a dibujar. */
.brand-pair{width:100%;height:190px;display:flex;align-items:center;justify-content:center;overflow:hidden}.brand-pair img{width:62%;max-width:none;height:auto;flex:none;margin-inline:-6%;object-fit:contain}.brand-pair[hidden],.season-art[hidden]{display:none}.logo{flex-shrink:0}.logo img{width:auto;height:36px;max-width:none;object-fit:contain}.footer-brand .logo img{background:transparent;border-radius:0;width:auto;height:50px;filter:drop-shadow(0 0 .7px rgba(250,248,242,.7))}.footer-brand{flex-wrap:wrap;row-gap:10px}.footer-brand .logo{gap:4px}.season-art{border-radius:0!important;object-fit:contain}
/* El viewport de la invitación siempre mide 360 × 780; el dispositivo escala. */
.preview-wrap{border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;width:100%;max-width:300px;justify-self:center}.preview-top{padding:0 3px 12px;flex-wrap:wrap}.phone-shell{position:relative;width:min(100%,280px);margin-inline:auto;padding:25px 9px 18px;background:#1c211e;border:2px solid #526052;border-radius:38px;box-shadow:inset 0 0 0 2px #323c33,0 16px 36px #26341f20}.phone-shell::before{content:'';position:absolute;left:50%;top:11px;transform:translateX(-50%);width:48px;height:4px;border-radius:9px;background:#626b63}.phone-shell::after{content:'';position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:75px;height:3px;border-radius:6px;background:#869087}.phone-screen,.preview-window.phone-screen{position:relative;width:100%;height:auto;aspect-ratio:360/780;overflow:hidden;border-radius:22px;background:var(--soft)}.phone-screen iframe,.preview-window.phone-screen iframe{position:absolute;inset:0;width:360px;height:780px;max-width:none;border:0;transform-origin:top left}.preview-bottom{padding-top:7px;flex-wrap:wrap;justify-content:center;gap:0 14px}.wide-preview{width:min(410px,calc(100% - 16px));height:auto;max-height:96svh;padding:8px 12px 16px;background:var(--paper);overflow:auto}.wide-preview .phone-shell{width:min(100%,320px,calc((90svh - 92px)*.46154 + 22px))}.wide-preview .preview-toolbar{height:42px;padding:0 0 7px;font-size:10px}.wide-preview .modal-close{float:none}
@media(max-width:650px){.logo img{height:29px;width:auto}.nav-links{gap:10px}.nav-inner{gap:8px}.brand-pair{height:92px}.preview-wrap{max-width:300px}.phone-shell{width:min(100%,280px)}.wide-preview .phone-shell{width:min(100%,320px,calc((90svh - 92px)*.46154 + 22px))}}
.mobile-preview-action{display:none}.style-label{display:block}.catalog-options{min-width:0}.preview-is-open{overflow:hidden}.full-preview-actions{padding-top:12px}.full-preview-actions .button{width:100%;justify-content:center}.wide-preview .preview-toolbar{height:auto;min-height:48px;gap:12px}.preview-toolbar b,.preview-toolbar span{display:block}.preview-toolbar b{font-size:14px}.preview-toolbar span{font-size:10px;color:var(--muted);margin-top:2px}.wide-preview .modal-close{min-width:44px;min-height:44px;flex:none}.preview-loading[hidden]{display:none}.mobile-preview-action button:disabled{opacity:.6;cursor:wait}
@media(max-width:650px){
 .catalog-grid{display:flex;flex-direction:column;gap:14px;align-items:stretch}.catalog-options{display:contents}.catalog-topline{order:0;margin:0;gap:8px}.catalog-topline h3{font-size:16px}.catalog-topline>span{font-size:11px}.style-grid{order:2;display:grid;grid-auto-flow:column;grid-auto-columns:43%;grid-template-columns:none;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:4px 4px 10px;margin:0 -4px;scrollbar-width:thin}.style-card{scroll-snap-align:start;min-width:0}.style-cover{height:78px}.style-cover strong{font-size:18px}.style-label{padding:10px;text-align:left}.style-label b{font-size:12px}.style-label>span{font-size:10px}.style-grid.is-expanded{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.catalog-options>#more-styles{order:3;align-self:flex-start;margin:0;min-height:36px}.mobile-preview-action{order:1;position:sticky;top:62px;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--soft);border:1px solid var(--line);padding:12px;border-radius:12px}.mobile-preview-action b{display:block;font-size:14px;line-height:1.3}.mobile-preview-action>div{min-width:0}.mobile-preview-action>div>span{font-size:10px;display:block;margin-top:4px}.mobile-preview-action .button{min-height:44px;flex-shrink:0;font-size:12px;padding:10px 14px}.preview-wrap{order:4;margin-top:2px;align-self:center}.preview-wrap>.preview-top{display:none}.catalog-actions{order:5;margin-top:0;display:flex;flex-wrap:wrap;gap:12px}.catalog-actions .button{flex:1;justify-content:center;min-height:48px}.catalog-actions>.link{min-height:44px;display:flex;align-items:center}.catalog-note{order:6;margin-top:0;font-size:12px}.event-tabs{padding-block:4px 10px;margin-bottom:18px}.event-tab{min-height:44px}.preview-bottom .link{min-height:44px;display:flex;align-items:center}.wa-float{right:10px;bottom:max(10px,env(safe-area-inset-bottom));font-size:12px;padding:11px 14px}
 .wide-preview[open]{display:flex;flex-direction:column}.wide-preview{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:0;overflow:hidden}.wide-preview .preview-toolbar{padding:8px 14px;flex:none;border-bottom:1px solid var(--line);background:var(--paper)}.wide-preview .phone-shell{flex:1;min-height:0;width:100%;padding:0;border:0;border-radius:0;background:var(--paper);box-shadow:none;display:flex}.wide-preview .phone-shell::before,.wide-preview .phone-shell::after{display:none}.wide-preview .phone-screen{flex:1;width:100%;height:100%;aspect-ratio:auto;border-radius:0}.wide-preview .phone-screen iframe{width:100%;height:100%;transform:none!important}.full-preview-actions{flex:none;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper)}.full-preview-actions .button{min-height:46px;font-size:13px}
}
