:root{font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-page: #f6f7fb;--bg-panel: #ffffff;--bg-panel-alt: #fbfbff;--bg-panel-canvas: #fafbff;--bg-toolbar: #f8f9fb;--bg-elem-header: #f3f4ff;--bg-node-card: #f9fafc;--bg-canvas-dot: #f0f2f8;--bg-empty: #f4f6ff;--bg-input: #ffffff;--bg-root-body: #f0f1ff;--text-primary: #1d1f2c;--text-secondary: #4c5367;--text-muted: #6a7186;--text-subtle: #7a8197;--text-placeholder: #9ca3c8;--border: #e1e6f5;--border-light: #eef1fb;--border-input: #d7dbea;--border-connector: #e4e7f5;--border-detail: #edf0fb;--border-input-2: #cbd5e1;--border-collapse: #cfd6f5;--accent: #4f46e5;--accent-2: #6366f1;--accent-soft: #eef0ff;--accent-hover: #f3f4ff;--accent-text-active: #3730a3;--btn-secondary-bg: #eef0ff;--btn-secondary-text: #2a2f55;--btn-ghost-border: #c4c8e0;--btn-ghost-text: #2a2f55;--toggle-border: #c4c8e0;--toggle-text: #2a2f55;--toggle-hover-bg: #eef0ff;--pill-bg: #eef0ff;--pill-text: #2a2f55;--collapse-btn-bg: #ffffff;--collapse-btn-border: #cfd6f5;--collapse-btn-text: #323a64;--comp-seq-bg: #eef0ff;--comp-seq-text: #4f46e5;--comp-seq-border: #6366f1;--comp-choice-bg: #fffbeb;--comp-choice-text: #b45309;--comp-choice-border:#f59e0b;--comp-all-bg: #f5f3ff;--comp-all-text: #7c3aed;--comp-all-border: #8b5cf6;--group-seq-border: #6366f1;--group-choice-border: #f59e0b;--group-all-border: #8b5cf6;--badge-occurs-bg: #e6f6ff;--badge-occurs-text: #1a4c6b;--badge-count-bg: #f3f4f6;--badge-count-text: #6a7186;--badge-cycle-bg: #ffe4e6;--badge-cycle-text: #9f1239;--badge-req-bg: #fce7f3;--badge-req-text: #9d174d;--badge-opt-bg: #f3f4f6;--badge-opt-text: #6a7186;--attr-header-bg: #f0fdfa;--attr-header-text: #0d9488;--attr-border: #0d9488;--indicator-attr-text: #059669;--indicator-attr-border: #a7f3d0;--notice-warn-bg: #fff8e6;--notice-warn-border: #f6d37c;--notice-error-bg: #ffe9e9;--notice-error-border:#f0a6a6;--design-child-name: #1d1f2c;--design-extends: #6366f1;--design-cycle-bg: #f7f7f7;--dv-box-bg: #ffffff;--dv-box-top-border: #e5e7eb;--dv-box-name-text: #1e293b;--dv-box-occurs-text: #6366f1;--dv-type-builtin: #64748b;--dv-type-complex: #7c3aed;--dv-toolbar-text: #64748b;--dv-toolbar-select-bg: #ffffff;--dv-toolbar-select-text:#1e293b;--dv-toolbar-select-border:#cbd5e1;--dv-dot-color: #c7cde8;--dv-collapse-hover-bg: #eef0ff;--dv-collapse-hover-border:#818cf8;--dv-collapse-text: #4f46e5;--dv-collapse-border: #c7d2fe;--dv-indicator-accent: #4f46e5;--dv-indicator-border: #c7d2fe;--dv-optional-border: #93c5fd;--dv-cycle-text: #ef4444}[data-theme=dark]{--bg-page: #0d0f1a;--bg-panel: #161824;--bg-panel-alt: #1a1c2e;--bg-panel-canvas: #14162a;--bg-toolbar: #1a1c2e;--bg-elem-header: #1e203a;--bg-node-card: #1a1c2e;--bg-canvas-dot: #1a1c2e;--bg-empty: #1a1c30;--bg-input: #1e2035;--bg-root-body: #1e203a;--text-primary: #e8eaf5;--text-secondary: #a0a8c0;--text-muted: #737b99;--text-subtle: #606880;--text-placeholder: #4a5278;--border: #2a2d4a;--border-light: #222440;--border-input: #2d3060;--border-connector: #2a2d4a;--border-detail: #222440;--border-input-2: #2d3060;--border-collapse: #2d3060;--accent: #818cf8;--accent-2: #a5b4fc;--accent-soft: #1e1f3a;--accent-hover: #232550;--accent-text-active: #c7d2fe;--btn-secondary-bg: #1e1f3a;--btn-secondary-text: #a0a8c0;--btn-ghost-border: #2a2d4a;--btn-ghost-text: #a0a8c0;--toggle-border: #2a2d4a;--toggle-text: #a0a8c0;--toggle-hover-bg: #1e1f3a;--pill-bg: #1e1f3a;--pill-text: #a0a8c0;--collapse-btn-bg: #1e2035;--collapse-btn-border: #2d3060;--collapse-btn-text: #a0a8c0;--comp-seq-bg: #1e1f3a;--comp-seq-text: #818cf8;--comp-seq-border: #6366f1;--comp-choice-bg: #2a1e0a;--comp-choice-text: #f59e0b;--comp-choice-border:#f59e0b;--comp-all-bg: #1e1430;--comp-all-text: #a78bfa;--comp-all-border: #8b5cf6;--group-seq-border: #6366f1;--group-choice-border: #f59e0b;--group-all-border: #8b5cf6;--badge-occurs-bg: #0f2840;--badge-occurs-text: #7dd3fc;--badge-count-bg: #222438;--badge-count-text: #737b99;--badge-cycle-bg: #3a1020;--badge-cycle-text: #fb7185;--badge-req-bg: #3a1030;--badge-req-text: #f9a8d4;--badge-opt-bg: #222438;--badge-opt-text: #737b99;--attr-header-bg: #0a2220;--attr-header-text: #2dd4bf;--attr-border: #0d9488;--indicator-attr-text: #34d399;--indicator-attr-border: #065f46;--notice-warn-bg: #2a2210;--notice-warn-border: #7a5a10;--notice-error-bg: #2a1010;--notice-error-border:#7a2020;--design-child-name: #e8eaf5;--design-extends: #818cf8;--design-cycle-bg: #1a1c2e;--dv-box-bg: #1a1c30;--dv-box-top-border: #2a2d4a;--dv-box-name-text: #e0e4f5;--dv-box-occurs-text: #818cf8;--dv-type-builtin: #94a3b8;--dv-type-complex: #a78bfa;--dv-toolbar-text: #94a3b8;--dv-toolbar-select-bg: #1e2035;--dv-toolbar-select-text:#e0e4f5;--dv-toolbar-select-border:#2d3060;--dv-dot-color: #252844;--dv-collapse-hover-bg: #1e1f3a;--dv-collapse-hover-border:#6366f1;--dv-collapse-text: #818cf8;--dv-collapse-border: #3730a3;--dv-indicator-accent: #818cf8;--dv-indicator-border: #3730a3;--dv-optional-border: #3b82f6;--dv-cycle-text: #f87171}*{box-sizing:border-box}body{margin:0;background:var(--bg-page);color:var(--text-primary)}#root{min-height:100vh}.app{min-height:100vh;padding:2rem;background:var(--bg-page);color:var(--text-primary)}.app-header{display:flex;justify-content:space-between;gap:2rem;align-items:flex-start;margin-bottom:1rem}.app-header h1{margin:0 0 .4rem;font-size:2rem}.subtitle{margin:0;color:var(--text-secondary)}.header-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.lang-toggle{display:flex;border:1px solid var(--toggle-border);border-radius:999px;overflow:hidden}.lang-btn{background:transparent;border:none;padding:.4rem .75rem;font-size:.85rem;font-weight:600;cursor:pointer;color:var(--toggle-text);transition:background .15s ease,color .15s ease}.lang-btn.active{background:var(--accent);color:#fff}.lang-btn:not(.active):hover{background:var(--toggle-hover-bg)}.theme-toggle{display:flex;border:1px solid var(--toggle-border);border-radius:999px;overflow:hidden}.theme-btn{background:transparent;border:none;padding:.4rem .75rem;font-size:.9rem;cursor:pointer;color:var(--toggle-text);transition:background .15s ease,color .15s ease;line-height:1}.theme-btn.active{background:var(--accent);color:#fff}.theme-btn:not(.active):hover{background:var(--toggle-hover-bg)}.view-toggle{display:flex;border:1px solid var(--toggle-border);border-radius:999px;overflow:hidden}.view-btn{background:transparent;border:none;padding:.4rem .9rem;font-size:.85rem;font-weight:600;cursor:pointer;color:var(--toggle-text);transition:background .15s ease,color .15s ease;display:inline-flex;align-items:center;gap:.35rem}.view-btn-icon{font-size:1rem;line-height:1}.view-btn.active{background:var(--accent);color:#fff}.view-btn:not(.active):hover{background:var(--toggle-hover-bg)}.button{border-radius:999px;padding:.55rem 1.2rem;border:none;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;font-weight:600;transition:transform .15s ease,box-shadow .15s ease}.button input{display:none}.button.primary{background:var(--accent);color:#fff;box-shadow:0 8px 18px #4f46e540}.button.secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.button.ghost{background:transparent;border:1px solid var(--btn-ghost-border);color:var(--btn-ghost-text)}.button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.main{display:grid;grid-template-columns:minmax(280px,1fr) minmax(360px,2fr);gap:1.5rem}.sidebar{display:flex;flex-direction:column;gap:1.5rem}.sticky-details{position:sticky;top:1.5rem}.panel{background:var(--bg-panel);border-radius:16px;padding:1.5rem;box-shadow:0 12px 30px #1b275e14;min-height:320px}.panel h2{margin-top:0;font-size:1.2rem}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-header h2{margin:0}.panel-split{display:grid;grid-template-columns:minmax(260px,2fr) minmax(220px,1fr);gap:1.2rem;align-items:start}.panel-main{min-height:400px;display:flex;flex-direction:column}.panel-main .design-view,.panel-main .dv-view{flex:1;min-height:0}.selection-pill{background:var(--pill-bg);color:var(--pill-text);font-size:.8rem;padding:.35rem .7rem;border-radius:999px}.field{margin-bottom:1.2rem}.field label{font-weight:600;display:block;margin-bottom:.4rem}select{width:100%;padding:.5rem .8rem;border-radius:10px;border:1px solid var(--border-input);font-size:.95rem;background:var(--bg-input);color:var(--text-primary)}.hint{margin:.4rem 0 0;color:var(--text-muted);font-size:.85rem}.empty{color:var(--text-muted);font-size:.95rem;background:var(--bg-empty);padding:.8rem;border-radius:10px}.file-list{list-style:none;margin:0;padding:0;max-height:240px;overflow:auto;border:1px solid var(--border);border-radius:10px}.file-list li{padding:.4rem .6rem;border-bottom:1px solid var(--border-light);font-size:.88rem}.file-list li:last-child{border-bottom:none}.notice{margin-top:1rem;padding:.8rem;border-radius:10px;font-size:.9rem}.notice ul{margin:.5rem 0 0;padding-left:1.1rem}.notice.warning{background:var(--notice-warn-bg);border:1px solid var(--notice-warn-border)}.notice.error{background:var(--notice-error-bg);border:1px solid var(--notice-error-border)}.welcome{display:flex;justify-content:center;align-items:center;padding:4rem 2rem}.welcome-card{background:var(--bg-panel);border-radius:20px;padding:3rem;box-shadow:0 12px 40px #1b275e1a;max-width:520px;width:100%;text-align:center}.welcome-card h2{margin:0 0 .75rem;font-size:1.5rem;color:var(--text-primary)}.welcome-card p{color:var(--text-secondary);margin:0 0 2rem;line-height:1.6}.welcome-actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.welcome-hint{color:var(--text-muted);font-size:.85rem;margin:0!important}@media(max-width:980px){.app-header{flex-direction:column}.main,.panel-split{grid-template-columns:1fr}}.design-view{display:flex;flex-direction:column;height:100%;min-height:500px}.design-view-full{min-height:unset}.design-elements-panel{border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.design-elements-panel-header{padding:.6rem .75rem;border-bottom:1px solid var(--border);background:var(--bg-elem-header)}.design-elements-panel-header h3{margin:0;font-size:.8rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.design-elements-list{flex:1;overflow-y:auto;padding:.4rem 0}.design-empty-list{padding:.6rem .75rem;color:var(--text-muted);font-size:.85rem}.design-element-item{display:flex;align-items:center;gap:.4rem;padding:.45rem .75rem;cursor:pointer;font-size:.88rem;border-left:3px solid transparent;transition:background .12s ease,border-color .12s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.design-element-item:hover{background:var(--accent-soft)}.design-element-item.active{background:var(--accent-hover);border-left-color:var(--accent);font-weight:600;color:var(--accent-text-active)}.design-element-item-icon{color:var(--accent);font-size:.75rem;flex-shrink:0}.design-element-item-name{overflow:hidden;text-overflow:ellipsis}.design-canvas{flex:1;min-height:0;overflow:auto;padding:1.25rem 1.5rem;background:var(--bg-panel-canvas)}.design-canvas-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;color:var(--text-placeholder);text-align:center;gap:.5rem}.design-canvas-empty-icon{font-size:3rem;opacity:.4}.design-canvas-empty p{margin:0;font-size:.95rem}.design-breadcrumb{display:flex;align-items:center;gap:.1rem;flex-wrap:wrap;font-size:.82rem;margin-bottom:.25rem}.breadcrumb-entry{display:flex;align-items:center}.crumb{padding:.15rem .4rem;border-radius:6px;color:var(--text-secondary)}.crumb-link{cursor:pointer;color:var(--accent);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.crumb-link:hover{background:var(--accent-soft)}.crumb-current{font-weight:700;color:var(--text-primary)}.crumb-sep{color:var(--text-placeholder);padding:0 .1rem}.content-model-panel{display:flex;flex-direction:column;gap:.75rem;max-width:760px}.design-root-box{border-radius:12px;overflow:hidden;border:2px solid var(--accent);box-shadow:0 6px 20px #4f46e526}.design-root-header{display:flex;align-items:center;gap:.6rem;padding:.65rem 1rem;background:var(--accent);color:#fff}.design-root-icon{font-size:.85rem;opacity:.85}.design-root-name{font-size:1rem;font-weight:700;letter-spacing:.01em}.design-root-type{margin-left:auto;font-size:.78rem;opacity:.8;background:#ffffff2e;padding:.15rem .5rem;border-radius:999px}.design-root-body{display:flex;align-items:center;gap:1rem;padding:.4rem 1rem;background:var(--bg-root-body);font-size:.8rem}.design-root-extends{color:var(--design-extends);font-style:italic}.design-root-source{color:var(--text-muted);margin-left:auto;font-size:.75rem}.design-compositor{border-radius:12px;overflow:hidden;border:1.5px solid}.design-compositor-sequence{border-color:var(--comp-seq-border)}.design-compositor-choice{border-color:var(--comp-choice-border)}.design-compositor-all{border-color:var(--comp-all-border)}.compositor-header{display:flex;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.design-compositor-sequence .compositor-header{background:var(--comp-seq-bg);color:var(--comp-seq-text)}.design-compositor-choice .compositor-header{background:var(--comp-choice-bg);color:var(--comp-choice-text)}.design-compositor-all .compositor-header{background:var(--comp-all-bg);color:var(--comp-all-text)}.compositor-symbol{font-size:1rem}.compositor-children{display:flex;flex-direction:column;gap:1px;background:var(--border-connector);padding:0}.design-child-box{display:flex;align-items:center;gap:.55rem;padding:.55rem .85rem;background:var(--bg-panel);font-size:.88rem;cursor:default;transition:background .12s ease;position:relative}.design-child-box.navigable{cursor:pointer}.design-child-box.navigable:hover{background:var(--accent-hover)}.design-child-box.selected{background:var(--accent-soft);outline:1px solid var(--accent-2);outline-offset:-1px}.design-child-box.cycle{background:var(--design-cycle-bg);cursor:default;opacity:.65}.design-child-icon{color:var(--accent);font-size:.72rem;flex-shrink:0}.design-child-name{font-weight:600;color:var(--design-child-name);min-width:120px}.design-child-type{color:var(--text-muted);font-size:.82rem;flex:1}.design-child-meta{display:flex;align-items:center;gap:.4rem;margin-left:auto;flex-shrink:0}.design-occurs-badge{background:var(--badge-occurs-bg);color:var(--badge-occurs-text);border-radius:999px;font-size:.72rem;padding:.1rem .45rem;font-weight:600}.design-count-badge{background:var(--badge-count-bg);color:var(--badge-count-text);border-radius:999px;font-size:.72rem;padding:.1rem .45rem}.design-cycle-badge{background:var(--badge-cycle-bg);color:var(--badge-cycle-text);border-radius:999px;font-size:.72rem;padding:.1rem .45rem}.design-navigate-arrow{color:var(--text-placeholder);font-size:1rem;margin-left:.25rem;transition:color .12s ease,transform .12s ease}.design-child-box.navigable:hover .design-navigate-arrow{color:var(--accent);transform:translate(2px)}.design-group-inline{background:var(--bg-panel);padding:.4rem .85rem}.design-group-label{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem;padding-left:.1rem}.design-group-sequence .design-group-label{color:var(--comp-seq-text)}.design-group-choice .design-group-label{color:var(--comp-choice-text)}.design-group-all .design-group-label{color:var(--comp-all-text)}.design-group-symbol{font-size:.9rem}.design-group-children{border-left:2px solid var(--border-connector);padding-left:.5rem;display:flex;flex-direction:column;gap:2px}.design-group-sequence .design-group-children{border-left-color:var(--group-seq-border)}.design-group-choice .design-group-children{border-left-color:var(--group-choice-border)}.design-group-all .design-group-children{border-left-color:var(--group-all-border)}.design-attributes-section{border-radius:12px;overflow:hidden;border:1.5px solid var(--attr-border)}.design-section-header{display:flex;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.design-attr-header{background:var(--attr-header-bg);color:var(--attr-header-text)}.design-section-symbol{font-size:.9rem;font-weight:900}.design-attr-row{display:flex;align-items:center;gap:.5rem;padding:.45rem .85rem;background:var(--bg-panel);font-size:.85rem;border-top:1px solid var(--border-connector)}.design-attr-at{color:var(--attr-header-text);font-weight:700;font-size:.85rem;flex-shrink:0}.design-attr-name{font-weight:600;color:var(--design-child-name);min-width:110px}.design-attr-type{color:var(--text-muted);font-size:.82rem;flex:1}.design-attr-use{border-radius:999px;font-size:.72rem;padding:.1rem .45rem;font-weight:600}.design-attr-use-required{background:var(--badge-req-bg);color:var(--badge-req-text)}.design-attr-use-optional{background:var(--badge-opt-bg);color:var(--badge-opt-text)}.design-attr-default,.design-attr-fixed,.design-attr-group{font-size:.78rem;color:var(--text-placeholder)}.design-no-content{background:var(--bg-empty);border-radius:10px;padding:.75rem 1rem;color:var(--text-muted);font-size:.9rem;font-style:italic}.dv-view{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.dv-toolbar{display:flex;align-items:center;gap:.6rem;padding:.45rem 1rem;background:var(--bg-toolbar);border-bottom:1px solid var(--border);flex-shrink:0}.dv-toolbar-label{font-size:.75rem;font-weight:600;color:var(--dv-toolbar-text);white-space:nowrap}.dv-toolbar-select{font-size:.8rem;padding:.2rem .5rem;border:1px solid var(--dv-toolbar-select-border);border-radius:5px;background:var(--dv-toolbar-select-bg);color:var(--dv-toolbar-select-text);cursor:pointer;min-width:180px;max-width:320px}.dv-toolbar-select:focus{outline:2px solid var(--accent-2);outline-offset:1px}.dv-canvas-outer{flex:1;min-height:0;overflow:auto;background:var(--bg-canvas-dot);background-image:radial-gradient(circle,var(--dv-dot-color) 1px,transparent 1px);background-size:20px 20px}.dv-canvas-inner{position:relative}.dv-svg{position:absolute;inset:0;pointer-events:none;overflow:visible}.dv-box{position:absolute;border-radius:3px;background:var(--dv-box-bg);border:1.5px solid var(--accent-2);box-shadow:0 1px 4px #3c3c781f;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;transition:box-shadow .12s ease,border-color .12s ease,background .12s ease;user-select:none;overflow:hidden}.dv-box:hover{border-color:var(--accent);box-shadow:0 2px 10px #4f46e538}.dv-box-optional{border-style:dashed;border-color:var(--dv-optional-border)}.dv-box-optional:hover{border-color:var(--accent);border-style:dashed}.dv-box-required{border-style:solid;border-color:var(--accent-2)}.dv-box-selected{background:#1e40af!important;border-color:#1e40af!important;border-style:solid!important;box-shadow:0 2px 12px #1e40af66!important}.dv-box-selected .dv-box-name,.dv-box-selected .dv-box-occurs{color:#fff!important}.dv-box-selected .dv-box-type,.dv-box-selected .dv-box-type-empty{color:#ffffffbf!important}.dv-box-selected .dv-indicator-plus,.dv-box-selected .dv-indicator-ref,.dv-box-selected .dv-indicator-attr{color:#ffffffd9!important;border-color:#ffffff80!important}.dv-box-ref .dv-box-name:after{content:" ↗";font-size:.6rem;opacity:.6}.dv-box-cycle{opacity:.55;border-style:dotted}.dv-box-top,.dv-box-bottom{display:flex;align-items:center;padding:0 6px;gap:4px;min-width:0}.dv-box-top{padding-top:4px;border-bottom:1px solid var(--dv-box-top-border);padding-bottom:3px}.dv-box-selected .dv-box-top{border-bottom-color:#ffffff40}.dv-box-bottom{padding-bottom:3px}.dv-box-name{font-size:.78rem;font-weight:700;color:var(--dv-box-name-text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dv-box-occurs{font-size:.66rem;color:var(--dv-box-occurs-text);font-weight:600;flex-shrink:0;white-space:nowrap}.dv-box-type{font-size:.69rem;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dv-type-builtin{color:var(--dv-type-builtin)}.dv-type-complex{color:var(--dv-type-complex);font-style:italic}.dv-box-type-empty{flex:1}.dv-box-cycle-label{font-size:.68rem;color:var(--dv-cycle-text);font-style:italic;flex:1}.dv-box-collapsed{border-right-width:3px}.dv-box-collapsed .dv-box-top{border-bottom:none}.dv-box-indicators{display:flex;gap:2px;align-items:center;flex-shrink:0}.dv-indicator-ref,.dv-indicator-attr{font-size:.65rem;font-weight:700;color:var(--dv-indicator-accent);border:1px solid var(--dv-indicator-border);border-radius:2px;line-height:1;padding:1px 2px}.dv-indicator-attr{color:var(--indicator-attr-text);border-color:var(--indicator-attr-border)}.dv-collapse-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:.5rem;color:var(--dv-collapse-text);border:1px solid var(--dv-collapse-border);border-radius:3px;cursor:pointer;flex-shrink:0;transition:background .1s,border-color .1s}.dv-collapse-btn:hover{background:var(--dv-collapse-hover-bg);border-color:var(--dv-collapse-hover-border)}.dv-box-selected .dv-collapse-btn{color:#fff;border-color:#ffffff80}.dv-box-selected .dv-collapse-btn:hover{background:#ffffff26}.dv-compositor-label{position:absolute;cursor:pointer;border-radius:2px;display:flex;align-items:center;justify-content:center}.dv-compositor-label:hover{outline:2px solid rgba(255,255,255,.55);outline-offset:1px}.dv-compositor-selected{outline:2px solid #fff!important;outline-offset:2px}.dv-compositor-toggle{all:unset;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:.44rem;color:#ffffffeb;text-shadow:0 1px 2px rgba(0,0,0,.25);cursor:pointer}.dv-compositor-toggle:hover{color:#fff}.tree{font-size:.92rem;overflow-x:auto}.tree-node{margin-bottom:.4rem}.node-card{border-radius:12px;background:var(--bg-node-card);border:1px solid var(--border);padding:.6rem .75rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .12s ease;width:100%;box-sizing:border-box}.node-card:hover{border-color:var(--accent-2);box-shadow:0 6px 18px #303b7d1a;transform:translateY(0)}.node-card.selected{border-color:var(--accent);box-shadow:0 10px 24px #4f46e533;background:var(--accent-hover)}.node-card.muted{background:var(--design-cycle-bg);cursor:default}.node-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.node-name{font-weight:600}.node-meta{color:var(--text-muted);font-size:.82rem}.node-subline{font-size:.78rem;color:var(--text-subtle);margin-left:2.1rem;margin-top:.2rem}.badge{background:var(--badge-occurs-bg);color:var(--badge-occurs-text);border-radius:999px;font-size:.7rem;padding:.15rem .5rem}.collapse-toggle{background:var(--collapse-btn-bg);border:1px solid var(--collapse-btn-border);color:var(--collapse-btn-text);width:24px;height:24px;border-radius:6px;cursor:pointer;font-weight:700;line-height:1}.collapse-placeholder{width:24px;height:24px;display:inline-block}.node-children{margin-top:.3rem;border-left:2px solid var(--border-connector);padding-left:.6rem}.node-leaf{color:var(--text-muted);font-size:.8rem}.details-panel{border-radius:14px;border:1px solid var(--border);background:var(--bg-panel-alt);padding:1rem;min-height:240px}.details-panel h3{margin-top:0;font-size:1rem}.details-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.details-panel.empty-panel{color:var(--text-muted)}.detail-row{display:flex;justify-content:space-between;gap:.8rem;font-size:.85rem;padding:.35rem 0;border-bottom:1px solid var(--border-detail)}.detail-row span:first-child{color:var(--text-muted)}.detail-section{margin-top:.8rem}.detail-section h4{margin:0 0 .4rem;font-size:.9rem}.detail-section ul{margin:0;padding-left:1.1rem;max-height:180px;overflow:auto}.powered-by{position:relative;display:inline-flex;align-items:center;margin-top:2.5rem;user-select:none}.powered-by img{height:22px;width:auto;display:block}.powered-by-label{position:absolute;top:-10px;left:2px;font-size:.6rem;font-style:italic;letter-spacing:.03em;color:var(--text-muted);transform:rotate(-12deg);transform-origin:left center;white-space:nowrap;pointer-events:none}