@charset "UTF-8";:root{--be-primary: #4f46e5;--be-primary-hover: #4338ca;--be-danger: #ef4444;--be-danger-hover: #dc2626;--be-bg: #f8f9fa;--be-surface: #ffffff;--be-border: #e5e7eb;--be-border-hover: #c8cdd6;--be-text: #111827;--be-text-muted: #6b7280;--be-text-inverse: #ffffff;--be-sidebar-w: 260px;--be-topbar-h: 52px;--be-radius: 6px;--be-radius-lg: 10px;--be-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.08);--be-shadow-lg: 0 4px 16px rgba(0,0,0,.14);--be-transition: .16s ease;--be-font: system-ui, -apple-system, sans-serif;--be-font-mono: "Courier New", monospace}.be-root *,.be-root *:before,.be-root *:after{box-sizing:border-box}.be-root{display:flex;flex-direction:column;height:100%;font-family:var(--be-font);font-size:14px;color:var(--be-text);background:var(--be-bg);overflow:hidden}.be-topbar{display:flex;align-items:center;justify-content:space-between;height:var(--be-topbar-h);padding:0 12px;background:var(--be-surface);border-bottom:1px solid var(--be-border);box-shadow:var(--be-shadow);flex-shrink:0;z-index:100;gap:12px}.be-topbar__left{display:flex;align-items:center;gap:10px}.be-topbar__title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--be-text);white-space:nowrap}.be-topbar__title svg{color:var(--be-primary);width:16px;height:16px;flex-shrink:0}.be-topbar__actions{display:flex;align-items:center;gap:4px}.be-topbar__right{display:flex;align-items:center;gap:8px;margin-left:auto}.be-topbar__btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:1px solid var(--be-border);border-radius:var(--be-radius);background:transparent;color:var(--be-text);font-size:13px;font-family:var(--be-font);cursor:pointer;transition:background var(--be-transition),border-color var(--be-transition),color var(--be-transition);white-space:nowrap}.be-topbar__btn svg{flex-shrink:0;width:15px;height:15px}.be-topbar__btn span{font-size:13px}.be-topbar__btn:hover:not(:disabled){background:var(--be-bg);border-color:var(--be-border-hover)}.be-topbar__btn:disabled{opacity:.35;cursor:not-allowed}.be-topbar__btn.be-btn--primary{background:var(--be-primary);border-color:var(--be-primary);color:var(--be-text-inverse)}.be-topbar__btn.be-btn--primary:hover:not(:disabled){background:var(--be-primary-hover);border-color:var(--be-primary-hover)}.be-workspace{display:flex;flex:1;overflow:hidden}.be-sidebar{display:flex;flex-direction:column;width:var(--be-sidebar-w);flex-shrink:0;background:var(--be-surface);border-right:1px solid var(--be-border);overflow:hidden}.be-sidebar__tabs{display:flex;border-bottom:1px solid var(--be-border);background:var(--be-bg);flex-shrink:0}.be-sidebar__tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;border:none;background:transparent;color:var(--be-text-muted);font-size:10px;font-family:var(--be-font);cursor:pointer;transition:color var(--be-transition),background var(--be-transition);border-bottom:2px solid transparent}.be-sidebar__tab svg{width:16px;height:16px}.be-sidebar__tab span{font-size:10px;line-height:1}.be-sidebar__tab:hover{color:var(--be-text);background:var(--be-border)}.be-sidebar__tab--active{color:var(--be-primary);border-bottom-color:var(--be-primary);background:var(--be-surface)}.be-sidebar__content{flex:1;overflow-y:auto;padding:0}.be-sidebar__back{display:flex;align-items:center;gap:6px;width:100%;padding:7px 10px;border:none;border-bottom:1px solid var(--be-border);background:transparent;color:var(--be-text-muted);font-size:12px;font-family:var(--be-font);cursor:pointer;line-height:1}.be-sidebar__back svg{width:14px;height:14px;flex-shrink:0}.be-sidebar__back:hover{background:var(--be-bg);color:var(--be-text)}.be-sidebar__placeholder{padding:24px 16px;color:var(--be-text-muted);font-size:13px;text-align:center}.be-blocks-list{padding:12px}.be-blocks-list__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--be-text-muted);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--be-border)}.be-blocks-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.be-block-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 8px;border:1px solid var(--be-border);border-radius:var(--be-radius);background:var(--be-bg);cursor:grab;transition:border-color var(--be-transition),box-shadow var(--be-transition),background var(--be-transition);-webkit-user-select:none;user-select:none}.be-block-item:hover{border-color:var(--be-primary);background:#eef2ff;box-shadow:0 0 0 3px #4f46e514}.be-block-item:active{cursor:grabbing}.be-block-item__icon{display:flex;align-items:center;justify-content:center;color:var(--be-primary)}.be-block-item__icon svg{width:20px;height:20px}.be-block-item__label{font-size:11px;font-weight:500;color:var(--be-text);text-align:center}.be-block-item.be-dragging{opacity:.5;cursor:grabbing}.be-layout-list{padding:12px}.be-layout-item{display:flex;flex-direction:column;gap:6px;padding:10px;margin-bottom:8px;border:1px solid var(--be-border);border-radius:var(--be-radius);background:var(--be-bg);cursor:pointer;transition:border-color var(--be-transition),background var(--be-transition)}.be-layout-item:hover{border-color:var(--be-primary);background:#eef2ff}.be-layout-item span{font-size:12px;color:var(--be-text-muted)}.be-layout-item__preview{display:flex;gap:4px;height:28px}.be-layout-item__col{background:var(--be-border);border-radius:3px;flex:1;display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--be-text-muted)}.be-canvas-wrap{position:relative;flex:1;overflow-y:auto;padding:24px;background:var(--be-bg);display:flex;flex-direction:column;gap:12px}.be-canvas-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:400px;gap:16px;text-align:center;color:var(--be-text-muted)}.be-canvas-empty svg{color:var(--be-border-hover)}.be-canvas-empty h3{font-size:18px;font-weight:600;color:var(--be-text);margin:0}.be-canvas-empty p{margin:0;font-size:14px}.be-section{position:relative;border-radius:var(--be-radius-lg);border:2px solid transparent;transition:border-color var(--be-transition)}.be-section:hover{border-color:var(--be-border)}.be-section.be-selected{border-color:var(--be-primary)!important;box-shadow:0 0 0 3px #4f46e51f}.be-section-toolbar{display:flex;align-items:center;gap:2px;padding:4px 8px;opacity:0;transition:opacity var(--be-transition);background:#ffffffe6;border-radius:var(--be-radius) var(--be-radius) 0 0}.be-section:hover .be-section-toolbar{opacity:1}.be-section-toolbar__label{font-size:11px;font-weight:600;color:var(--be-text-muted);text-transform:uppercase;letter-spacing:.04em;flex:1}.be-section-toolbar__btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:var(--be-radius);background:transparent;color:var(--be-text-muted);cursor:pointer;transition:background var(--be-transition),color var(--be-transition)}.be-section-toolbar__btn:hover{background:var(--be-border);color:var(--be-text)}.be-section-toolbar__btn:last-child:hover{background:#fee2e2;color:var(--be-danger)}.be-row{display:flex;align-items:stretch;min-height:40px;padding:0 8px;margin:4px 0;border:1px dashed transparent;border-radius:var(--be-radius);transition:border-color var(--be-transition)}.be-row:hover{border-color:var(--be-border)}.be-row.be-selected{border-color:var(--be-primary);background:#4f46e508}.be-column{position:relative;display:flex;flex-direction:column;gap:8px;min-height:60px;min-width:0;border:1px dashed transparent;border-radius:var(--be-radius);transition:border-color var(--be-transition),background var(--be-transition);padding:8px}.be-column:hover{border-color:var(--be-border-hover)}.be-column.be-selected{border-color:var(--be-primary);background:#4f46e508}.be-column.be-drop-over{border-color:var(--be-primary);background:#4f46e50f;box-shadow:inset 0 0 0 2px #4f46e533}.be-column__empty{display:flex;align-items:center;justify-content:center;height:60px;border:2px dashed var(--be-border);border-radius:var(--be-radius);color:var(--be-text-muted);font-size:12px;pointer-events:none;background:#00000003}.be-add-row-wrap{padding:4px 8px 8px;text-align:center}.be-add-row-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border:1px dashed var(--be-border-hover);border-radius:var(--be-radius);background:transparent;color:var(--be-text-muted);font-size:12px;font-family:var(--be-font);cursor:pointer;transition:border-color var(--be-transition),color var(--be-transition),background var(--be-transition)}.be-add-row-btn:hover{border-color:var(--be-primary);color:var(--be-primary);background:#4f46e50a}.be-add-section-bar{display:flex;justify-content:center;padding:12px 0}.be-add-section-bar__btn{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border:2px dashed var(--be-border-hover);border-radius:var(--be-radius-lg);background:var(--be-surface);color:var(--be-text-muted);font-size:13px;font-family:var(--be-font);font-weight:500;cursor:pointer;transition:border-color var(--be-transition),color var(--be-transition),background var(--be-transition)}.be-add-section-bar__btn:hover{border-color:var(--be-primary);color:var(--be-primary);background:#eef2ff}.be-block{position:relative;border-radius:var(--be-radius);border:2px solid transparent;transition:border-color var(--be-transition);outline:none}.be-block:hover,.be-block:focus-within{border-color:var(--be-border-hover)}.be-block:hover .be-block-toolbar,.be-block:focus-within .be-block-toolbar{opacity:1;pointer-events:all}.be-block--selected{border-color:var(--be-primary)!important;box-shadow:0 0 0 3px #4f46e51f}.be-block--selected .be-block-toolbar{opacity:1;pointer-events:all}.be-block__content{display:block}.be-block__unknown{padding:12px;background:#fef3c7;border:1px solid #fbbf24;border-radius:var(--be-radius);color:#92400e;font-size:12px}.be-block.be-dragging{opacity:.4}.be-block-toolbar{position:absolute;top:-1px;right:-1px;display:flex;align-items:center;gap:1px;padding:3px;background:var(--be-surface);border:1px solid var(--be-border);border-radius:0 var(--be-radius) 0 var(--be-radius);box-shadow:var(--be-shadow);opacity:0;pointer-events:none;transition:opacity var(--be-transition);z-index:10}.be-block-toolbar__btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:var(--be-text-muted);cursor:pointer;transition:background var(--be-transition),color var(--be-transition)}.be-block-toolbar__btn svg{width:13px;height:13px}.be-block-toolbar__btn:hover{background:var(--be-border);color:var(--be-text)}.be-block-toolbar__btn:last-child:hover{background:#fee2e2;color:var(--be-danger)}.be-properties{padding:12px}.be-properties__empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 16px;text-align:center;color:var(--be-text-muted)}.be-properties__empty svg{color:var(--be-border-hover)}.be-properties__empty p{margin:0;font-size:12px;line-height:1.5}.be-properties__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--be-text-muted);margin-bottom:4px;padding-bottom:8px;border-bottom:1px solid var(--be-border)}.be-properties__block-type{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:13px;font-weight:600;color:var(--be-primary)}.be-properties__block-type svg{width:16px;height:16px}.be-properties__form{display:flex;flex-direction:column;gap:12px;margin-top:12px}.be-field{display:flex;flex-direction:column;gap:4px}.be-field__label{font-size:11px;font-weight:500;color:var(--be-text-muted)}.be-field__input,.be-field__select,.be-field__textarea{width:100%;padding:6px 8px;border:1px solid var(--be-border);border-radius:var(--be-radius);background:var(--be-surface);color:var(--be-text);font-size:13px;font-family:var(--be-font);transition:border-color var(--be-transition),box-shadow var(--be-transition)}.be-field__input:focus,.be-field__select:focus,.be-field__textarea:focus{outline:none;border-color:var(--be-primary);box-shadow:0 0 0 3px #4f46e51f}.be-field__textarea{resize:vertical;min-height:70px;font-family:var(--be-font-mono);font-size:12px}.be-field__color-wrap{display:flex;align-items:center;gap:8px}.be-field__color{width:36px;height:32px;padding:2px;border:1px solid var(--be-border);border-radius:var(--be-radius);cursor:pointer;background:transparent}.be-field__range-wrap{display:flex;align-items:center;gap:8px}.be-field__range{flex:1;accent-color:var(--be-primary);cursor:pointer}.be-field__range-val{font-size:12px;font-weight:600;color:var(--be-text);min-width:36px;text-align:right}.be-field__asset{display:flex;flex-direction:column;gap:8px}.be-field__asset-preview{width:100%;max-height:120px;object-fit:cover;border-radius:var(--be-radius);border:1px solid var(--be-border)}.be-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:1px solid var(--be-border);border-radius:var(--be-radius);background:var(--be-surface);color:var(--be-text);font-size:13px;font-family:var(--be-font);font-weight:500;cursor:pointer;transition:background var(--be-transition),border-color var(--be-transition),color var(--be-transition)}.be-btn:hover{background:var(--be-bg);border-color:var(--be-border-hover)}.be-btn--primary{background:var(--be-primary);border-color:var(--be-primary);color:var(--be-text-inverse)}.be-btn--primary:hover{background:var(--be-primary-hover);border-color:var(--be-primary-hover)}.be-btn--outline{background:transparent;border-color:var(--be-primary);color:var(--be-primary)}.be-btn--outline:hover{background:#eef2ff}.be-btn--sm{padding:4px 10px;font-size:12px}.be-btn--danger{background:var(--be-danger);border-color:var(--be-danger);color:#fff}.be-btn--danger:hover{background:var(--be-danger-hover);border-color:var(--be-danger-hover)}.be-block-text{position:relative}.be-block-text__content{min-height:24px;line-height:1.6}.be-block-text__content:empty:before{content:attr(data-placeholder);color:var(--be-text-muted)}.be-block-text__content:focus{outline:none}.be-block-text__content p{margin:0 0 .5em}.be-block-text__content p:last-child{margin-bottom:0}.be-block-text__content a{color:var(--be-primary)}.be-block-text__content strong{font-weight:700}.be-block-text__content[data-tag=label]{display:block;font-size:13px;font-weight:500;color:var(--be-text-muted);text-transform:uppercase;letter-spacing:.05em}.be-text-toolbar{display:none;align-items:center;gap:2px;flex-wrap:wrap;padding:4px;margin-bottom:4px;background:var(--be-surface);border:1px solid var(--be-border);border-radius:var(--be-radius);box-shadow:var(--be-shadow)}.be-text-toolbar--visible{display:flex}.be-text-toolbar__btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 4px;border:none;border-radius:4px;background:transparent;color:var(--be-text);font-size:13px;cursor:pointer}.be-text-toolbar__btn:hover{background:var(--be-border)}.be-block-button__btn{display:inline-block;text-decoration:none;font-family:var(--be-font);font-weight:600;font-size:14px;line-height:1;cursor:pointer;transition:opacity .15s}.be-block-button__btn:hover{opacity:.88}.be-block-button__btn[contenteditable=true]{cursor:text;outline:none}.be-block-image__container{position:relative;display:inline-block;max-width:100%}.be-block-image__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff;font-size:13px;font-weight:600;cursor:pointer;opacity:0;transition:opacity var(--be-transition);border-radius:4px}.be-block-image__overlay:hover{opacity:1}.be-block-divider hr{border:none;margin:0}.be-block-spacer{display:flex;align-items:center;justify-content:center}.be-block-spacer__label{font-size:11px;color:var(--be-text-muted);background:var(--be-border);padding:2px 8px;border-radius:20px}.be-collapse{border-bottom:1px solid var(--be-border)}.be-collapse__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:none;border:none;cursor:pointer;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--be-text-muted);text-align:left;transition:background var(--be-transition),color var(--be-transition)}.be-collapse__header:hover{background:var(--be-bg);color:var(--be-text)}.be-collapse__chevron{width:14px;height:14px;flex-shrink:0;transition:transform .2s ease;color:var(--be-text-muted)}.be-collapse__body{padding:10px 14px 14px;display:none;flex-direction:column;gap:8px}.be-collapse--open .be-collapse__body{display:flex}.be-collapse--open .be-collapse__chevron{transform:rotate(180deg)}.be-settings__field-row{display:flex;flex-direction:column;gap:3px}.be-settings__field-label{font-size:11px;font-weight:500;color:var(--be-text-muted)}.be-settings__inline-group{display:grid;grid-template-columns:1fr 1fr;gap:8px}.be-settings__color-wrap{display:flex;align-items:center;gap:6px}.be-settings__color{width:36px;height:30px;padding:2px;border:1px solid var(--be-border);border-radius:var(--be-radius);cursor:pointer;background:transparent;flex-shrink:0}.be-settings__color-hex{font-size:11px;color:var(--be-text-muted);font-family:var(--be-font-mono)}.be-settings__json-input{width:100%;padding:8px;border:1px solid var(--be-border);border-radius:var(--be-radius);background:var(--be-surface);color:var(--be-text);font-size:11px;font-family:var(--be-font-mono);resize:vertical;transition:border-color var(--be-transition)}.be-settings__json-input:focus{outline:none;border-color:var(--be-primary)}.be-settings__import-btns{display:flex;gap:8px;flex-wrap:wrap}.be-settings__feedback{font-size:12px;font-weight:500;min-height:18px}.be-settings__feedback--ok{color:#16a34a}.be-settings__feedback--err{color:var(--be-danger)}.be-markdown-editor{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--be-bg)}.be-markdown-editor__body{flex:1;display:flex;overflow:hidden}.be-markdown-editor__pane{display:flex;flex-direction:column;flex:1;overflow:hidden}.be-markdown-editor__pane--md{border-right:1px solid var(--be-border)}.be-markdown-editor__pane-label{padding:6px 16px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--be-text-muted);background:var(--be-surface);border-bottom:1px solid var(--be-border);flex-shrink:0}.be-markdown-editor__textarea{flex:1;resize:none;border:none;outline:none;padding:20px 24px;font-family:var(--be-font-mono);font-size:14px;line-height:1.8;color:var(--be-text);background:var(--be-bg);tab-size:2}.be-markdown-editor__textarea::placeholder{color:var(--be-text-muted)}.be-markdown-editor__divider{width:1px;background:var(--be-border);flex-shrink:0}.be-markdown-editor__preview{flex:1;overflow-y:auto;padding:20px 28px}.be-markdown-samples{width:168px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--be-border);background:var(--be-surface);overflow-y:auto}.be-markdown-samples__section{display:flex;flex-direction:column;border-bottom:1px solid var(--be-border)}.be-markdown-samples__title{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px 7px;border:none;border-bottom:1px solid var(--be-border);background:var(--be-surface);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--be-text-muted);cursor:pointer;position:sticky;top:0;z-index:1;transition:color var(--be-transition)}.be-markdown-samples__title:hover{color:var(--be-text)}.be-markdown-samples__chevron{flex-shrink:0;transition:transform .2s ease;opacity:.6}.be-markdown-samples__section--open .be-markdown-samples__chevron{transform:rotate(180deg)}.be-markdown-samples__body{display:none;flex-direction:column}.be-markdown-samples__section--open .be-markdown-samples__body{display:flex}.be-markdown-samples__item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 12px;border:none;border-bottom:1px solid color-mix(in srgb,var(--be-border) 50%,transparent);background:none;color:var(--be-text);font-size:12px;font-weight:500;text-align:left;cursor:pointer;transition:background var(--be-transition),color var(--be-transition)}.be-markdown-samples__item:hover{background:color-mix(in srgb,var(--be-primary) 10%,transparent);color:var(--be-primary)}.be-markdown-samples__icon{font-size:14px;width:18px;text-align:center;flex-shrink:0;opacity:.75}.be-mermaid{display:flex;justify-content:center;background:#1e1e2e;border-radius:var(--be-radius);padding:16px;margin:0 0 1em;overflow-x:auto}.be-mermaid svg{max-width:100%;height:auto}.be-markdown-toolbar{display:flex;align-items:center;gap:3px;padding:6px 12px;background:var(--be-surface);border-bottom:1px solid var(--be-border);box-shadow:var(--be-shadow);flex-shrink:0;flex-wrap:wrap}.be-markdown-toolbar__title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--be-text);padding-right:8px;flex-shrink:0}.be-markdown-toolbar__sep{width:1px;height:20px;background:var(--be-border);margin:0 6px;flex-shrink:0}.be-markdown-toolbar__btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;border:1px solid transparent;border-radius:var(--be-radius);background:none;color:var(--be-text);font-size:12px;font-weight:600;font-family:var(--be-font-mono);cursor:pointer;transition:background var(--be-transition),border-color var(--be-transition)}.be-markdown-toolbar__btn:hover{background:var(--be-bg);border-color:var(--be-border)}.be-markdown-toolbar__sync{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--be-border);border-radius:var(--be-radius);background:var(--be-bg);color:var(--be-text-muted);font-size:12px;font-weight:500;cursor:pointer;flex-shrink:0;transition:background var(--be-transition),border-color var(--be-transition),color var(--be-transition)}.be-markdown-toolbar__sync--on{background:color-mix(in srgb,var(--be-primary) 12%,transparent);border-color:var(--be-primary);color:var(--be-primary)}.be-markdown-toolbar__sync:hover{border-color:var(--be-primary);color:var(--be-primary)}.be-markdown-toolbar__close{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border:1px solid var(--be-border);border-radius:var(--be-radius);background:var(--be-bg);color:var(--be-text);font-size:12px;font-weight:500;cursor:pointer;margin-left:auto;flex-shrink:0;transition:background var(--be-transition),border-color var(--be-transition),color var(--be-transition)}.be-markdown-toolbar__close:hover{background:var(--be-primary);border-color:var(--be-primary);color:#fff}.be-markdown-preview{font-size:15px;line-height:1.8;color:var(--be-text)}.be-markdown-preview h1,.be-markdown-preview h2,.be-markdown-preview h3,.be-markdown-preview h4,.be-markdown-preview h5,.be-markdown-preview h6{font-weight:700;line-height:1.3;margin:1.2em 0 .5em;color:var(--be-text)}.be-markdown-preview h1:first-child,.be-markdown-preview h2:first-child,.be-markdown-preview h3:first-child,.be-markdown-preview h4:first-child,.be-markdown-preview h5:first-child,.be-markdown-preview h6:first-child{margin-top:0}.be-markdown-preview h1{font-size:2em}.be-markdown-preview h2{font-size:1.5em;border-bottom:1px solid var(--be-border);padding-bottom:.3em}.be-markdown-preview h3{font-size:1.25em}.be-markdown-preview h4{font-size:1em}.be-markdown-preview p{margin:0 0 1em}.be-markdown-preview strong{font-weight:700}.be-markdown-preview em{font-style:italic}.be-markdown-preview del{text-decoration:line-through;color:var(--be-text-muted)}.be-markdown-preview a{color:var(--be-primary);text-decoration:underline}.be-markdown-preview code{font-family:var(--be-font-mono);font-size:.875em;background:var(--be-border);padding:.15em .4em;border-radius:4px}.be-markdown-preview pre{background:#1e1e2e;color:#cdd6f4;font-family:var(--be-font-mono);font-size:.875em;line-height:1.6;padding:16px 20px;border-radius:var(--be-radius);overflow-x:auto;margin:0 0 1em}.be-markdown-preview pre code{background:none;padding:0;font-size:inherit;color:inherit}.be-markdown-preview ul,.be-markdown-preview ol{padding-left:1.5em;margin:0 0 1em}.be-markdown-preview li{margin-bottom:.25em}.be-markdown-preview li.be-task-item{list-style:none;margin-left:-1.5em;display:flex;align-items:center;gap:.45em}.be-markdown-preview li.be-task-item input[type=checkbox]{margin:0;flex-shrink:0;width:15px;height:15px;accent-color:var(--be-primary);cursor:default}.be-markdown-preview blockquote{border-left:4px solid var(--be-primary);margin:0 0 1em;padding:.5em 1em;background:color-mix(in srgb,var(--be-primary) 8%,transparent);color:var(--be-text-muted);border-radius:0 var(--be-radius) var(--be-radius) 0}.be-markdown-preview hr{border:none;border-top:2px solid var(--be-border);margin:1.5em 0}.be-markdown-preview table{width:100%;border-collapse:collapse;margin:0 0 1em;font-size:.95em}.be-markdown-preview table th,.be-markdown-preview table td{border:1px solid var(--be-border);padding:8px 12px;text-align:left}.be-markdown-preview table th{background:var(--be-surface);font-weight:600}.be-markdown-preview table tr:nth-child(2n) td{background:var(--be-bg)}.be-markdown-preview img{max-width:100%;border-radius:var(--be-radius)}.be-markdown-preview .katex-display{overflow-x:auto;overflow-y:hidden;padding:8px 0;margin:.5em 0 1em}.be-markdown-preview .katex{font-size:1.1em}.be-source-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--be-surface);border-bottom:1px solid var(--be-border);box-shadow:var(--be-shadow);flex-shrink:0;gap:12px}.be-source-toolbar__title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--be-text)}.be-source-toolbar__close{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--be-border);border-radius:var(--be-radius);background:var(--be-bg);color:var(--be-text);font-size:12px;font-weight:500;cursor:pointer;transition:background var(--be-transition),color var(--be-transition)}.be-source-toolbar__close:hover{background:var(--be-primary);border-color:var(--be-primary);color:#fff}.be-source-editor{flex:1;display:flex;flex-direction:column;overflow:hidden}.be-source-editor__body{flex:1;display:flex;overflow:hidden}.be-source-panel{width:220px;flex-shrink:0;background:var(--be-surface);border-right:1px solid var(--be-border);overflow-y:auto;display:flex;flex-direction:column}.be-source-panel__section{border-bottom:1px solid var(--be-border);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.be-source-panel__section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--be-text-muted);margin-bottom:2px}.be-source-panel__lang-btns{display:flex;gap:4px}.be-source-panel__lang-btn{flex:1;padding:5px 0;border:1px solid var(--be-border);border-radius:var(--be-radius);background:var(--be-bg);color:var(--be-text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:background var(--be-transition),color var(--be-transition),border-color var(--be-transition)}.be-source-panel__lang-btn:hover{background:var(--be-border);color:var(--be-text)}.be-source-panel__lang-btn--active{background:var(--be-primary);border-color:var(--be-primary);color:#fff}.be-source-panel__input{width:100%;padding:5px 8px;border:1px solid var(--be-border);border-radius:var(--be-radius);background:var(--be-bg);color:var(--be-text);font-size:12px;font-family:var(--be-font-mono);outline:none;transition:border-color var(--be-transition)}.be-source-panel__input:focus{border-color:var(--be-primary)}.be-source-panel__input::placeholder{color:var(--be-text-muted)}.be-source-panel__row{display:flex;gap:4px}.be-source-panel__btn{flex:1;padding:5px 8px;border:1px solid var(--be-border);border-radius:var(--be-radius);background:var(--be-bg);color:var(--be-text);font-size:11px;cursor:pointer;text-align:center;transition:background var(--be-transition)}.be-source-panel__btn:hover{background:var(--be-border)}.be-source-panel__line-info{font-size:10px;color:var(--be-text-muted);font-family:var(--be-font-mono);padding-top:4px}.be-source-panel__val-result{font-size:11px;line-height:1.5}.be-source-panel__ok{color:#a6e3a1}.be-source-panel__err{color:#f38ba8}.be-source-editor__area{flex:1;display:flex;overflow:hidden;background:#1e1e2e}.be-source-editor__line-numbers{padding:16px 10px 16px 12px;background:#181825;color:#45475a;font-family:var(--be-font-mono);font-size:13px;line-height:1.7;text-align:right;-webkit-user-select:none;user-select:none;overflow:hidden;min-width:44px;flex-shrink:0}.be-source-editor__line-numbers span{display:block}.be-source-editor__code-wrap{position:relative;flex:1;overflow:hidden}.be-source-editor__pre,.be-source-editor__textarea{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:16px 20px;font-family:var(--be-font-mono);font-size:13px;line-height:1.7;tab-size:2;white-space:pre;overflow:auto;box-sizing:border-box;border:none}.be-source-editor__pre{z-index:0;background:transparent;color:#cdd6f4;pointer-events:none;border-radius:0;word-break:normal}.be-source-editor__textarea{z-index:1;background:transparent;color:transparent;caret-color:#cdd6f4;resize:none;outline:none;-webkit-text-fill-color:transparent}.be-hl-bracket{color:#89b4fa}.be-hl-tag-name{color:#cba6f7}.be-hl-attr-name{color:#89dceb}.be-hl-eq{color:#cdd6f4}.be-hl-string{color:#a6e3a1}.be-hl-comment{color:#585b70;font-style:italic}.be-hl-meta,.be-hl-doctype{color:#fab387}.be-hl-selector{color:#cba6f7}.be-hl-prop{color:#89b4fa}.be-hl-value{color:#a6e3a1}.be-hl-at-rule{color:#f38ba8}.be-hl-twig-delim{color:#f5c2e7;font-weight:600}.be-hl-twig-expr{color:#f5c2e7}.be-hl-twig-block{color:#fab387}.be-hl-twig-comment{color:#585b70;font-style:italic}.be-preview-overlay{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;background:#e2e8f0}.be-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;background:var(--be-surface);border-bottom:1px solid var(--be-border);box-shadow:var(--be-shadow);flex-shrink:0}.be-preview-vp-btns{display:flex;gap:6px}.be-preview-vp-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:1px solid var(--be-border);border-radius:var(--be-radius);background:transparent;color:var(--be-text-muted);font-size:12px;font-family:var(--be-font);cursor:pointer;transition:border-color var(--be-transition),color var(--be-transition),background var(--be-transition)}.be-preview-vp-btn svg{flex-shrink:0}.be-preview-vp-btn span{font-size:12px}.be-preview-vp-btn:hover{border-color:var(--be-border-hover);color:var(--be-text)}.be-preview-vp-btn--active{border-color:var(--be-primary);background:#eef2ff;color:var(--be-primary);font-weight:500}.be-preview-close-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--be-border);border-radius:var(--be-radius);background:transparent;color:var(--be-text);font-size:12px;font-family:var(--be-font);cursor:pointer;transition:background var(--be-transition),border-color var(--be-transition)}.be-preview-close-btn svg{flex-shrink:0}.be-preview-close-btn:hover{background:var(--be-bg);border-color:var(--be-border-hover)}.be-preview-iframe-wrap{flex:1;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:24px}.be-preview-iframe{width:100%;max-width:100%;min-height:100%;border:none;border-radius:var(--be-radius-lg);box-shadow:0 4px 32px #0000002e;background:#fff;transition:max-width .3s ease;display:block}.be-dragging{opacity:.4!important}.be-drop-over{background:#4f46e50d!important;border-color:var(--be-primary)!important}.be-selected--section{border-color:#6366f1!important}.be-selected--row{border-color:#8b5cf6!important;background:#8b5cf608}.be-selected--column{border-color:#a78bfa!important;background:#a78bfa0a}.be-table-container{display:flex;flex-direction:column;gap:0}.be-table-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:5px 8px;background:var(--be-bg);border:1px solid var(--be-border);border-radius:var(--be-radius) var(--be-radius) 0 0}.be-table-toolbar__btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid transparent;border-radius:var(--be-radius);background:transparent;color:var(--be-text-muted);cursor:pointer;transition:background var(--be-transition),color var(--be-transition),border-color var(--be-transition)}.be-table-toolbar__btn svg{flex-shrink:0}.be-table-toolbar__btn:hover:not(:disabled){background:var(--be-surface);border-color:var(--be-border);color:var(--be-text)}.be-table-toolbar__btn:disabled{opacity:.3;cursor:not-allowed}.be-table-toolbar__sep{display:inline-block;width:1px;height:20px;background:var(--be-border);margin:0 3px;flex-shrink:0}.be-table-toolbar__info{margin-left:auto;font-size:11px;font-weight:600;color:var(--be-primary);padding:2px 8px;background:#eef2ff;border-radius:20px;white-space:nowrap}.be-table-scroll{overflow-x:auto;border:1px solid var(--be-border);border-top:none;border-radius:0 0 var(--be-radius) var(--be-radius);background:var(--be-surface)}.be-table{border-collapse:collapse;width:100%;min-width:200px;font-size:14px}.be-table__caption{padding:6px 8px;font-size:13px;font-style:italic;color:var(--be-text-muted);text-align:left;caption-side:top}.be-table__cell{min-width:60px;min-height:32px;vertical-align:top;cursor:text;outline:none;position:relative;transition:background var(--be-transition)}.be-table__cell:focus{outline:2px solid rgba(79,70,229,.4);outline-offset:-2px;background:#4f46e505}.be-table__cell--selected{outline:2px solid var(--be-primary)!important;outline-offset:-2px;background:#4f46e50a!important}.be-table__cell:empty:before{content:" "}.be-table th.be-table__cell{background:#f8fafc;font-weight:600;text-align:left}.be-table-cell-props{border:1px solid var(--be-border);border-top:none;border-radius:0 0 var(--be-radius) var(--be-radius);background:var(--be-surface);padding:12px}.be-table-cell-props__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--be-text-muted);padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid var(--be-border)}.be-table-cell-props__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.be-table-cell-props__field{display:flex;flex-direction:column;gap:3px}.be-table-cell-props__label{font-size:11px;font-weight:500;color:var(--be-text-muted)}.be-table-cell-props__close{display:block;width:100%;margin-top:10px;padding:5px 12px;border:1px solid var(--be-border);border-radius:var(--be-radius);background:transparent;color:var(--be-text-muted);font-size:12px;font-family:var(--be-font);cursor:pointer;text-align:center;transition:background var(--be-transition),color var(--be-transition)}.be-table-cell-props__close:hover{background:var(--be-bg);color:var(--be-text)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,sans-serif}#app{height:100vh;display:flex;flex-direction:column}