.banner-preview-copy h3{font-size:clamp(1.35rem,2.1vw,2.25rem)}@media (max-width:800px){.banner-preview.mobile .banner-preview-copy h3{font-size:2rem}}@media (max-width:480px){.banner-preview-copy h3{font-size:1.9rem}}
.popup-page{max-width:1700px;margin:0 auto;padding:clamp(24px,3vw,48px)}.popup-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.popup-heading h1{letter-spacing:-.065em;margin:0;font-size:clamp(2.2rem,4vw,3.8rem);line-height:.94}.popup-heading>div:first-child>p:last-child{color:var(--muted);margin:11px 0 0;font-size:.76rem}.popup-heading>div:last-child{gap:7px;display:flex}.popup-heading button{border:1px solid var(--line);height:40px;color:var(--ink-soft);background:#fff;border-radius:10px;align-items:center;gap:6px;padding:0 13px;font-size:.75rem;font-weight:800;display:flex}.popup-heading .popup-primary{color:#fff;background:var(--ink)}.popup-heading button:disabled,.popup-inspector button:disabled{opacity:.45}.popup-metrics{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:11px;display:grid}.popup-metrics article{border:1px solid var(--line);background:#ffffffd1;border-radius:15px;grid-template-columns:37px 1fr auto;align-items:center;gap:11px;min-height:85px;padding:14px 16px;display:grid}.popup-metrics article>span{width:35px;height:35px;color:var(--gold-text);background:var(--gold-pale);border-radius:10px;place-items:center;display:grid}.popup-metrics small,.popup-metrics strong{display:block}.popup-metrics small{color:var(--muted);font-size:.75rem}.popup-metrics strong{letter-spacing:-.04em;margin-top:3px;font-size:1.1rem}.popup-metrics em{color:var(--muted);font-size:.75rem;font-style:normal}.popup-message{border:1px solid rgba(var(--brand-rgb),.25);color:var(--gold-text);background:var(--paper-warm);border-radius:10px;align-items:center;gap:7px;margin-bottom:11px;padding:10px 12px;font-size:.75rem;font-weight:700;display:flex}.popup-workspace{border:1px solid var(--line);height:min(800px,100vh - 255px);min-height:660px;box-shadow:var(--shadow);background:#fff;border-radius:20px;grid-template-columns:230px minmax(420px,1fr) minmax(350px,430px);display:grid;overflow:hidden}.popup-library{border-right:1px solid var(--line);background:#fff;min-height:0}.popup-library>header,.popup-stage>header,.popup-inspector>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:12px;height:75px;padding:15px 16px;display:flex}.popup-library h2,.popup-stage h2,.popup-inspector h2{letter-spacing:-.035em;margin:0;font-size:.92rem}.popup-library>header>span{min-width:25px;height:25px;color:var(--gold-text);background:var(--gold-pale);border-radius:99px;place-items:center;font-size:.75rem;font-weight:800;display:grid}.popup-library>div{height:calc(100% - 75px);padding:12px;overflow-y:auto}.popup-library section{margin-bottom:15px}.popup-library h3{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;margin:0;padding:0 4px 6px;font-size:.75rem;display:flex}.popup-library h3 small{font-size:inherit}.popup-library section>p{color:var(--muted);margin:0;padding:8px 5px;font-size:.75rem}.popup-library section>button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;margin:2px 0;padding:10px 8px;display:grid}.popup-library section>button:hover,.popup-library section>button.active{background:var(--paper-warm)}.popup-library section>button.active{box-shadow:inset 2px 0 var(--gold)}.popup-library button div{min-width:0}.popup-library button strong,.popup-library button small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.popup-library button strong{font-size:.75rem}.popup-library button small{color:var(--muted);margin-top:4px;font-size:.75rem}.popup-library button em{color:var(--gold-text);background:var(--gold-pale);border-radius:99px;padding:4px 5px;font-size:.75rem;font-style:normal;font-weight:800}.popup-dot{background:#aaa;border-radius:50%;width:7px;height:7px}.popup-dot.active{background:#62a154;box-shadow:0 0 0 3px #e7f1e3}.popup-dot.scheduled{background:var(--gold)}.popup-stage{background:linear-gradient(145deg,var(--paper-warm),var(--paper-deep));flex-direction:column;min-width:0;display:flex}.popup-stage>header{align-items:center}.popup-stage>header nav{background:#ffffffa8;border-radius:8px;gap:3px;padding:3px;display:flex}.popup-stage>header nav button{height:27px;color:var(--muted);background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;padding:0 8px;font-size:.75rem;font-weight:800;display:flex}.popup-stage>header nav button.active{color:var(--ink);background:#fff}.popup-browser{aspect-ratio:16/10;border:1px solid rgba(var(--brand-rgb),.15);width:calc(100% - 42px);box-shadow:0 22px 55px rgba(var(--ink-rgb),.14);background:#fff;border-radius:17px;margin:auto;transition:width .3s;position:relative;overflow:hidden}.popup-browser.mobile{aspect-ratio:9/16;width:min(310px,100% - 42px)}.popup-browser-bar{border-bottom:1px solid var(--line);background:var(--paper);align-items:center;gap:5px;height:27px;padding:0 9px;display:flex}.popup-browser-bar i{background:var(--brand-pale);border-radius:50%;width:5px;height:5px}.popup-browser-bar span{min-width:140px;color:var(--muted);text-align:center;background:#fff;border-radius:99px;margin:auto;padding:4px 10px;font-size:.75rem}.popup-site-ghost{background:linear-gradient(145deg,#fff,var(--paper-warm));padding:11% 9%;position:absolute;inset:27px 0 0}.popup-site-ghost span,.popup-site-ghost strong,.popup-site-ghost p,.popup-site-ghost button{background:var(--paper-deep);border:0;border-radius:99px;display:block}.popup-site-ghost span{width:17%;height:5px}.popup-site-ghost strong{width:63%;height:15px;margin-top:12px}.popup-site-ghost p{width:48%;height:6px;margin:8px 0 0}.popup-site-ghost p:nth-of-type(2){width:39%;margin-top:5px}.popup-site-ghost button{width:16%;height:17px;margin-top:12px}.popup-backdrop{background:rgba(var(--ink-rgb),.56);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:absolute;inset:27px 0 0}.popup-card{z-index:2;width:min(78%,520px);min-height:55%;box-shadow:0 18px 60px rgba(var(--ink-rgb),.28);background:#fff;border-radius:15px;grid-template-columns:.82fr 1.18fr;display:grid;position:absolute;top:53%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.popup-card.slide_in{border-radius:13px;grid-template-columns:1fr;width:min(62%,410px);height:calc(100% - 55px);left:auto;right:4%;transform:translateY(-50%)}.popup-card.fullscreen{grid-template-columns:1fr 1fr;width:auto;min-height:0;inset:39px 12px 12px;transform:none}.popup-card:not(:has(.popup-visual)){grid-template-columns:1fr;width:min(68%,430px)}.popup-visual{background-position:50%;background-size:cover;min-height:100%}.popup-copy{flex-direction:column;justify-content:center;padding:clamp(15px,3vw,30px);display:flex}.popup-copy>small{color:var(--gold-text);letter-spacing:.09em;text-transform:uppercase;font-size:.75rem;font-weight:900}.popup-copy h3{letter-spacing:-.055em;margin:7px 0 0;font-size:clamp(1rem,1.9vw,1.85rem);line-height:.98}.popup-copy>p{color:var(--muted);margin:8px 0 0;font-size:.75rem;line-height:1.5}.popup-copy>button,.popup-mini-form button{color:#fff;background:var(--ink);border:0;border-radius:99px;justify-content:center;align-items:center;gap:5px;height:31px;margin-top:12px;padding:0 11px;font-size:.75rem;font-weight:800;display:flex}.popup-copy>a{color:var(--muted);text-align:center;margin-top:8px;font-size:.75rem;text-decoration:underline}.popup-close{z-index:4;border:1px solid var(--line);width:26px;height:26px;color:var(--ink-soft);background:#ffffffe6;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.popup-mini-form{margin-top:9px}.popup-mini-form label{margin-top:5px;display:block}.popup-mini-form label span{color:var(--muted);font-size:.75rem;display:block}.popup-mini-form label i{border:1px solid var(--line);background:#fff;border-radius:6px;height:23px;margin-top:3px;display:block}.popup-trigger-chip{z-index:3;color:#fff;background:rgba(var(--ink-rgb),.73);border-radius:99px;align-items:center;gap:4px;padding:5px 7px;font-size:.75rem;font-weight:800;display:flex;position:absolute;bottom:9px;left:9px}.popup-browser.mobile .popup-card{grid-template-columns:1fr;width:calc(100% - 28px)}.popup-browser.mobile .popup-card:not(:has(.popup-visual)){width:calc(100% - 28px)}.popup-browser.mobile .popup-visual{min-height:105px}.popup-browser.mobile .popup-copy{padding:20px}.popup-browser.mobile .popup-copy h3{font-size:1.5rem}.popup-browser.mobile .popup-card.slide_in{width:auto;height:auto;inset:auto 7px 8px;transform:none}.popup-browser.mobile .popup-card.fullscreen{inset:34px 8px 8px}.popup-contract{flex-wrap:wrap;justify-content:center;gap:6px;padding:0 15px 15px;display:flex}.popup-contract span{border:1px solid rgba(var(--brand-rgb),.15);color:var(--ink-soft);background:#ffffff94;border-radius:99px;align-items:center;gap:4px;padding:6px 8px;font-size:.75rem;font-weight:700;display:flex}.popup-contract svg{color:var(--gold)}.popup-inspector{border-left:1px solid var(--line);background:#fff;flex-direction:column;min-height:0;display:flex}.popup-status{color:var(--muted);background:var(--paper-warm);border-radius:99px;padding:5px 7px;font-size:.75rem;font-weight:800}.popup-status.active{color:#4d8043;background:#e8f1e5}.popup-status.scheduled{color:var(--gold-text);background:var(--gold-pale)}.popup-form-scroll{flex:1;min-height:0;padding:4px 16px 16px;overflow-y:auto}.popup-inspector fieldset{border:0;border-bottom:1px solid var(--line);margin:0;padding:14px 0}.popup-inspector legend{color:var(--gold-text);letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px;font-size:.75rem;font-weight:900}.popup-inspector label,.popup-field-label{color:var(--muted);margin:8px 0;font-size:.75rem;font-weight:800;display:block}.popup-inspector label small,.popup-field-label small{float:right;color:var(--muted);font-size:.75rem;font-weight:500}.popup-inspector input,.popup-inspector textarea,.popup-inspector select{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#fff;border-radius:8px;outline:0;margin-top:5px;padding:8px 9px;font-size:.75rem}.popup-inspector input,.popup-inspector select{height:34px}.popup-inspector input:focus,.popup-inspector textarea:focus,.popup-inspector select:focus{border-color:var(--gold)}.popup-two{grid-template-columns:1fr 1fr;gap:6px;display:grid}.popup-trigger-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.popup-trigger-grid button{border:1px solid var(--line);min-height:43px;color:var(--muted);text-align:left;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;font-size:.75rem;font-weight:800;display:flex}.popup-trigger-grid button.active{color:#fff;border-color:var(--ink);background:var(--ink)}.popup-locale-tabs,.popup-device-toggle{flex-wrap:wrap;gap:3px;margin-top:8px;display:flex}.popup-locale-tabs button,.popup-device-toggle button{border:1px solid var(--line);height:26px;color:var(--muted);text-transform:capitalize;background:#fff;border-radius:7px;padding:0 7px;font-size:.75rem;font-weight:800}.popup-locale-tabs button.active,.popup-device-toggle button.active{color:#fff;border-color:var(--ink);background:var(--ink)}.popup-device-toggle button:disabled{opacity:.35}.popup-locale-tabs select{width:auto;height:26px;margin:0;padding:0 5px;font-size:.75rem}.popup-inspector>footer{border-top:1px solid var(--line);align-items:center;gap:5px;height:57px;padding:10px 16px;display:flex}.popup-inspector>footer button{border:1px solid var(--line);height:34px;color:var(--ink-soft);background:#fff;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;font-size:.75rem;font-weight:800;display:flex}.popup-inspector>footer button.publish{color:#fff;border-color:var(--ink);background:var(--ink)}.popup-inspector>footer button.danger{color:#a8493a;flex:0 0 34px;max-width:34px}.popup-integrity{border:1px solid rgba(var(--brand-rgb),.23);background:var(--paper-warm);border-radius:12px;align-items:center;gap:8px;margin-top:11px;padding:13px 15px;display:flex}.popup-integrity>svg{color:var(--gold)}.popup-integrity>div{flex:1;min-width:0}.popup-integrity strong,.popup-integrity div span{display:block}.popup-integrity strong{font-size:.75rem}.popup-integrity div span{color:var(--muted);margin-top:3px;font-size:.75rem}.popup-integrity>span{color:var(--gold-text);align-items:center;gap:4px;font-size:.75rem;font-weight:800;display:flex}@media (max-width:1400px){.popup-workspace{grid-template-columns:205px minmax(400px,1fr) minmax(340px,390px)}.popup-browser{width:calc(100% - 28px)}}@media (max-width:1150px){.popup-workspace{grid-template-columns:220px 1fr;height:auto;min-height:0}.popup-inspector{border-top:1px solid var(--line);border-left:0;grid-column:1/-1}.popup-form-scroll{grid-template-columns:1fr 1fr;gap:0 22px;display:grid;overflow:visible}.popup-inspector>footer{justify-content:flex-end}.popup-inspector>footer button{max-width:130px}}@media (max-width:800px){.popup-page{padding:23px 14px 38px}.popup-heading{flex-direction:column;align-items:flex-start}.popup-heading h1{font-size:2.7rem}.popup-heading>div:last-child{width:100%}.popup-heading button{flex:1;justify-content:center}.popup-metrics{grid-template-columns:1fr 1fr}.popup-workspace{border-radius:16px;flex-direction:column;display:flex}.popup-library{border-right:0;border-bottom:1px solid var(--line)}.popup-library>div{height:auto;max-height:235px}.popup-stage{min-height:600px}.popup-browser{margin:30px auto}.popup-inspector{border-left:0}.popup-form-scroll{display:block}.popup-inspector>footer{background:#fff;position:sticky;bottom:0}.popup-integrity{align-items:flex-start}.popup-integrity>span{display:none}}@media (max-width:480px){.popup-metrics{grid-template-columns:1fr}.popup-metrics article{min-height:74px}.popup-stage{min-height:570px}.popup-stage>header{flex-direction:column;align-items:flex-start;height:auto}.popup-stage>header nav{width:100%}.popup-stage>header nav button{flex:1;justify-content:center}.popup-browser.desktop{aspect-ratio:9/13}.popup-browser.desktop .popup-card{grid-template-columns:1fr;width:calc(100% - 28px)}.popup-browser.desktop .popup-card:not(:has(.popup-visual)){width:calc(100% - 28px)}.popup-browser.desktop .popup-visual{min-height:110px}.popup-two{grid-template-columns:1fr}.popup-inspector>footer button{font-size:.75rem}}