*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent-solid: #606c38;--on-accent: #ffffff;--font: "Helvetica Neue", Arial, sans-serif;--mono: "SF Mono", "Courier New", monospace}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #332a1f;--surface: #44372a;--surface2: #473a28;--text: #fefaea;--text-dim: #c1b69e;--border: #5c4c39;--accent: #c7d29e;--link: #c7d29e;--error: #ff9a72;--warn: #f5b14e;--cat-root: #ef5b76;--cat-structure: #53b8f5;--cat-operation: #f5a623;--cat-schema: #7ed957;--cat-io: #b06ef5;--cat-meta: #aab6c4;--cat-security: #f55d7a;--cat-reference: #ffd166;--cat-object: #6f93c9;--cat-array: #4fb8c4;--cat-scalar: #9aa6bd}:root[data-theme=light]{color-scheme:light;--bg: #fefae0;--surface: #f4edcf;--surface2: #ece4c3;--text: #283618;--text-dim: #566030;--border: #d9cfa6;--accent: #46531f;--link: #764a19;--error: #8f3214;--warn: #9a5b00;--cat-root: #c52d44;--cat-structure: #1f6fb0;--cat-operation: #a85e0a;--cat-schema: #3f8f2f;--cat-io: #7a3fb0;--cat-meta: #566472;--cat-security: #b53a62;--cat-reference: #8a6f0d;--cat-object: #3a587f;--cat-array: #27737f;--cat-scalar: #4b5670}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.45}#app-header{padding:1rem 1.25rem .75rem;position:relative}#app-header h1{font-size:1.4rem;color:var(--accent)}.theme-toggle{position:absolute;top:1rem;right:1.25rem;width:38px;height:38px;border-radius:9px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:1.15rem;line-height:1;cursor:pointer}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}#app-header .tagline{color:var(--text-dim);font-size:.9rem}#app{padding:0 1.25rem 2rem;max-width:1500px;margin:0 auto}.oad-form{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem}.form-intro{font-size:.85rem;color:var(--text-dim);margin-bottom:.75rem}.form-intro strong{color:var(--text)}.doc-row{border:1px solid var(--border);border-radius:8px;padding:.65rem .75rem;margin-bottom:.6rem;background:var(--surface2)}.doc-row.has-error{border-color:var(--error)}.row-top{display:flex;align-items:center;gap:1rem;margin-bottom:.55rem;flex-wrap:wrap}.row-role{font-weight:600;color:var(--text-dim)}.row-role.is-entry{color:var(--accent)}.source-toggle{display:inline-flex;gap:.85rem;color:var(--text-dim);font-size:.85rem}.source-toggle label{cursor:pointer}.row-actions{margin-left:auto;display:flex;gap:.4rem;align-items:center}.file-name{font-family:var(--mono);font-size:.82rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.row-top .make-entry{background:transparent;border:1px solid var(--border);color:var(--link);border-radius:6px;font-size:.75rem;padding:.15rem .5rem;cursor:pointer}.row-top .make-entry:hover{border-color:var(--link)}.row-top .remove{background:transparent;border:1px solid var(--border);color:var(--text-dim);border-radius:6px;width:26px;height:26px;font-size:1rem;cursor:pointer}.row-top .remove:hover{color:var(--error);border-color:var(--error)}.upload-fields,.url-fields{display:flex;flex-wrap:wrap;gap:.5rem}.upload-fields[hidden],.url-fields[hidden]{display:none}.doc-row input[type=file],.doc-row input[type=url]{flex:1 1 240px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:.4rem .55rem;font-size:.85rem;font-family:var(--mono)}.doc-row input[type=file]{font-family:var(--font)}.doc-row input::placeholder,.oad-form .folder-base::placeholder{color:var(--text-dim);opacity:1}.row-error{margin-top:.5rem;color:var(--error);font-size:.82rem}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.4rem}.oad-form .folder-base{flex:1 1 220px;min-width:180px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:.45rem .55rem;font-size:.82rem;font-family:var(--mono)}.oad-form button{font-family:var(--font);font-size:.88rem;border-radius:6px;padding:.5rem .95rem;cursor:pointer;border:1px solid var(--border)}.oad-form .add-row,.oad-form .add-folder{background:transparent;color:var(--link)}.oad-form .render{background:var(--accent-solid);border-color:var(--accent-solid);color:var(--on-accent);font-weight:600;margin-left:auto}.oad-error{margin-top:.7rem;color:var(--error);font-size:.88rem;font-weight:600}#viewer{display:flex;gap:1rem;height:74vh;min-height:480px;margin-top:1.1rem}#viewer[hidden]{display:none}#canvas-wrap{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}@media (max-width: 900px){#viewer{flex-direction:column;height:auto}#canvas-wrap{height:60vh;min-height:380px}#detail-panel{width:auto}}.canvas-toolbar{display:flex;gap:.5rem;padding:.5rem .6rem;border-bottom:1px solid var(--border);background:var(--surface2)}.canvas-toolbar button{font-family:var(--font);font-size:.8rem;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.3rem .7rem;cursor:pointer}.canvas-toolbar button:hover{border-color:var(--link);color:var(--link)}.tree-canvas{flex:1;width:100%;height:100%;display:block;cursor:grab}.tree-canvas:active{cursor:grabbing}.row{cursor:pointer}.row-bg{fill:transparent}.row:hover .row-bg{fill:color-mix(in srgb,var(--text) 8%,transparent)}.row.selected .row-bg{fill:color-mix(in srgb,var(--accent-solid) 18%,transparent)}.disclosure{fill:var(--text-dim)}.row:hover .disclosure{fill:var(--text)}circle.marker{stroke-width:1.5px}circle.marker.is-ref{stroke-dasharray:2.5 1.5;stroke-width:2px}.marker.cat-root{fill:var(--cat-root);stroke:var(--cat-root)}.marker.cat-structure{fill:var(--cat-structure);stroke:var(--cat-structure)}.marker.cat-operation{fill:var(--cat-operation);stroke:var(--cat-operation)}.marker.cat-schema{fill:var(--cat-schema);stroke:var(--cat-schema)}.marker.cat-io{fill:var(--cat-io);stroke:var(--cat-io)}.marker.cat-meta{fill:var(--cat-meta);stroke:var(--cat-meta)}.marker.cat-security{fill:var(--cat-security);stroke:var(--cat-security)}.marker.cat-reference{fill:var(--cat-reference);stroke:var(--cat-reference)}.marker.cat-object{fill:var(--cat-object);stroke:var(--cat-object)}.marker.cat-array{fill:var(--cat-array);stroke:var(--cat-array)}.marker.cat-scalar{fill:var(--cat-scalar);stroke:var(--cat-scalar)}.marker.collapsed{fill:var(--surface)}.swatch.cat-root{background:var(--cat-root)}.swatch.cat-structure{background:var(--cat-structure)}.swatch.cat-operation{background:var(--cat-operation)}.swatch.cat-schema{background:var(--cat-schema)}.swatch.cat-io{background:var(--cat-io)}.swatch.cat-meta{background:var(--cat-meta)}.swatch.cat-security{background:var(--cat-security)}.swatch.cat-reference{background:var(--cat-reference)}.swatch.cat-object{background:var(--cat-object)}.swatch.cat-array{background:var(--cat-array)}.swatch.cat-scalar{background:var(--cat-scalar)}.node-label{font:12px var(--font);fill:var(--text);pointer-events:none;user-select:none}.node-label .k{fill:var(--text)}.node-label .t{fill:var(--text-dim);font-style:italic}.node-label .count{fill:var(--link);font-size:10px}.row.selected .node-label .k{fill:var(--accent);font-weight:700}.row.selected circle.marker{stroke:var(--accent);stroke-width:3px}.doc-title{font:600 13px var(--font);fill:var(--text)}.doc-sub{font:11px var(--mono);fill:var(--text-dim)}.doc-header-bg{fill:var(--surface2);stroke:var(--border)}.entry-badge rect{fill:var(--accent-solid)}.entry-badge text{fill:var(--on-accent);font:700 9px var(--font)}.ref-edge{fill:none;stroke:var(--link);stroke-width:1.5px;opacity:.45;cursor:pointer}.ref-edge.focused{stroke:var(--accent);stroke-width:2px;opacity:1}.ref-edge.collapsed{stroke-dasharray:5 4}.ref-edge.status-type-mismatch{stroke:var(--error);stroke-dasharray:4 3;opacity:.85}.ref-arrowhead{fill:var(--link);fill:context-stroke}.warn-glyph{font-size:13px;fill:var(--error);cursor:default}.warn-glyph.status-external{fill:var(--warn)}.canvas-toolbar button.active{background:var(--accent-solid);border-color:var(--accent-solid);color:var(--on-accent)}#detail-panel{width:330px;flex:none;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.9rem 1rem}#detail-panel h3{font-size:.95rem;margin-bottom:.6rem;color:var(--link)}.legend{margin-bottom:1.1rem;padding-bottom:.9rem;border-bottom:1px solid var(--border)}.legend-list{list-style:none;display:grid;gap:.3rem;font-size:.82rem;color:var(--text-dim)}.legend-list li{display:flex;align-items:center;gap:.5rem}.swatch{width:12px;height:12px;border-radius:3px;flex:none}.node-detail .hint{color:var(--text-dim);font-size:.85rem}.detail-grid{display:grid;grid-template-columns:auto 1fr;gap:.4rem .7rem;font-size:.85rem}.detail-grid dt{color:var(--text-dim)}.detail-grid dd{word-break:break-word}.detail-grid code{font-family:var(--mono);font-size:.8rem;color:var(--link);background:var(--bg);padding:.05rem .3rem;border-radius:4px}.pill{display:inline-block;background:var(--accent-solid);color:var(--on-accent);font-size:.65rem;font-weight:700;text-transform:uppercase;padding:.05rem .35rem;border-radius:4px}.dim{color:var(--text-dim)}.ref-section{margin-top:.9rem;padding-top:.7rem;border-top:1px solid var(--border)}.ref-section h4{font-size:.8rem;color:var(--text-dim);margin-bottom:.4rem}.ref-item{font-size:.82rem;margin-bottom:.45rem;word-break:break-word}.ref-item code{font-family:var(--mono);font-size:.78rem;color:var(--link)}.nav-ref{background:none;border:none;padding:0;font:inherit;text-align:left;color:var(--text);cursor:pointer;text-decoration:underline;text-decoration-color:var(--border)}.nav-ref:hover{color:var(--link)}.ref-badge{display:inline-block;font-size:.62rem;font-weight:700;text-transform:uppercase;padding:.05rem .3rem;border-radius:4px;margin-right:.35rem;background:var(--surface2);color:var(--text-dim)}.ref-badge.resolved{background:#1f6f3f;color:#d6ffe2}.ref-badge.type-mismatch,.ref-badge.broken{background:#6f1f2e;color:#ffd6de}.ref-badge.external{background:#6f561f;color:#ffeccf}.ref-note{color:var(--text-dim);font-size:.76rem;margin:.1rem 0 0 .2rem}