.yoy-builder{--pink:#d50047;--pink2:#ff5f91;font-family:Heebo,Arial,sans-serif;direction:rtl;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:34px;max-width:1180px;margin:40px auto;padding:0 20px;align-items:start}.yoy-builder__panel{background:#fff;border:1px solid #f1e4e9;border-radius:28px;padding:30px;box-shadow:0 18px 60px rgba(75,0,25,.08)}.yoy-brand{font-size:12px;font-weight:900;letter-spacing:2px;color:var(--pink)}.yoy-builder h2{font-size:32px;line-height:1.05;margin:10px 0;color:#2d2025}.yoy-lead{color:#755f67;line-height:1.7}.yoy-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.yoy-field{display:flex;flex-direction:column;gap:7px}.yoy-field--full{grid-column:1/-1}.yoy-field span{font-size:13px;font-weight:800;color:#4e3941}.yoy-field input,.yoy-field textarea,#yoyMessages input{width:100%;border:1px solid #eadbe1;border-radius:14px;padding:12px 13px;font:500 14px Heebo,Arial,sans-serif;outline:0;background:#fff}.yoy-field input:focus,.yoy-field textarea:focus,#yoyMessages input:focus{border-color:#e23a70;box-shadow:0 0 0 3px rgba(213,0,71,.08)}#yoyMessages{display:grid;gap:8px}.yoy-actions{display:flex;gap:10px;margin-top:24px}.yoy-btn{border:0;border-radius:999px;padding:14px 20px;font:800 15px Heebo,Arial,sans-serif;cursor:pointer}.yoy-btn--primary{background:linear-gradient(135deg,var(--pink2),var(--pink));color:#fff;flex:1}.yoy-btn--ghost{background:#fff1f5;color:var(--pink)}.yoy-status{margin-top:12px;font-size:13px;color:#7a5d68}.yoy-builder__preview{position:sticky;top:28px}.yoy-phone{background:#181215;border-radius:42px;padding:12px;box-shadow:0 30px 80px rgba(0,0,0,.16);aspect-ratio:9/19.5;overflow:hidden}.yoy-phone iframe{width:100%;height:100%;border:0;border-radius:32px;background:#fff}.yoy-phone:before{content:"";display:block;position:absolute}
@media(max-width:900px){.yoy-builder{grid-template-columns:1fr}.yoy-builder__preview{position:relative;top:auto;order:-1;max-width:360px;width:100%;margin:0 auto}.yoy-builder__panel{padding:22px}.yoy-fields{grid-template-columns:1fr}.yoy-builder h2{font-size:28px}.yoy-actions{flex-direction:column}.yoy-btn{width:100%}}