.builder-intro{padding-top:55px;padding-bottom:30px}.builder-intro h1{font:950 clamp(44px,6vw,80px)/1.02 system-ui;letter-spacing:-.07em;margin:16px 0}.builder-intro em{color:#9ce7f0;font-style:normal}.builder-intro>p{max-width:800px;color:#c7dce4}.builder-steps{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.builder-steps span{font:850 10px system-ui;border:1px solid #426a7d;padding:10px;border-radius:7px}.builder-workspace{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:18px;padding-bottom:55px;align-items:start}.builder-controls{display:grid;gap:12px}.builder-block,.builder-preview{border:1px solid #365c71;background:#102330;border-radius:13px;padding:22px}.builder-block{display:grid;gap:10px}.builder-block h2{font:900 22px system-ui;letter-spacing:-.045em;margin:0 0 5px}.builder-block label,.builder-block legend{font-size:11px;font-weight:850}.builder-block textarea{min-height:65px}.builder-block .hint,.builder-preview .hint{font-size:11px;color:#b5cbd6}.builder-options{border:1px solid #36576c;border-radius:9px;display:grid;gap:11px;padding:14px}.builder-options label{display:flex;align-items:center;gap:10px}.builder-options input{width:20px;height:20px;accent-color:#8ee1e9}.builder-export button{width:100%}.builder-preview{position:sticky;top:100px;padding:15px}.builder-preview-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.builder-preview-head strong{font-size:11px}.builder-view{display:flex;gap:7px}.builder-view button,.builder-cards button{border:1px solid #547689;border-radius:7px;background:#1a3545;color:#ddf4ff;font-size:10px;padding:8px 10px;cursor:pointer}.builder-view button[aria-pressed=true]{background:#9bebf3;color:#0a202b}.builder-preview-surface{background:#243c4b;border-radius:10px;padding:10px;display:flex;justify-content:center;margin-top:12px;min-height:640px}.builder-preview-surface iframe{width:100%;min-height:630px;background:white;border:0}.builder-preview-surface.mobile iframe{max-width:375px}.builder-cards{display:grid;gap:12px}.builder-card{padding:14px;border:1px solid #426579;border-radius:9px;display:grid;gap:8px}.builder-card .card-buttons{display:flex;flex-wrap:wrap;gap:7px}.builder-bottom{padding:20px 0 75px}.builder-bottom h2{font:900 33px system-ui}.builder-bottom p{color:#c1d4de}@media(max-width:1000px){.builder-workspace{grid-template-columns:1fr}.builder-preview{position:relative;top:auto}}@media(max-width:550px){.builder-block,.builder-preview{padding:16px}.builder-preview-surface{min-height:400px}.builder-preview-surface iframe{min-height:390px}}