:root{--bg:#f4f5f7;--surface:#fff;--border:#e2e8f0;--text:#1a202c;--muted:#718096;--module-color:#6b46c1;--section-color:#2b6cb0;--grain-color:#2c7a7b;--component-color:#744210;--element-color:#c05621;--header-bg:#6b46c1;--header-text:#fff;--error:#e53e3e;--error-hover:#c53030}body{background:var(--bg);color:var(--text);padding:16px;font-family:system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6}.modulix-editor__header{background:linear-gradient(135deg,#6b46c1 0%,#2b6cb0 100%);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}h1.modulix-editor__title{color:#fff;flex:1;align-items:center;gap:10px;margin:0;font-size:1.15rem;font-weight:700;display:flex}.modulix-editor__logo{background:#fff;border-radius:8px;width:36px;height:36px;padding:3px}.modulix-editor{gap:16px;display:flex}.modulix-editor__editor{flex-grow:1;min-width:0}.modulix-editor__render{width:35%;height:calc(100vh - 32px);display:none;position:sticky;top:16px}.modulix-editor-render__external-link{color:var(--text)}.modulix-editor-render__toolbar{background:var(--surface);border:1px solid var(--border);border-bottom:none;border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.modulix-editor-render__label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.75rem;font-weight:600}.modulix-editor-render__copy-button{color:var(--muted);border:1px solid var(--border);background:0 0;padding:2px 8px;font-size:.75rem}.modulix-editor-render__copy-button:hover{background:var(--bg);color:var(--text)}.modulix-editor-render__input{border:1px solid var(--border);width:100%;height:calc(100% - 37px);color:var(--text);background:var(--surface);resize:none;border-radius:0 0 6px 6px;padding:8px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px}.modulix-editor-render__input--has-error{border-color:var(--error);outline:none;box-shadow:0 0 0 3px #e53e3e26}.modulix-editor__reset-button{color:#ffffffd9;background:0 0;border:1px solid #fff6;padding:6px 12px;font-size:.875rem;transition:background .15s,color .15s}.modulix-editor__reset-button:hover{color:#fff;background:#ffffff26;border-color:#ffffffb3}.card.level-3{background:#f7faff;border-left:3px solid var(--section-color)!important}.card.level-3>.card-header{color:var(--section-color);background:#ebf4ff;border-bottom-color:#bee3f8;font-weight:600}.card.level-5{background:#f0fafa;border-left:3px solid var(--grain-color)!important}.card.level-5>.card-header{color:var(--grain-color);background:#e6fffa;border-bottom-color:#b2f5ea;font-weight:600}.card.level-7,.card.level-9,.card.level-11{background:#fffaf7;border-left:3px solid var(--element-color)!important}.card.level-7>.card-header,.card.level-9>.card-header,.card.level-11>.card-header{color:var(--element-color);background:#fff5ed;border-bottom-color:#fbd38d}.card-body:has(>.btn-group>.json-editor-btn-delete:hover,~.btn-group>.json-editor-btn-delete:hover){border-color:var(--error);transition:border .2s ease-in}.json-editor-btn-delete:hover{transition:all .15s ease-in;background:var(--error)!important;border-color:var(--error)!important;color:#fff!important}.tooltip .tooltip-inner{background-color:var(--text);color:#fff;border-radius:6px;padding:5px 10px;font-size:.78rem;box-shadow:0 2px 8px #00000026}button.jsoneditor-twbs5-text-button{margin-left:8px!important}.tooltip.bs-tooltip-bottom .tooltip-arrow:before,.tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before{border-bottom-color:var(--text)}.tooltip.bs-tooltip-top .tooltip-arrow:before,.tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before{border-top-color:var(--text)}.tooltip.bs-tooltip-start .tooltip-arrow:before,.tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before{border-left-color:var(--text)}.tooltip.bs-tooltip-end .tooltip-arrow:before,.tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before{border-right-color:var(--text)}#editor_holder>.card.level-1{background:var(--surface);border:none;border-radius:10px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}#editor_holder>.card.level-1>.card-header{background:var(--surface);border-bottom:2px solid var(--border);border-radius:10px 10px 0 0;padding:14px 16px}#editor_holder>.card.level-1>.card-header .json-editor-btn-collapse{display:none}.card{border-color:var(--border);box-shadow:none;border-radius:8px}.card+.card{margin-top:8px}.card-header{border-bottom-color:var(--border);padding:10px 14px}.card-body{padding:14px 16px}.card-title{align-items:center;gap:6px;margin:0;font-size:.9rem;font-weight:600;display:flex}.json-editor-btn-collapse{opacity:.6;min-width:36px;min-height:36px;margin-right:4px;font-size:1.5rem;color:inherit!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:6px 12px!important}.json-editor-btn-collapse:hover{opacity:1;border-radius:4px;background:#0000000d!important}.json-editor-btn-moveup,.json-editor-btn-movedown{font-size:.75rem;border-color:var(--border)!important;color:var(--muted)!important;box-shadow:none!important;background:0 0!important;padding:2px 7px!important}.json-editor-btn-moveup:hover,.json-editor-btn-movedown:hover{background:var(--bg)!important;color:var(--text)!important}.json-editor-btn-add{font-size:.8rem;font-weight:500;border-color:var(--section-color)!important;color:var(--section-color)!important;box-shadow:none!important;background:0 0!important}.json-editor-btn-add:hover{background:#ebf4ff!important}.form-group>label,.je-form-input-label{color:var(--muted);margin-bottom:4px;font-size:.85rem;font-weight:600}.form-control,.form-select{border-color:var(--border);color:var(--text);background-color:var(--surface);border-radius:6px;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.form-control:focus,.form-select:focus{border-color:var(--module-color);outline:none;box-shadow:0 0 0 3px #6b46c11f}.form-group{margin-bottom:14px}.form-control[readonly]{color:var(--muted);border-color:var(--border);cursor:default}select.je-switcher{background-color:var(--surface)}
