.tool-container{--border-color:#ddd;--background-color:#fff;--text-color:#333;--button-hover:#f0f0f0;--button-active:#e0e0e0;--status-bg:#f5f5f5;--error-bg:#ffebee;--error-color:#d32f2f;--success-color:#4caf50;--tree-node-hover:#f5f5f5;--tree-expander-color:#777;--tree-tag-color:#1976d2;--tree-attr-color:#7b1fa2;--tree-value-color:#689f38;flex-direction:column;width:100%;height:100%;font-family:Arial,sans-serif;display:flex}.dark-theme .tool-container{--border-color:#555;--background-color:#333;--text-color:#eee;--button-hover:#444;--button-active:#555;--status-bg:#3a3a3a;--error-bg:#4a2c2c;--error-color:#ff6b6b;--success-color:#81c784;--tree-node-hover:#3a3a3a;--tree-expander-color:#aaa;--tree-tag-color:#64b5f6;--tree-attr-color:#ce93d8;--tree-value-color:#aed581}.tool-content-container{margin:0 auto;padding:20px}.tool-title{color:var(--text-color);margin-bottom:10px;font-size:24px}.tool-description{color:var(--text-secondary);margin-bottom:20px;font-size:16px}.action-buttons{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:15px;display:flex}.main-actions{flex-wrap:wrap;gap:5px;display:flex}.view-buttons{gap:5px;display:flex}button{background-color:var(--surface);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;border-radius:4px;align-items:center;padding:6px 12px;font-size:14px;transition:background-color .2s;display:flex}button:hover{background-color:var(--hover-color)}button:active,button.active{background-color:var(--active-color)}.icon{background-position:50%;background-repeat:no-repeat;background-size:contain;width:16px;height:16px;margin-right:4px;display:inline-block}.options-panel{border:1px solid var(--border-color);background-color:var(--bg-light,var(--bg-color));border-radius:4px;flex-wrap:wrap;gap:15px;margin-bottom:15px;padding:10px;display:flex}.option-group{align-items:center;gap:5px;display:flex}.option-group select{border:1px solid var(--border-color);background-color:var(--input-bg);min-height:28px;color:var(--text-color);border-radius:4px;padding:4px 8px;font-size:14px}.option-group select option,[data-theme=dark] .options-panel .option-group select,[data-theme=dark] .options-panel .option-group select option{background-color:var(--input-bg);color:var(--text-color)}.option-group input[type=checkbox]{margin:0}.option-group label{color:var(--text-color);font-size:14px}.editor-container{border:1px solid var(--border-color);background-color:var(--card-bg,var(--bg-color));border-radius:4px;height:calc(100vh - 420px);min-height:300px;margin-bottom:15px;position:relative;overflow:hidden}#views-container{width:100%;height:100%}.view-content{width:100%;height:100%;display:none;overflow:auto}.view-content.active{height:100%;display:block}#code-view.active .xml-cm-host{height:100%}.editor-resizer{cursor:ns-resize;background-color:var(--border-color);opacity:.5;height:5px;position:absolute;bottom:0;left:0;right:0}.editor-resizer:hover,.editor-container.resizing .editor-resizer{opacity:1}#code-view{background-color:var(--surface)}#xml-input{display:none}.CodeMirror{font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.5;height:100%!important}.xml-tree-container{height:100%;color:var(--text-color);box-sizing:border-box;padding:10px;font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.5;overflow:auto}.xml-tree-node{padding-left:18px;position:relative}.xml-tree-node-content{cursor:pointer;white-space:nowrap;flex-wrap:wrap;align-items:center;padding:2px 0;display:flex}.xml-tree-node-content:hover{background-color:var(--hover-color)}.xml-tree-expander{width:16px;height:16px;color:var(--text-secondary);cursor:pointer;text-align:center;margin-right:5px;font-size:12px;line-height:16px;display:inline-block}.xml-tree-collapsed>.xml-tree-children{display:none}.xml-tree-tag{color:#1976d2;margin-right:5px}.dark-theme .xml-tree-tag{color:#64b5f6}.xml-tree-attributes{margin-left:5px}.xml-tree-attribute{color:#7b1fa2;margin-right:5px}.dark-theme .xml-tree-attribute{color:#ce93d8}.xml-tree-value{color:#689f38;margin-left:5px}.dark-theme .xml-tree-value{color:#aed581}.empty-tree{text-align:center;color:var(--text-disabled);padding:20px}.parsing-error{color:var(--error);background-color:var(--error-container);border-radius:4px;margin:10px 0;padding:10px}.error-container{background-color:var(--error-container);color:var(--error);border-radius:4px;margin-bottom:15px;padding:10px;display:none}.error-container.show{display:block}.error-content{justify-content:space-between;align-items:center;display:flex}#error-message{flex:1}#close-error{color:var(--error);cursor:pointer;background:0 0;border:none;padding:0 5px;font-size:18px}.status-bar{background-color:var(--bg-light,var(--bg-color));border:1px solid var(--border-color);color:var(--text-secondary,var(--text-color));border-radius:4px;justify-content:space-between;padding:8px 10px;font-size:12px;display:flex}.info-group{gap:15px;display:flex}.related-tools{margin-top:40px}.related-tools h3{color:var(--text-color);margin-bottom:15px;font-size:18px}.tools-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.tool-card{border:1px solid var(--border-color);background-color:var(--surface);border-radius:4px;padding:15px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.tool-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0000001a}.tool-icon{margin-bottom:10px;font-size:24px}.tool-card h3{color:var(--text-color);margin:10px 0;font-size:16px}.tool-card p{color:var(--text-secondary);margin:0;font-size:14px}@media (width<=768px){.editor-container{height:calc(100vh - 480px);min-height:260px}}.sr-only[data-v-65313ae3]{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.xml-cm-host[data-v-65313ae3] .CodeMirror{height:100%;min-height:260px}.view-content[data-v-65313ae3]{display:none}.view-content.active[data-v-65313ae3]{display:block}