.crm-workspace{display:grid;grid-template-columns:320px 1fr;gap:0;align-items:start}.sidebar{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto}.sidebar-hdr{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.sidebar-hdr h3{margin:0;font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.sidebar-hdr .count{font-family:var(--font-mono);color:var(--text-faint);font-size:11px}.sidebar .search{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;margin-bottom:14px}.sidebar .search input{flex:1;background:transparent;border:0;color:var(--text);font:inherit;outline:none}.sidebar .search input::placeholder{color:var(--text-faint)}.sidebar .search .ico{color:var(--text-faint)}.grp{margin-bottom:4px}.grp-hdr{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;user-select:none;border-radius:6px}.grp-hdr:hover{background:var(--surface-2)}.grp-meta{display:flex;align-items:center;gap:6px;color:var(--text-faint)}.grp-meta .chev{transition:transform .15s}.grp.collapsed .chev{transform:rotate(-90deg)}.grp.collapsed .grp-body{display:none}.grp-body{display:flex;flex-direction:column;gap:1px;padding:2px 0 8px}.page-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;cursor:pointer;font-size:12px;color:var(--text-muted);border:1px solid transparent;text-decoration:none}.page-item:hover{background:var(--surface-2);color:var(--text)}.page-item.active{background:var(--accent-dim);color:var(--text);border-color:var(--accent)}.page-item .path{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-item.active .path{color:var(--accent)}.page-item .badge{background:var(--surface-3);color:var(--text-faint);padding:1px 6px;border-radius:10px;font-size:10px;font-family:var(--font-mono)}.page-item.active .badge{background:var(--accent);color:var(--bg)}.add-page{margin-top:12px;padding:10px;border:1px dashed var(--border-strong);border-radius:8px;color:var(--text-muted);text-align:center;cursor:pointer;font-size:12px}.add-page:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.main{padding:0 28px;min-width:0}.page-hdr{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:22px}.page-hdr-l h2{margin:0 0 4px;font-family:var(--font-display);font-size:22px;font-weight:600;outline:none}.page-hdr-l h2:focus{color:var(--accent)}.page-hdr-l .path{font-family:var(--font-mono);font-size:12px;color:var(--accent)}.page-hdr-l .desc{font-size:13px;color:var(--text-muted);margin-top:8px;max-width:600px;outline:none}.page-hdr-l .desc:focus{color:var(--text)}.page-stats{display:flex;gap:18px;margin-top:12px;font-size:12px;color:var(--text-muted)}.page-stats b{color:var(--text);font-family:var(--font-mono);font-weight:600}.page-hdr-r{display:flex;gap:8px;flex-shrink:0}.empty{padding:40px;text-align:center;color:var(--text-faint);background:var(--surface);border:1px dashed var(--border);border-radius:12px}.sec{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .15s;margin-bottom:14px}.sec:hover{border-color:var(--border-strong)}.sec-hdr{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface-2);border-bottom:1px solid var(--border)}.drag-handle{cursor:grab;color:var(--text-faint);font-size:18px;padding:2px 4px}.drag-handle:hover{color:var(--text)}.sec-idx{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);background:var(--surface-3);padding:3px 7px;border-radius:4px}.type-badge{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:4px;cursor:pointer}.type-badge.hero{background:var(--bordeaux);color:#fff}.type-badge.text{background:var(--info-dim);color:var(--info)}.type-badge.split{background:var(--warning-dim);color:var(--warning)}.type-badge.pricing{background:var(--accent-dim);color:var(--accent)}.type-badge.gallery,.type-badge.gallery-slider{background:var(--success-dim);color:var(--success)}.type-badge.features{background:var(--info-dim);color:var(--info)}.type-badge.faq{background:var(--surface-3);color:var(--text-muted)}.type-badge.cta{background:var(--accent);color:var(--bg)}.type-badge.contact{background:var(--surface-3);color:var(--text)}.sec-title{flex:1;min-width:0;font-weight:500;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sec-title.empty{color:var(--text-faint);font-style:italic;font-weight:400}.sec-actions{display:flex;gap:4px}.sec-actions button{padding:6px 8px;border-radius:6px;background:transparent;border:1px solid transparent;color:var(--text-muted);cursor:pointer;font-size:12px}.sec-actions button:hover{background:var(--surface-3);color:var(--text);border-color:var(--border)}.sec-actions button:disabled{opacity:.3;cursor:not-allowed}.sec-actions button.danger:hover{color:var(--danger);border-color:var(--danger-dim)}.sec-body{padding:18px 20px}.field{margin-bottom:14px}.field:last-child{margin-bottom:0}.field-label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.input,.textarea{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:9px 11px;color:var(--text);font:inherit;outline:none;transition:border-color .15s}.input:focus,.textarea:focus{border-color:var(--accent)}.textarea{min-height:72px;resize:vertical;line-height:1.55;font-family:var(--font-body)}.input.lg{font-family:var(--font-display);font-size:20px;font-weight:600;padding:10px 12px}.input.md{font-size:15px;font-weight:500}.img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.img-thumb{position:relative;aspect-ratio:4/3;background:var(--surface-3);border-radius:6px;overflow:hidden;cursor:pointer;border:1px solid var(--border)}.img-thumb img{width:100%;height:100%;object-fit:cover;display:block}.img-thumb .overlay{position:absolute;inset:0;background:#0000008c;display:none;align-items:center;justify-content:center;gap:6px}.img-thumb:hover .overlay{display:flex}.img-thumb .overlay button{padding:4px 7px;font-size:11px;border-radius:4px}.img-add{border:1px dashed var(--border-strong);display:flex;align-items:center;justify-content:center;color:var(--text-faint);flex-direction:column;gap:4px;font-size:11px;cursor:pointer;aspect-ratio:4/3;border-radius:6px}.img-add:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.img-thumb.unmatched{border-color:var(--warning)}.img-thumb .badge-unmatched{position:absolute;top:4px;right:4px;background:var(--warning);color:var(--bg);font-size:9px;font-weight:700;padding:2px 5px;border-radius:4px;font-family:var(--font-mono)}.img-thumb.matched:after{content:"✓";position:absolute;bottom:4px;right:4px;background:var(--success);color:var(--bg);font-size:10px;font-weight:700;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;opacity:0;transition:opacity .15s}.img-thumb.matched:hover:after{opacity:1}.ctas{display:flex;flex-wrap:wrap;gap:8px}.cta-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:var(--accent-dim);border:1px solid var(--accent);border-radius:999px;font-size:12px;color:var(--accent)}.cta-chip .type{font-family:var(--font-mono);font-size:9px;padding:1px 5px;background:var(--accent);color:var(--bg);border-radius:3px;font-weight:600;text-transform:uppercase}.cta-chip .label{font-weight:500;outline:none}.cta-chip .href{color:var(--text-faint);font-family:var(--font-mono);font-size:11px;outline:none}.cta-chip .x{cursor:pointer;color:var(--text-faint);margin-left:4px}.cta-chip .x:hover{color:var(--danger)}.pricing-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:10px}.pricing-col{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;overflow:hidden}.pricing-col-hdr{background:var(--bordeaux);color:#fff;padding:10px 14px;display:flex;justify-content:space-between;align-items:center}.pricing-col-hdr input{background:transparent;border:0;color:#fff;font:inherit;font-weight:700;letter-spacing:.04em;flex:1;outline:none;text-transform:uppercase}.pricing-col-hdr .x{color:#fff9;cursor:pointer}.pricing-col-hdr .x:hover{color:#fff}.pricing-items{padding:6px 0}.pricing-item{display:grid;grid-template-columns:1fr auto 28px;gap:8px;align-items:center;padding:6px 14px}.pricing-item input{background:transparent;border:0;border-bottom:1px solid transparent;padding:4px 0;color:var(--text);font:inherit;outline:none;min-width:0}.pricing-item input:focus{border-bottom-color:var(--accent)}.pricing-item .price{font-family:var(--font-mono);text-align:right;color:var(--accent);font-weight:600;max-width:120px}.pricing-item .del{color:var(--text-faint);cursor:pointer;visibility:hidden;text-align:center}.pricing-item:hover .del{visibility:visible}.pricing-item .del:hover{color:var(--danger)}.pricing-add-item{padding:8px 14px;color:var(--text-faint);cursor:pointer;font-size:12px;border-top:1px solid var(--border)}.pricing-add-item:hover{color:var(--accent);background:var(--accent-dim)}.pricing-add-col{border:1px dashed var(--border-strong);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-faint);cursor:pointer;min-height:80px}.pricing-add-col:hover{color:var(--accent);border-color:var(--accent)}.feat-list{display:grid;gap:10px}.feat-row{display:grid;grid-template-columns:64px 1fr 32px;gap:14px;align-items:flex-start;padding:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px}.feat-icon{width:64px;height:64px;background:var(--surface-3);border-radius:8px;display:grid;place-items:center;color:var(--accent);cursor:pointer;flex-shrink:0}.feat-icon:hover{background:var(--accent-dim)}.feat-icon img{width:36px;height:36px;object-fit:contain}.feat-fields{display:grid;gap:8px;min-width:0}.feat-fields input.title{background:transparent;border:0;color:var(--text);font:inherit;font-weight:600;font-size:15px;outline:none;padding:2px 0;border-bottom:1px solid transparent}.feat-fields input.title:focus{border-bottom-color:var(--accent)}.feat-fields textarea.desc{background:transparent;border:1px solid transparent;color:var(--text-muted);font:inherit;font-size:13px;line-height:1.5;outline:none;padding:4px 6px;resize:vertical;min-height:40px;border-radius:4px;font-family:inherit;width:100%}.feat-fields textarea.desc:focus{border-color:var(--accent);background:var(--surface);color:var(--text)}.feat-del{color:var(--text-faint);cursor:pointer;text-align:center;visibility:hidden;align-self:center}.feat-row:hover .feat-del{visibility:visible}.feat-del:hover{color:var(--danger)}.cta-block{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:18px;text-align:center}.cta-block .heading{font-family:var(--font-display);font-size:18px;margin-bottom:8px}.contact-rows{display:grid;gap:8px}.contact-row{display:grid;grid-template-columns:100px 1fr 28px;gap:10px;align-items:center;padding:8px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px}.contact-row .type-sel{background:transparent;border:0;color:var(--text-muted);font:inherit;font-size:11px;text-transform:uppercase;letter-spacing:.04em;outline:none}.contact-row .val{background:transparent;border:0;color:var(--text);font:inherit;outline:none}.contact-row .del{color:var(--text-faint);cursor:pointer;text-align:center;visibility:hidden}.contact-row:hover .del{visibility:visible}.add-sec{display:flex;align-items:center;justify-content:center;padding:10px;opacity:0;transition:opacity .15s;cursor:pointer}#sectionsContainer:hover .add-sec{opacity:1}.add-sec .line{flex:1;height:1px;background:var(--border)}.add-sec .label{padding:4px 10px;background:var(--accent-dim);color:var(--accent);border-radius:999px;font-size:11px;font-weight:600}.add-sec:hover .line{background:var(--accent)}.add-sec-end{margin-top:18px;padding:24px;border:1px dashed var(--border-strong);border-radius:12px;text-align:center;cursor:pointer}.add-sec-end:hover{border-color:var(--accent);background:var(--accent-dim)}.add-sec-end h4{margin:0 0 4px;color:var(--text);font-size:14px}.add-sec-end p{margin:0;color:var(--text-faint);font-size:12px}.modal-bg{position:fixed;inset:0;background:#000000b3;display:none;align-items:center;justify-content:center;z-index:200}.modal-bg.show{display:flex}.modal{background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:14px;padding:24px;min-width:540px;max-width:720px;max-height:85vh;overflow-y:auto}.modal-wide{min-width:900px;max-width:1200px;width:90vw;max-height:90vh;display:flex;flex-direction:column;padding:20px}.modal-hdr{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border)}.img-picker-filters{display:flex;gap:10px;margin-bottom:14px}.img-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;flex:1;overflow-y:auto;padding:4px;min-height:300px}.img-picker-loading{grid-column:1/-1;text-align:center;padding:40px;color:var(--text-faint)}.img-pick-card{position:relative;aspect-ratio:4/3;background:var(--surface-2);border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .15s,transform .15s}.img-pick-card:hover{border-color:var(--accent);transform:translateY(-2px)}.img-pick-card img{width:100%;height:100%;object-fit:cover;display:block}.img-pick-card .meta{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);padding:22px 8px 6px;color:#fff;font-size:10px;pointer-events:none}.img-pick-card .meta .cat{display:inline-block;background:var(--accent);color:var(--bg);padding:1px 5px;border-radius:3px;font-family:var(--font-mono);font-weight:600;text-transform:uppercase;font-size:9px;margin-bottom:2px}.img-pick-card .meta .alt{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.img-picker-status{padding:8px;color:var(--text-faint);font-size:12px;text-align:center}.sec.dragging{opacity:.4}.sec.drag-over{border-color:var(--accent)!important;border-top:3px solid var(--accent)!important}.modal h3{margin:0 0 6px;font-family:var(--font-display);font-size:20px}.modal .sub{color:var(--text-muted);margin:0 0 18px;font-size:13px}.type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.type-card{display:flex;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;cursor:pointer}.type-card:hover{border-color:var(--accent);background:var(--accent-dim)}.type-card .ico{width:36px;height:36px;background:var(--surface-2);border-radius:8px;display:grid;place-items:center;font-size:18px;flex-shrink:0}.type-card h5{margin:0 0 2px;font-size:13px}.type-card p{margin:0;font-size:11px;color:var(--text-faint)}.save-bar{position:fixed;bottom:24px;right:24px;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:12px;padding:14px 18px;box-shadow:0 10px 30px #0006;display:flex;align-items:center;gap:12px;z-index:50}.save-bar.hidden{display:none}.save-bar .status{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:12px}.save-bar .dot{width:8px;height:8px;border-radius:50%;background:var(--warning)}.save-bar.success .dot{background:var(--success)}.save-bar.error .dot{background:var(--danger)}.save-bar.saving .dot{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}