:root{--font-display:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-logo:"Outfit", var(--font-display), sans-serif;--bg-obsidian:#1a1a18;--bg-panel:#222220;--bg-elevated:#2c2c29;--border-stark:#3a3a36;--border-strong:#4a4a46;--text-main:#e8e6e1;--text-muted:#8f8c85;--bg-workspace:#141413;--bg-rail:#1c1c1a;--bg-editor-body:#1f1f1c;--bg-inset:#181816;--section-divider:#3a3a36b8;--workspace-pad-x:16px;--section-header-height:44px;--file-tabs-row-height:42px;--accent-line:#8a7f6a;--radius-workspace:10px;--radius-workspace-lg:12px;--shadow-app-header:0 1px 0 #00000080, 0 8px 24px #0000001f;--shadow-column-inset:inset -1px 0 0 var(--section-divider);--explorer-column-max-width:min(480px, 45vw);--explorer-column-min-width:180px;--pane-resize-width:5px;--accent-gold:#5c6d62;--accent-amber:#6d6658;--accent-copper:#c8c4bc;--accent-rust:#6b534c;--accent-sand:#7a7772;--accent-earth:#4a4845;--node-header-bg:var(--bg-rail);--kind-interface:#5a5856;--kind-enum:#5c5a58;--kind-class:#565862;--kind-table:#5c524e;--kind-method:#454442;--kind-scalar:#626260;--explorer-accent-interface:#9eb7f0;--explorer-accent-class:#b8c9f5;--explorer-accent-enum:#e8a87c;--explorer-accent-table:#7ec8b8;--explorer-accent-method:#c9a8e8;--explorer-accent-scalar:#8a9a90;--edge-reference:#565d66;--edge-extends:#6b5d52;--edge-fk:#665650;--ui-danger:#8b5048;--ui-focus:#e8e6e1;--color-primary:#5488c4;--color-primary-hover:#6395ce;--color-primary-active:#4578b8;--color-on-primary:#fff;--color-primary-subtle:#5488c424;--syntax-default:#e6e4de;--syntax-keyword:#f0b070;--syntax-control:#e8a87c;--syntax-string:#8fd9c2;--syntax-string-alt:#7ec8b8;--syntax-comment:#6d8b7a;--syntax-number:#e8c08a;--syntax-bool-null:#c9a8e8;--syntax-type:#9eb7f0;--syntax-class:#b8c9f5;--syntax-property:#d4b8a8;--syntax-attribute:#c4a99a;--syntax-namespace:#a8c4d4;--syntax-operator:#a39e94;--syntax-punctuation:#8f8b82;--syntax-regex:#d4a574;--syntax-meta:#8a9a90;--syntax-invalid:#f07868;font-family:var(--font-display);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-main);background-color:var(--bg-obsidian);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}body{background:var(--bg-obsidian);place-content:center;min-width:320px;min-height:100vh;margin:0;display:flex;overflow:hidden}#root{width:100%;height:100vh}.skema-btn{appearance:none;box-sizing:border-box;border-radius:var(--radius-workspace);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;margin:0;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.2;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.skema-btn:disabled{opacity:.5;pointer-events:none}.skema-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skema-btn--gap-tight{gap:6px}.skema-btn--display{font-family:var(--font-display)}.skema-btn--mono{font-family:var(--font-mono)}.skema-btn--uppercase{text-transform:uppercase;letter-spacing:.04em}.skema-btn--primary{background:var(--color-primary);color:var(--color-on-primary);border-color:#0000;font-weight:600}.skema-btn--primary:hover{background:var(--color-primary-hover)}.skema-btn--primary:active{background:var(--color-primary-active)}.skema-btn--primary svg{stroke:var(--color-on-primary)}.skema-btn--secondary svg,.skema-btn-lead-icon{stroke:currentColor;flex-shrink:0}.skema-btn--secondary svg.skema-btn-icon-fill{stroke:none;fill:currentColor}.skema-btn--secondary{background:var(--bg-panel);color:var(--text-main);border:1px solid var(--section-divider)}.skema-btn--secondary:hover{border-color:var(--border-strong);background:#ffffff0f}.skema-section-header{min-height:var(--section-header-height);padding:0 var(--workspace-pad-x);border-bottom:1px solid var(--section-divider);background:var(--bg-rail);font-family:var(--font-display);color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-feature-settings:"cv02" 1, "ss01" 1;box-sizing:border-box;flex-shrink:0;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.skema-section-header--between{justify-content:space-between}.skema-section-header--rail{justify-content:center;gap:0;padding-left:0;padding-right:0}.skema-workspace-column{min-height:0;box-shadow:var(--shadow-column-inset);flex-direction:column;flex-shrink:0;display:flex}.skema-workspace-split{grid-template-columns:420px var(--pane-resize-width) max-content;grid-template-rows:var(--file-tabs-row-height) minmax(0, 1fr);flex-shrink:0;height:100%;min-height:0;display:grid}.skema-workspace-split-tabs{grid-area:1/1;min-width:0}.skema-workspace-split-editor{grid-area:2/1;width:100%;min-width:0;min-height:0}.skema-pane-resize-handle{appearance:none;cursor:col-resize;touch-action:none;z-index:2;color:#0000;background:0 0;border:none;grid-area:1/2/-1;width:100%;min-width:0;margin:0;padding:0;font-size:0;line-height:0;position:relative}.skema-pane-resize-handle:after{content:"";background:var(--section-divider);width:1px;transition:background .12s,box-shadow .12s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.skema-pane-resize-handle:hover:after,.skema-pane-resize-handle:focus-visible:after{background:var(--accent-line);box-shadow:0 0 0 1px #8a7f6a59}.skema-pane-resize-handle:focus-visible{outline:none}body.skema-pane-resizing{-webkit-user-select:none;user-select:none;cursor:col-resize!important}.skema-workspace-split-explorer{grid-area:1/3/-1;min-width:0;min-height:0}.skema-file-tabs-row{height:var(--file-tabs-row-height);min-height:var(--file-tabs-row-height);box-sizing:border-box;padding:0 var(--workspace-pad-x);background:var(--bg-rail);border-bottom:1px solid var(--section-divider);scrollbar-width:thin;scrollbar-color:var(--section-divider) transparent;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:2px;display:flex;overflow:auto hidden}.skema-file-tabs-row::-webkit-scrollbar{height:8px}.skema-file-tabs-row::-webkit-scrollbar-track{background:0 0}.skema-file-tabs-row::-webkit-scrollbar-thumb{background:var(--section-divider);background-clip:content-box;border:2px solid #0000;border-radius:4px}.skema-file-tabs-row::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:content-box}.skema-codemirror-root .cm-scroller,.skema-drawer-scroll,.skema-explorer-scroll{scrollbar-width:thin;scrollbar-color:var(--section-divider) transparent}.skema-codemirror-root .cm-scroller::-webkit-scrollbar{width:8px}.skema-drawer-scroll::-webkit-scrollbar{width:8px}.skema-explorer-scroll::-webkit-scrollbar{width:8px}.skema-codemirror-root .cm-scroller::-webkit-scrollbar-track{background:0 0}.skema-drawer-scroll::-webkit-scrollbar-track{background:0 0}.skema-explorer-scroll::-webkit-scrollbar-track{background:0 0}.skema-codemirror-root .cm-scroller::-webkit-scrollbar-thumb{background:var(--section-divider);background-clip:content-box;border:2px solid #0000;border-radius:4px}.skema-drawer-scroll::-webkit-scrollbar-thumb{background:var(--section-divider);background-clip:content-box;border:2px solid #0000;border-radius:4px}.skema-explorer-scroll::-webkit-scrollbar-thumb{background:var(--section-divider);background-clip:content-box;border:2px solid #0000;border-radius:4px}.skema-codemirror-root .cm-scroller::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:content-box}.skema-drawer-scroll::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:content-box}.skema-explorer-scroll::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:content-box}.skema-detail-drawer{box-sizing:border-box;background:var(--bg-obsidian);border:1px solid var(--section-divider);border-radius:var(--radius-workspace-lg);z-index:100;height:100%;font-family:var(--font-mono);flex-direction:column;min-height:0;margin:10px 12px 10px 0;animation:.18s ease-out skema-detail-drawer-in;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}@keyframes skema-detail-drawer-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.skema-detail-drawer-title-block{padding:14px var(--workspace-pad-x) 12px;border-bottom:1px solid var(--section-divider);background:var(--bg-obsidian);flex-shrink:0}.skema-detail-drawer-section-title{font-family:var(--font-display);color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin:0 0 10px;font-size:11px;font-weight:600}.skema-detail-drawer-field-row{box-sizing:border-box;border-radius:var(--radius-workspace);border:1px solid var(--section-divider);background:0 0;align-items:center;padding:9px 10px;transition:background .15s,border-color .15s;display:grid}.skema-detail-drawer-field-row:hover{background:#ffffff08}.skema-detail-drawer-edge-btn{border-radius:var(--radius-workspace);border:1px solid var(--section-divider);color:inherit;cursor:pointer;width:100%;min-width:0;font-family:var(--font-mono);font-size:inherit;text-align:left;background:0 0;align-items:center;gap:10px;margin:0;padding:9px 10px;transition:background .15s,border-color .15s;display:flex}.skema-detail-drawer-edge-btn:hover{border-color:var(--border-strong);background:#ffffff0d}.skema-detail-drawer-close-btn{border-radius:var(--radius-workspace);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.skema-detail-drawer-close-btn:hover{color:var(--text-main);background:#ffffff0f}.skema-explorer-top-cell{height:var(--file-tabs-row-height);min-height:var(--file-tabs-row-height);box-sizing:border-box;padding:0 var(--workspace-pad-x);background:var(--bg-rail);border-bottom:1px solid var(--section-divider);flex-shrink:0;align-items:center;display:flex}.skema-explorer-top-cell--rail{border-right:1px solid var(--section-divider);justify-content:center;padding-left:0;padding-right:0}.skema-explorer-top-cell--expanded{border-right:1px solid var(--section-divider);justify-content:space-between;gap:8px}.skema-explorer-column{background:var(--bg-editor-body);min-height:0;box-shadow:var(--shadow-column-inset);flex-direction:column;flex-shrink:0;display:flex;overflow-x:visible}.skema-code-inset{min-height:0;margin:12px var(--workspace-pad-x);border-radius:var(--radius-workspace);background:var(--bg-inset);border:1px solid var(--section-divider);flex-direction:column;flex:1;padding:2px;display:flex;overflow:hidden;box-shadow:inset 0 1px 3px #00000047}.skema-codemirror-root{flex-direction:column;flex:1;min-height:0;display:flex!important}.skema-codemirror-root .cm-editor{border-radius:calc(var(--radius-workspace) - 2px);flex:1;height:100%;min-height:0;overflow:hidden}.skema-codemirror-root .cm-scroller{border-radius:calc(var(--radius-workspace) - 2px);min-height:0}.skema-section-footer{min-height:38px;padding:0 var(--workspace-pad-x);border-top:1px solid var(--section-divider);background:var(--bg-rail);letter-spacing:.02em;color:var(--text-muted);flex-shrink:0;align-items:center;gap:8px;font-size:10px;display:flex}.glass{background:var(--bg-elevated);border:1px solid var(--border-stark);border-radius:var(--radius-workspace-lg);box-shadow:0 2px 12px #0003}.node-card{cursor:grab;transition:transform .2s cubic-bezier(0,0,.2,1),box-shadow .2s;box-shadow:0 2px 8px #00000059;border-radius:12px!important}.node-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000073}.node-card:active{cursor:grabbing}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}
