.builder-intro{padding-top:82px;padding-bottom:45px}.builder-intro .eyebrow{color:#748d26}.builder-intro h1{font-size:clamp(48px,6vw,82px);max-width:920px;margin:18px 0 20px}.builder-intro h1 em{color:#66851b}.builder-intro p{font-size:17px;color:#607067;max-width:660px;margin:0}.builder-layout{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:22px;align-items:start;padding-bottom:80px}.builder-controls{background:#fff;border:1px solid #dde2d6;border-radius:22px;padding:24px}.control-group+.control-group{border-top:1px solid #e0e6dc;margin-top:24px;padding-top:24px}.control-heading{display:flex;gap:12px;align-items:center;margin-bottom:17px}.control-heading h2{font-size:19px;letter-spacing:-.05em;margin:0}.step-badge{background:#e9f3c8;color:#516b18;font-size:11px;font-weight:800;border-radius:8px;padding:7px 8px}.builder-controls label,.brief-form label{display:block;font-weight:800;font-size:12px;margin:13px 0 6px}.builder-controls input,.builder-controls select,.brief-form input{width:100%;background:#f6f7f2;border:1px solid #dce3d7;border-radius:10px;padding:12px 14px;color:#101a19;outline:none}.builder-controls input:focus,.builder-controls select:focus,.brief-form input:focus{border-color:#72951d;box-shadow:0 0 0 3px rgba(114,149,29,.12)}.color-options{display:flex;gap:10px}.color-option{width:39px;height:39px;border-radius:12px;border:3px solid white;box-shadow:0 0 0 1px #c9d3c5}.color-option[aria-pressed=true]{box-shadow:0 0 0 2px #101a19}.color-option.lime{background:#d6f568}.color-option.blue{background:#99c9e9}.color-option.coral{background:#f4a58f}.control-help{font-size:12px;color:#6a786d;margin:0 0 12px}.block-list{display:grid;gap:8px}.block-row{display:flex;gap:8px;align-items:center;background:#f2f5ed;border:1px solid #dce4d3;border-radius:12px;padding:8px}.block-row-name{font-size:13px;font-weight:800;flex:1;padding-left:5px}.block-row-buttons{display:flex;gap:3px}.block-row button,.block-library button{background:#fff;border:1px solid #d5ddcf;border-radius:8px;color:#263a2c}.block-row button{width:28px;height:28px;display:grid;place-items:center;font-size:16px}.block-row button:disabled{opacity:.35;cursor:not-allowed}.block-row button:hover:not(:disabled),.block-library button:hover{background:#d6f568;border-color:#d6f568}.library-title{font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin:22px 0 11px;color:#758477}.block-library{display:flex;flex-wrap:wrap;gap:7px}.block-library button{padding:7px 10px;font-size:12px;font-weight:700}.preview-column{position:sticky;top:94px;min-width:0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.preview-toolbar>div:first-child{display:flex;align-items:center;gap:7px;font-size:13px}.live-dot{width:8px;height:8px;background:#89b133;border-radius:50%;box-shadow:0 0 0 4px rgba(137,177,51,.12)}.preview-subtitle{color:#809084}.view-toggle{display:flex;padding:3px;background:#e2e8dc;border-radius:10px}.view-toggle button{border:0;background:transparent;color:#6b7a6d;padding:5px 11px;border-radius:7px;font-size:17px}.view-toggle button[aria-pressed=true]{background:#fff;color:#101a19;box-shadow:0 2px 7px rgba(0,0,0,.08)}.preview-stage{background:#dce4d9;border:1px solid #cad6c8;border-radius:20px;padding:26px;min-height:610px;display:flex;justify-content:center;align-items:flex-start;overflow:auto}.canvas{--accent:#d6f568;--accent-ink:#425d0b;width:100%;max-width:850px;background:white;border-radius:15px;overflow:hidden;box-shadow:0 20px 40px rgba(24,46,24,.12);transition:max-width .25s}.canvas[data-view=mobile]{max-width:340px}.canvas-browser{height:33px;background:#edf0ea;border-bottom:1px solid #e0e6dc;display:flex;align-items:center;gap:5px;padding:0 13px}.canvas-browser span{width:6px;height:6px;background:#a7b5a8;border-radius:50%}.canvas-browser small{font-size:9px;color:#879489;margin:auto;font-weight:700}.preview-section{padding:26px 30px;border-bottom:1px solid #e7ece3}.preview-section h3{font-size:clamp(17px,2vw,24px);line-height:1.12;letter-spacing:-.05em;margin:5px 0 9px}.preview-section p{font-size:11px;line-height:1.5;color:#68766b;margin:0}.preview-kicker{font-size:9px;font-weight:800;letter-spacing:.14em;color:#789125;text-transform:uppercase}.preview-section.preview-hero{min-height:230px;background:#10241f;color:#fff;position:relative;overflow:hidden;display:flex;align-items:center}.preview-hero:after{content:"";position:absolute;border:2px solid rgba(255,255,255,.1);width:220px;height:220px;border-radius:50%;right:-65px;top:0;box-shadow:0 0 0 35px rgba(255,255,255,.03)}.preview-hero h3{font-size:clamp(25px,3.5vw,45px);max-width:460px;position:relative;z-index:1}.preview-hero h3 span{color:var(--accent)}.preview-hero p{color:#b7c8bc;max-width:370px}.preview-hero .preview-kicker{color:var(--accent)}.mini-button{display:inline-block;background:var(--accent);color:#15231b;border-radius:100px;padding:7px 13px;font-size:10px;font-weight:800;margin-top:14px}.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:15px}.preview-grid span{background:#edf2e9;border-radius:8px;min-height:62px;padding:12px 8px;font-size:10px;font-weight:800;color:#526154}.preview-grid span:first-child{background:var(--accent);color:#263320}.preview-about{display:grid;grid-template-columns:1fr 90px;gap:20px;align-items:center}.preview-visual{height:85px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#dce5d8);display:grid;place-items:center;color:#1f3324;font-size:24px}.preview-benefits ul,.preview-faq ul{list-style:none;margin:15px 0 0;padding:0;display:grid;gap:7px}.preview-benefits li,.preview-faq li{background:#f2f5f0;border-radius:7px;padding:8px 11px;font-size:10px;font-weight:700}.preview-benefits li:before{content:"✓";color:#66851b;margin-right:7px}.preview-faq li:after{content:"+";float:right}.preview-portfolio .preview-grid span{min-height:90px;background:linear-gradient(150deg,#e5ede3,#cdddcf)}.preview-catalog .preview-grid span{min-height:100px;background:#f1f3ed;position:relative;padding-top:70px}.preview-catalog .preview-grid span:before{content:"";position:absolute;left:8px;right:8px;top:8px;height:52px;border-radius:5px;background:linear-gradient(135deg,var(--accent),#e0e8d8)}.preview-contact{background:#dcecb9}.preview-contact .mini-button{background:#101a19;color:#fff}.preview-disclaimer{color:#738173;font-size:11px;margin:10px 0 0;text-align:center}.canvas[data-view=mobile] .preview-section{padding:19px}.canvas[data-view=mobile] .preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas[data-view=mobile] .preview-section.preview-hero{min-height:225px}.canvas[data-view=mobile] .preview-about{grid-template-columns:1fr}.canvas[data-view=mobile] .preview-visual{display:none}.brief-wrap{padding-bottom:100px}.brief-card{background:#101a19;color:#f3f1e9;border-radius:24px;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.brief-card .eyebrow{color:#d6f568}.brief-card h2{font-size:clamp(31px,3vw,44px);line-height:1.1;letter-spacing:-.06em;margin:15px 0}.brief-card p{color:#aebeaf;font-size:14px;max-width:390px}.brief-form label{margin-top:0;color:#dce5d7}.brief-form input,.brief-form textarea{margin-bottom:15px;background:#23372e;border:1px solid #405446;border-radius:10px;color:#fff;width:100%;padding:12px 14px;outline:none}.brief-form textarea{display:block;min-height:115px;resize:vertical;line-height:1.5}.brief-form input:focus,.brief-form textarea:focus{border-color:#d6f568;box-shadow:0 0 0 3px rgba(214,245,104,.13)}.brief-form input::placeholder,.brief-form textarea::placeholder{color:#a2b4a5}.brief-form .button{margin:5px 0 10px}.brief-form small{display:block;color:#99aa9a;font-size:11px}.builder-intro,.builder-layout,.brief-wrap{padding-left:40px;padding-right:40px}@media(max-width:1050px){.builder-layout{grid-template-columns:1fr}.builder-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.control-group+.control-group{border:0;margin:0;padding:0}.control-group:last-child{grid-column:1/-1}.preview-column{position:static}.preview-stage{min-height:500px}}@media(max-width:650px){.builder-intro,.builder-layout,.brief-wrap{padding-left:20px;padding-right:20px}.builder-intro{padding-top:55px;padding-bottom:35px}.builder-intro h1{font-size:48px}.builder-controls{display:block;padding:20px}.control-group+.control-group{border-top:1px solid #e0e6dc;margin-top:24px;padding-top:24px}.preview-stage{padding:12px;min-height:400px}.brief-card{grid-template-columns:1fr;padding:27px;gap:20px}.brief-wrap{padding-bottom:70px}.preview-subtitle{display:none}}
.empty-preview{padding:70px 20px;text-align:center;color:#738173;font-size:13px}.builder-error{color:#a63725;font-size:12px;font-weight:700;margin:10px 0 0}