:root{--bg: #f4f5f7;--surface: #ffffff;--border: #e3e6eb;--text: #1f2937;--muted: #6b7280;--primary: #2563eb;--primary-hover: #1d4ed8;--danger: #dc2626;--radius: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .06);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text)}button{font:inherit;cursor:pointer}.builder{display:flex;flex-direction:column;height:100vh}.builder__body{display:grid;grid-template-columns:240px 1fr 300px;flex:1;min-height:0}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.toolbar__brand{font-weight:700;letter-spacing:.3px}.toolbar__actions{display:flex;gap:8px}.toolbar button{background:var(--surface);border:1px solid var(--border);padding:6px 12px;border-radius:var(--radius);color:var(--text)}.toolbar button:hover{border-color:var(--primary);color:var(--primary)}.toolbar__danger:hover{border-color:var(--danger)!important;color:var(--danger)!important}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:16px;overflow-y:auto}.sidebar__title{font-size:14px;text-transform:uppercase;color:var(--muted);margin:0 0 12px;letter-spacing:.5px}.sidebar__list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.sidebar__item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);text-align:left;color:var(--text);transition:all .15s ease}.sidebar__item:hover{border-color:var(--primary);background:#fff;transform:translateY(-1px);box-shadow:var(--shadow)}.sidebar__icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:var(--primary);color:#fff;font-weight:700;font-size:13px}.sidebar__hint{margin-top:16px;font-size:12px;color:var(--muted)}.canvas{padding:24px;overflow-y:auto}.canvas__empty{border:2px dashed var(--border);border-radius:var(--radius);padding:60px 20px;text-align:center;color:var(--muted)}.canvas__section{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.canvas__section:hover{border-color:#b9c0cc}.canvas__section.is-selected{border-color:var(--primary);box-shadow:0 0 0 2px #2563eb26}.canvas__section-handle{position:absolute;top:8px;left:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffffd9;border:1px solid var(--border);border-radius:4px;cursor:grab;font-size:12px;color:var(--muted);z-index:2}.inspector{background:var(--surface);border-left:1px solid var(--border);padding:16px;overflow-y:auto;display:flex;flex-direction:column}.inspector__title{font-size:14px;text-transform:uppercase;color:var(--muted);margin:0 0 12px;letter-spacing:.5px}.inspector__empty{color:var(--muted);font-size:14px}.inspector__delete{margin-top:auto;background:transparent;border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius);padding:8px}.inspector__delete:hover{background:var(--danger);color:#fff}.editor-form{display:grid;gap:12px;margin-bottom:16px}.editor-form__field{display:grid;gap:4px;font-size:13px;color:var(--muted)}.editor-form__field input,.editor-form__field textarea{font:inherit;color:var(--text);padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:#fff;resize:vertical}.editor-form__field input:focus,.editor-form__field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.block-hero{position:relative;min-height:280px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden}.block-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:brightness(.55)}.block-hero__content{position:relative;padding:40px 24px;max-width:720px}.block-hero__content h1{margin:0 0 8px;font-size:36px}.block-hero__content p{margin:0;font-size:16px;opacity:.9}.block-cta{padding:40px 24px;text-align:center;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff}.block-cta h2{margin:0 0 16px;font-size:24px}.block-cta__button{background:#fff;color:var(--primary);border:none;padding:10px 22px;border-radius:999px;font-weight:600}.block-cta__button:hover{background:#f1f5ff}.block-unknown{padding:16px;color:var(--danger);background:#fff5f5;font-family:monospace}