:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#203044;background:#f4f7fb;font-synthesis:none;--blue:#2563eb;--muted:#748298;--line:#e1e7ef;--teal:#087f8c}*{box-sizing:border-box}body{margin:0;height:100vh;display:flex;flex-direction:column}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:3px}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:9px 13px;background:white;color:#33445b;font-weight:600}button:hover{background:#f0f5ff;border-color:#abc4f5}button:disabled{opacity:.42;cursor:not-allowed}button.primary{background:var(--blue);border-color:var(--blue);color:white}a{color:var(--blue);text-decoration:none}.editor-header{height:72px;display:flex;align-items:center;gap:16px;background:#fff;border-bottom:1px solid var(--line);padding:0 24px;flex-shrink:0}.brand-mark{width:37px;height:37px;background:#eaf2ff;display:grid;place-items:center;border-radius:11px;color:var(--blue);font-size:24px;font-weight:800}.brand{font-weight:750;letter-spacing:-.5px;font-size:20px}.brand span{font-weight:400;color:#8995a7;padding-left:16px;border-left:1px solid var(--line);margin-left:16px;font-size:15px;letter-spacing:0}.toolbar{margin-left:auto;display:flex;align-items:center;gap:8px}.toolbar a{font-size:13px;margin:0 8px}.editor-layout{display:grid;grid-template-columns:minmax(320px,1fr) 410px;min-height:0;flex:1}.diagram-pane{position:relative;display:flex;flex-direction:column;min-height:0;min-width:0}.diagram-heading{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;gap:20px}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:750;letter-spacing:1.5px;color:var(--teal);margin-bottom:5px}.diagram-title{font-size:14px;font-weight:650}.diagram-title span{font-size:11px;font-weight:500;color:#6b7b90;margin-left:10px}.canvas-wrap{flex:1;position:relative;min-height:0;margin:0 16px 16px 20px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 3px 15px #233b5510}#canvas{position:absolute;inset:0;background-image:radial-gradient(#c8d4e4 1px,transparent 1px);background-size:20px 20px}.canvas-controls{position:absolute;bottom:15px;left:15px;display:flex;gap:5px}.canvas-controls button{box-shadow:0 2px 8px #2030440d}.diagram-hint{position:absolute;top:16px;left:86px;color:#78899f;font-size:11px;pointer-events:none;background:#ffffffd9;padding:5px 8px;border-radius:4px}.inspector{background:#fff;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.inspector-heading{padding:23px 22px 15px}.inspector-heading h1{font-size:18px;margin:0 0 5px;font-weight:650}.inspector-heading p{font-size:12px;color:#7b879a;margin:0}.tabs{display:flex;padding:0 12px;border-bottom:1px solid var(--line);gap:2px}.tabs button{padding:12px 9px;border:0;border-bottom:2px solid transparent;border-radius:0;font-size:12px;background:none;flex:1;color:#718095}.tabs button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue);font-weight:700}.panel{padding:21px 22px;overflow:auto;flex:1}.panel[hidden]{display:none}.panel h2{font-size:14px;margin:0 0 13px}.panel h3{font-size:12px;margin:22px 0 10px}.panel p,.hint{font-size:12px;line-height:1.65;color:#6f7e92}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field label{font-size:12px;font-weight:600;color:#415269}input:not([type=checkbox]),textarea,select{width:100%;border:1px solid #dce3ec;border-radius:7px;background:#fcfdff;padding:10px;font-size:12px;color:#25364c}textarea{resize:vertical;min-height:82px;line-height:1.6}textarea.code,input.code,code,pre{font-family:Consolas,"Cascadia Code",monospace}textarea:focus,input:focus,select:focus{border-color:#73a3f1;outline:2px solid #e5efff}.row{display:flex;gap:9px;align-items:center;margin-bottom:13px}.row>*{flex:1}.row.compact>*{flex:0 1 auto}.badge{display:inline-flex;font-size:10px;border:1px solid #d4e5e8;color:var(--teal);background:#edf8f7;border-radius:5px;padding:5px 7px;max-width:100%;overflow-wrap:anywhere}.note{padding:13px;border:1px solid #dbe8f9;border-radius:9px;background:#f2f7ff;color:#4e6381;font-size:12px;line-height:1.65;margin:12px 0}.result{padding:12px;border-radius:8px;background:#f5f7fa;border:1px solid var(--line);font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:13px}.result:empty{display:none}.result[data-kind=error]{background:#fff4f2;color:#ab4138;border-color:#f4d6d1}.result[data-kind=success]{background:#eff9f4;color:#257254;border-color:#cfeadb}.full{width:100%}.field-list{display:flex;flex-direction:column;gap:7px;margin:12px 0}.schema-field{padding:10px;border:1px solid var(--line);border-radius:8px;cursor:pointer;background:#fff;text-align:left}.schema-field:hover,.schema-field[aria-pressed=true]{background:#f0f6ff;border-color:#96b9ed}.schema-field strong{font-size:12px;display:block;font-weight:600}.schema-field code{font-size:10px;display:block;margin-top:5px;color:#738398;overflow-wrap:anywhere}.schema-field .type{font-size:10px;float:right;color:var(--teal)}.divider{border:0;border-top:1px solid var(--line);margin:23px 0}.check{font-size:12px;display:flex;align-items:center;gap:7px;color:#506279;margin-bottom:12px}.statusbar{height:35px;border-top:1px solid var(--line);background:white;display:flex;gap:10px;align-items:center;padding:0 22px;font-size:11px;color:#6f7e91;flex-shrink:0}.status-dot{width:6px;height:6px;border-radius:50%;background:#26987a}.statusbar[data-kind=error]{color:#b14435}.statusbar[data-kind=error] .status-dot{background:#d65f4e}#diagram-status{margin-left:auto}.empty-selection{text-align:center;padding:28px 10px}.empty-selection .selection-icon{font-size:30px;color:#86a4c4;display:block;margin-bottom:15px}.chip-buttons{display:flex;flex-wrap:wrap;gap:7px}.chip-buttons button{font-size:11px;padding:7px 10px;font-weight:500}.djs-palette{border-color:#dde4ef!important;border-radius:8px!important;box-shadow:0 3px 10px #243e5510!important;background:#fff!important}.djs-context-pad{z-index:20}.bjs-powered-by{opacity:.6}#schema-fields:empty::before{content:'Noch kein Schema verknüpft.';font-size:12px;color:#8a97a8}pre{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}details summary{font-size:12px;color:#516682;cursor:pointer;margin:14px 0}#file-input,#schema-file{display:none}.disabled-pane{opacity:.5;pointer-events:none}@media(min-width:1600px){.editor-layout{grid-template-columns:minmax(320px,1fr) 455px}.panel{padding:24px 28px}}@media(max-width:960px){.editor-header{padding:0 14px;gap:8px}.brand span{display:none}.toolbar{gap:5px}.toolbar button{font-size:12px;padding:8px}.editor-layout{grid-template-columns:minmax(280px,1fr) 350px}.toolbar a{margin:0 3px}.panel{padding:18px 16px}}@media(max-width:680px){body{height:auto;min-height:100vh}.editor-header{height:auto;min-height:70px;flex-wrap:wrap;padding:12px}.toolbar{margin-left:0;width:100%;flex-wrap:wrap}.editor-layout{display:flex;flex-direction:column}.diagram-pane{height:440px;flex-shrink:0}.inspector{border-left:0;min-height:570px}.panel{overflow:visible}.statusbar{height:auto;min-height:35px;padding:10px;flex-wrap:wrap}.diagram-hint{display:none}.diagram-heading{padding:0 20px}.canvas-wrap{margin:0 12px 12px}.inspector-heading{padding:18px}.brand{font-size:18px}}
.panel button{font-size:12px}.diagram-hint{left:138px}