:root{--sandbox-ink:#12251f;--sandbox-green:#0b3328;--sandbox-gold:#b08b4f;--sandbox-cream:#f4f1e9}*{box-sizing:border-box}.sandbox-shell{min-height:100vh;color:var(--sandbox-ink);background:#dfe4df;grid-template-columns:340px minmax(0,1fr);font-family:Arial,sans-serif;display:grid}.sandbox-controls{z-index:2;background:#f8f7f2;border-right:1px solid #ccd3ce;flex-direction:column;gap:15px;min-height:100vh;padding:24px;display:flex;position:relative;overflow:auto;box-shadow:12px 0 35px #12251f14}.sandbox-controls-heading span{color:var(--sandbox-gold);letter-spacing:.12em;font:700 24px Georgia,serif}.sandbox-controls-heading strong{color:#8b392e;letter-spacing:.08em;margin-top:12px;font-size:12px;display:block}.sandbox-controls-heading p{color:#68756f;margin:7px 0 0;font-size:12px;line-height:1.45}.sandbox-apartments{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sandbox-apartments button{color:#52605a;cursor:pointer;background:#fff;border:1px solid #cbd2cd;border-radius:12px;place-items:center;min-height:46px;font-size:12px;font-weight:800;display:grid}.sandbox-apartments button[aria-current=page]{border-color:var(--sandbox-green);background:var(--sandbox-green);color:#fff}.sandbox-controls label{gap:6px;min-width:0;display:grid}.sandbox-controls label>span{color:#65716c;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.sandbox-controls select,.sandbox-controls input{color:#21332c;background:#fff;border:1px solid #cbd2cd;border-radius:10px;width:100%;min-height:42px;padding:0 10px;font:600 12px Arial,sans-serif}.sandbox-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sandbox-checks{gap:8px;display:grid}.sandbox-checks label{color:#4f5d57;align-items:center;gap:8px;font-size:12px;display:flex}.sandbox-checks input{width:18px;min-height:18px}.sandbox-reset,.sandbox-email-button{background:var(--sandbox-green);color:#fff;cursor:pointer;border:0;border-radius:12px;min-height:46px;font-size:12px;font-weight:850}.sandbox-email-button{background:#7a5e31;align-self:end;padding:0 12px}.sandbox-preview-area{min-width:0;padding:24px;overflow:auto}.sandbox-viewport-meta{color:#53605a;justify-content:center;align-items:center;gap:14px;margin-bottom:12px;font-size:11px;display:flex}.sandbox-viewport{background:#071c17;border:1px solid #aab6ae;border-radius:18px;width:100%;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 28px 70px #0d251d38}.sandbox-viewport iframe{background:#071c17;border:0;width:100%;height:100%;display:block}.sandbox-viewport.has-safe-area{background:#101713;padding:10px}.sandbox-viewport.has-browser-bar iframe{height:calc(100% - 34px)}.sandbox-browser-bar{color:#cbd5d0;background:#24312c;align-items:center;gap:7px;height:34px;padding:0 13px;font-size:10px;display:flex}.sandbox-browser-bar span{background:#b08b4f;border-radius:50%;width:8px;height:8px}.sandbox-browser-bar span:nth-child(2){background:#7f9c91}.sandbox-browser-bar span:nth-child(3){background:#6e7a75}.sandbox-browser-bar strong{margin-left:8px;font-weight:600}.sandbox-embed{background:#071c17;width:100vw;height:100vh;position:relative;overflow:hidden}.sandbox-watermark{z-index:85;color:#ffe2ad;letter-spacing:.08em;pointer-events:none;background:#4e2519e6;border:1px solid #ffd68980;border-radius:999px;padding:7px 11px;font:850 9px/1 Arial,sans-serif;position:absolute;top:10px;left:50%;transform:translate(-50%)}.sandbox-email-preview{z-index:95;color:#17352c;background:#fffdf8;border:1px solid #d0b478;border-radius:24px;width:min(360px,100% - 48px);padding:24px;position:absolute;top:82px;right:24px;box-shadow:0 25px 70px #00000052}.sandbox-email-preview button{cursor:pointer;background:#e9e5db;border:0;border-radius:50%;width:36px;height:36px;font-size:22px;position:absolute;top:10px;right:12px}.sandbox-email-preview strong,.sandbox-email-preview span{display:block}.sandbox-email-preview strong{color:#8b392e;letter-spacing:.08em;font-size:12px}.sandbox-email-preview span{color:#7c8a84;margin-top:15px;font-size:11px}.sandbox-email-preview p{margin:8px 0 0;font:500 18px/1.45 Georgia,serif}.sandbox-invalid{color:#0b3328;background:#f4f1e9;place-content:center;min-height:100vh;display:grid}@media (max-width:1000px){.sandbox-shell{grid-template-columns:1fr}.sandbox-controls{border-bottom:1px solid #ccd3ce;border-right:0;min-height:auto}.sandbox-preview-area{padding:14px}.sandbox-row{grid-template-columns:1fr}.sandbox-viewport-meta{flex-wrap:wrap}}.sandbox-preview-surface,.sandbox-preview-surface .sandbox-embed,.sandbox-preview-surface .v1-page,.sandbox-preview-surface .v1-device,.sandbox-preview-surface .v1-screen{width:100%;height:100%}.sandbox-preview-surface .v1-page,.sandbox-preview-surface .v1-screen{min-height:0}.sandbox-preview-surface .v1-action-stage,.sandbox-preview-surface .v1-stay-stage{min-height:calc(100% - 96px)}.sandbox-viewport.has-browser-bar .sandbox-preview-surface{height:calc(100% - 34px)}.sandbox-demo{z-index:88;font-family:Inter,ui-sans-serif,system-ui,sans-serif;position:absolute;top:7px;left:calc(50% + 112px)}.sandbox-demo-trigger{color:#f4f4ef;letter-spacing:.14em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0a3026f0;border:1px solid #d9b36a80;border-radius:999px;justify-content:space-between;align-items:center;gap:11px;min-width:86px;min-height:44px;padding:0 14px;font-size:10px;font-weight:900;display:flex;box-shadow:0 10px 28px #0003}.sandbox-demo-trigger>span:last-child{color:#d6ac62;letter-spacing:.02em;font-size:12px}.sandbox-demo-trigger:focus-visible{outline-offset:3px;outline:3px solid #d6ac62}.sandbox-demo-menu button:focus-visible{outline-offset:3px;outline:3px solid #d6ac62}.sandbox-demo-menu{z-index:89;color:#f4f4ef;background:linear-gradient(145deg,#12382d,#0b2a22);border:1px solid #d2a95e70;border-radius:24px;width:min(540px,100vw - 32px);padding:18px;animation:.18s ease-out sandbox-demo-in;position:fixed;top:62px;left:50%;transform:translate(-50%);box-shadow:0 28px 80px #0000007a}.sandbox-demo-heading{grid-template-columns:1fr auto;align-items:end;gap:3px 18px;padding:2px 4px 15px;display:grid}.sandbox-demo-heading>span{color:#d6ac62;letter-spacing:.16em;grid-column:1;font:700 13px/1 Georgia,Times New Roman,serif}.sandbox-demo-heading>strong{color:#f4f4ef;grid-column:1;font-size:19px;line-height:1.2}.sandbox-demo-heading>small{color:#aebdb8;letter-spacing:.08em;text-transform:uppercase;grid-area:1/2/3;align-self:center;font-size:9px;font-weight:800}.sandbox-demo-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sandbox-demo-option,.sandbox-demo-reset{color:#f4f4ef;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#173f34;border:1px solid #f4f4ef1c;border-radius:15px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:54px;padding:9px 12px;display:flex}.sandbox-demo-option>span:first-child{gap:3px;min-width:0;display:grid}.sandbox-demo-option strong{font-size:12px;line-height:1.25}.sandbox-demo-option small{color:#9eb0aa;letter-spacing:.04em;font-size:9px;font-weight:750}.sandbox-demo-option[aria-current=true]{background:#205343;border-color:#d6ac62a3}.sandbox-demo-check{color:#d6ac62;flex:none;place-items:center;width:24px;height:24px;font-size:16px;font-weight:900;display:grid}.sandbox-demo-reset{color:#d8dfdc;letter-spacing:.04em;background:#102f27;border-color:#d6ac6247;min-height:48px;margin-top:10px;padding:0 15px;font-size:11px;font-weight:850}.sandbox-demo-reset>span:last-child{color:#d6ac62;font-size:18px}@keyframes sandbox-demo-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media (max-height:720px) and (orientation:landscape){.sandbox-demo-menu{border-radius:20px;padding:14px;top:55px}.sandbox-demo-heading{padding-bottom:10px}.sandbox-demo-option{min-height:48px;padding:7px 11px}.sandbox-demo-reset{min-height:44px;margin-top:8px}}@media (prefers-reduced-motion:reduce){.sandbox-demo-menu{animation:none}}