*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Arial,sans-serif;color:#182126;background:#eef0ed;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}.builder-app{height:100%;min-height:700px;display:grid;grid-template-rows:64px minmax(0,1fr);overflow:hidden}.builder-topbar{display:grid;grid-template-columns:300px 1fr auto;align-items:center;gap:18px;height:64px;padding:0 16px;border-bottom:1px solid #d8dcd7;background:#fff;position:relative;z-index:20}.builder-brand{display:flex;align-items:center;gap:11px;min-width:0}.builder-mark{width:36px;height:36px;display:grid;place-items:center;background:#15343a;color:#fff;font-size:10px;font-weight:850;letter-spacing:.08em}.builder-brand>div:last-child{display:grid;line-height:1.2}.builder-brand strong{font-size:14px;letter-spacing:-.01em}.builder-brand span{margin-top:2px;color:#7b8582;font-size:11px}.topbar-center{display:flex;justify-content:center;min-width:0}.page-switcher{display:inline-flex;padding:3px;border:1px solid #dce0dc;background:#f4f5f2;border-radius:9px}.page-switcher button{border:0;background:transparent;padding:7px 11px;border-radius:6px;color:#69736f;font-size:12px;font-weight:650;cursor:pointer}.page-switcher button.active{background:#fff;color:#172126;box-shadow:0 1px 3px #141e1a14}.topbar-actions{display:flex;align-items:center;gap:8px}.save-state{display:flex;align-items:center;gap:6px;margin-right:4px;color:#77817e;font-size:11px;white-space:nowrap}.save-dot{width:7px;height:7px;border-radius:50%;background:#5ea96d;box-shadow:0 0 0 3px #5ea96d1a}.icon-button,.export-button{border:1px solid #d7dcd8;background:#fff;cursor:pointer}.icon-button{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;color:#66706d}.icon-button:hover{background:#f5f6f3}.export-button{height:38px;display:flex;align-items:center;gap:7px;padding:0 13px;border-color:#16363b;border-radius:8px;background:#16363b;color:#fff;font-size:12px;font-weight:750}.export-button:hover{background:#0f2c31}.export-button.blocked{background:#8b493f;border-color:#8b493f}.builder-body{min-height:0;display:grid;grid-template-columns:310px minmax(520px,1fr) 298px;overflow:hidden}.editor-sidebar,.quality-panel{min-height:0;background:#fff}.editor-sidebar{border-right:1px solid #d8dcd7;display:grid;grid-template-rows:49px minmax(0,1fr)}.quality-panel{border-left:1px solid #d8dcd7;overflow:auto;padding:18px}.sidebar-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:7px;border-bottom:1px solid #e0e3df}.sidebar-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:6px;background:transparent;color:#7b8581;padding:8px 4px;font-size:11px;font-weight:700;cursor:pointer}.sidebar-tabs button.active{background:#eef3ef;color:#17363a}.sidebar-scroll{min-height:0;overflow:auto}.side-section{border-bottom:1px solid #e4e7e3}.side-section-title{width:100%;height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border:0;background:#fff;color:#28332f;font-size:12px;font-weight:780;cursor:pointer}.side-section-title svg{color:#9aa39f;transition:transform .16s ease}.side-section.open .side-section-title svg{transform:rotate(180deg)}.side-section-body{display:grid;gap:13px;padding:0 14px 17px}.editor-field{display:grid;gap:6px}.field-label,.control-label{color:#4d5955;font-size:11px;font-weight:720}.editor-field input,.editor-field textarea{width:100%;border:1px solid #d5dad5;border-radius:7px;background:#fff;padding:9px 10px;color:#1b2521;font-size:12px;line-height:1.45;outline:0;transition:border-color .14s ease,box-shadow .14s ease}.editor-field textarea{resize:vertical;min-height:76px}.editor-field input:focus,.editor-field textarea:focus{border-color:#76918a;box-shadow:0 0 0 3px #476e6417}.editor-field small,.tiny-note{color:#89918e;font-size:10px;line-height:1.45}.quick-niches{display:flex;flex-wrap:wrap;gap:6px}.quick-niches button{border:1px solid #dce1dc;border-radius:999px;background:#f8f9f7;color:#65706c;padding:5px 8px;font-size:10px;cursor:pointer}.quick-niches button:hover{border-color:#98aaa4;color:#17363a}.toggle-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.toggle-row>span:first-child{display:grid;gap:2px}.toggle-row strong{font-size:11px;color:#34403b}.toggle-row small{font-size:9px;color:#909995}.switch{position:relative;flex:0 0 auto;width:31px;height:18px;border-radius:999px;background:#d8ddda;transition:background .14s ease}.switch i{position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000021;transition:transform .14s ease}.switch.on{background:#305e55}.switch.on i{transform:translate(13px)}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;border:1px solid #dce1dc;border-radius:7px;background:#f5f6f4}.segmented button{border:0;background:transparent;border-radius:5px;color:#747e7a;padding:7px 5px;font-size:10px;font-weight:680;cursor:pointer}.segmented button.active{background:#fff;color:#17363a;box-shadow:0 1px 2px #141e1a1a}.control-label.spaced{margin-top:5px}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.color-control{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:8px;border:1px solid #dce1dc;border-radius:7px;background:#fafbf9;cursor:pointer}.color-control>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#65706c}.color-control i{width:16px;height:16px;border:1px solid rgba(0,0,0,.08);border-radius:4px}.color-control input{width:21px;height:21px;border:0;padding:0;background:transparent;cursor:pointer}.seo-callout{display:flex;align-items:flex-start;gap:7px;padding:9px;background:#edf4ef;border:1px solid #d8e6db;border-radius:7px;color:#52645d;font-size:10px;line-height:1.45}.seo-callout svg{flex:0 0 auto;margin-top:1px;color:#48745f}.seo-callout code{font-size:9px}.serp-preview{display:grid;gap:4px;padding:10px;border:1px solid #e1e4e1;border-radius:7px;background:#fafafa}.serp-preview span{color:#4c7258;font-size:9px}.serp-preview strong{color:#254fa3;font-size:12px;font-weight:500}.serp-preview p{margin:0;color:#69716e;font-size:9px;line-height:1.4}.preview-stage{min-width:0;min-height:0;display:grid;grid-template-rows:46px minmax(0,1fr);background:#e8eae7;overflow:hidden}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 14px;border-bottom:1px solid #d5d9d5;background:#f5f6f4}.preview-path{min-width:0;display:flex;align-items:center;gap:7px;color:#707a76;font-size:10px}.preview-path span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-path em{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;color:#44685f;background:#e3ece7;padding:3px 6px;border-radius:999px}.device-toggle{display:flex;border:1px solid #d5dad6;border-radius:7px;background:#fff;overflow:hidden}.device-toggle button{width:34px;height:29px;display:grid;place-items:center;border:0;border-right:1px solid #e0e3e0;background:#fff;color:#89928e;cursor:pointer}.device-toggle button:last-child{border-right:0}.device-toggle button.active{background:#17363a;color:#fff}.preview-viewport{min-height:0;overflow:auto;padding:24px;display:flex;justify-content:center;align-items:flex-start}.preview-viewport iframe{display:block;height:100%;min-height:640px;border:0;background:#fff;box-shadow:0 16px 48px #1f2c2624;transition:width .2s ease;border-radius:2px}.preview-viewport.desktop iframe{width:100%;max-width:1440px}.preview-viewport.tablet iframe{width:768px;max-width:100%}.preview-viewport.mobile iframe{width:390px;max-width:100%}.quality-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #e1e4e1}.quality-head>div:first-child{display:grid;gap:4px}.panel-kicker{display:flex;align-items:center;gap:5px;color:#7d8783;font-size:9px;font-weight:780;letter-spacing:.07em;text-transform:uppercase}.quality-head strong{font-size:29px;letter-spacing:-.045em;color:#1c2b26}.quality-head strong small{font-size:12px;color:#8b9490;font-weight:600;letter-spacing:0}.score-ring{--score:360deg;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#4b8769 var(--score),#e3e7e4 0);position:relative}.score-ring:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}.score-ring span{position:relative;z-index:2;display:grid;place-items:center;color:#3d795d}.score-ring.warning{background:conic-gradient(#af6555 var(--score),#e6e7e5 0)}.score-ring.warning span{color:#a55548}.gate-summary{display:flex;gap:9px;margin:14px 0;padding:10px;border-radius:7px}.gate-summary svg{flex:0 0 auto;margin-top:1px}.gate-summary div{display:grid;gap:1px}.gate-summary strong{font-size:10px}.gate-summary span{font-size:9px}.gate-summary.ok{background:#ecf5ee;color:#39654c}.gate-summary.warning{background:#f8ece9;color:#874c42}.quality-note{display:flex;gap:8px;padding:10px 0 14px;border-bottom:1px solid #e4e7e4;color:#75807c}.quality-note svg{flex:0 0 auto;margin-top:1px}.quality-note p{margin:0;font-size:9px;line-height:1.5}.quality-note strong{color:#47534f}.audit-list{padding:8px 0}.audit-row{display:grid;grid-template-columns:20px 1fr;gap:7px;align-items:start;padding:7px 0}.audit-icon{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;margin-top:1px}.audit-row.pass .audit-icon{background:#e9f3ec;color:#47775c}.audit-row.fail .audit-icon{background:#f8eae7;color:#9a5044}.audit-row div{display:grid;gap:1px}.audit-row strong{font-size:9.5px;line-height:1.25;color:#3f4b47}.audit-row small{font-size:8px;color:#9aa29f}.export-contents{display:grid;gap:7px;margin-top:8px;padding-top:14px;border-top:1px solid #e1e4e1}.file-pill{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid #e0e4e0;border-radius:7px;background:#fafbf9;color:#67716d;font-size:9px}.file-pill svg{color:#58766b}@media (max-width:1200px){.builder-body{grid-template-columns:290px minmax(480px,1fr) 260px}.builder-topbar{grid-template-columns:270px 1fr auto}.quality-panel{padding:14px}.save-state{display:none}}@media (max-width:980px){.builder-body{grid-template-columns:280px 1fr}.quality-panel{display:none}.builder-topbar{grid-template-columns:235px 1fr auto}.page-switcher button{padding-inline:8px}.topbar-center{justify-content:flex-start}.builder-brand span{display:none}}@media (max-width:760px){.builder-app{overflow:auto;height:auto;min-height:100%}.builder-topbar{position:sticky;top:0;grid-template-columns:1fr auto;height:58px}.topbar-center{display:none}.builder-body{display:block;overflow:visible}.editor-sidebar{height:auto;border-right:0}.preview-stage{height:740px;border-top:1px solid #d8dcd7}.topbar-actions .icon-button{display:none}.editor-sidebar{grid-template-rows:49px auto}.sidebar-scroll{overflow:visible}.builder-brand span{display:block}.export-button{padding-inline:10px}.preview-viewport{padding:12px}}