.xml-formatter{width:100%;position:relative}.xml-notification{position:fixed;top:20px;right:20px;padding:calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 4);border-radius:calc(var(--border-radius) * .75);font-size:.9375rem;font-weight:500;z-index:1000;animation:slideIn .3s ease-out;box-shadow:0 4px 12px #0000004d}.xml-notification-success{background:var(--color-accent-green);color:#fff}.xml-notification-error{background:var(--color-accent-red);color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.xml-container{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 4)}.xml-templates-section{margin-bottom:calc(var(--spacing-unit) * 2)}.xml-section-title{font-size:1.125rem;font-weight:600;color:var(--color-accent-green);margin-bottom:calc(var(--spacing-unit) * 3)}.xml-templates-list{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 2)}.xml-template-button{display:inline-flex;align-items:center;gap:calc(var(--spacing-unit) * 1);padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 3);background:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:calc(var(--border-radius) * .75);color:var(--color-text-primary);font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:var(--transition)}.xml-template-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent-green)}.xml-settings-panel{background:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:calc(var(--border-radius) * .75);padding:calc(var(--spacing-unit) * 3)}.xml-settings-row{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 4);flex-wrap:wrap}.xml-settings-label{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1);font-size:.875rem;font-weight:500;color:var(--color-accent-green)}.xml-settings-controls{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2);flex-wrap:wrap}.xml-setting-control{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2)}.xml-setting-label{font-size:.875rem;color:var(--color-text-secondary)}.xml-number-input{width:64px;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:calc(var(--border-radius) * .5);color:var(--color-text-primary);font-size:.875rem;font-family:inherit;transition:var(--transition)}.xml-number-input:focus{outline:none;border-color:var(--color-accent-green);box-shadow:0 0 0 3px #22c55e1a}.xml-grid{display:grid;grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 4)}.xml-panel{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 3)}.xml-panel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 2)}.xml-panel-title{font-size:1.125rem;font-weight:600;color:var(--color-accent-green);margin:0}.xml-panel-actions{display:flex;gap:calc(var(--spacing-unit) * 2);flex-wrap:wrap}.xml-textarea-container{background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:calc(var(--border-radius) * .75);overflow:hidden}.xml-textarea{width:100%;min-height:384px;padding:calc(var(--spacing-unit) * 4);background:transparent;border:none;color:var(--color-text-primary);font-family:Courier New,monospace;font-size:.875rem;resize:vertical;transition:var(--transition);line-height:1.6}.xml-textarea:focus{outline:none}.xml-textarea::placeholder{color:var(--color-text-muted)}.xml-errors-panel{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:calc(var(--border-radius) * .75);padding:calc(var(--spacing-unit) * 3)}.xml-errors-title{font-weight:600;color:var(--color-accent-red);margin-bottom:calc(var(--spacing-unit) * 2);display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1)}.xml-errors-list{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2)}.xml-error-item{font-size:.875rem}.xml-error-location{color:var(--color-accent-red);font-weight:500}.xml-error-message{color:#ef4444cc;margin-left:calc(var(--spacing-unit) * 2)}.xml-output-container{background:var(--color-bg-primary);border:1px solid var(--color-bg-tertiary);border-radius:calc(var(--border-radius) * .75);overflow:hidden;min-height:384px;max-height:384px;overflow-y:auto}.xml-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);font-size:.875rem}.xml-placeholder-error{color:var(--color-accent-red);flex-direction:column;gap:calc(var(--spacing-unit) * 2)}.xml-code-container{display:flex;height:100%}.xml-line-numbers{background:var(--color-bg-secondary);padding:calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 2);color:var(--color-text-muted);font-size:.75rem;font-family:Courier New,monospace;user-select:none;border-right:1px solid var(--color-bg-tertiary);min-width:40px;text-align:right}.xml-line-number{line-height:1.5}.xml-code-content{flex:1;padding:calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 4);overflow-x:auto}.xml-code-pre{margin:0;font-size:.875rem;font-family:Courier New,monospace;white-space:pre-wrap;word-wrap:break-word;color:var(--color-text-primary);line-height:1.6}.xml-tree-view{padding:calc(var(--spacing-unit) * 3);font-family:Courier New,monospace;font-size:.875rem;overflow-y:auto;height:100%}.xml-tree-node{margin-left:calc(var(--spacing-unit) * 4)}.xml-tree-row{display:flex;align-items:center;padding:calc(var(--spacing-unit) * .5) 0;gap:calc(var(--spacing-unit) * 1)}.xml-tree-toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;transition:var(--transition);margin-right:calc(var(--spacing-unit) * 2)}.xml-tree-toggle:hover{color:var(--color-accent-green)}.xml-tag-open,.xml-tag-close{color:var(--color-accent-blue)}.xml-attribute{margin-left:calc(var(--spacing-unit) * 2)}.xml-attr-name{color:var(--color-accent-green)}.xml-attr-equals{color:var(--color-text-muted)}.xml-attr-value{color:#fbbf24}.xml-tree-children{margin-left:calc(var(--spacing-unit) * 4)}.xml-tree-text{padding:calc(var(--spacing-unit) * .5) 0;color:var(--color-text-primary)}.xml-status{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1);font-size:.875rem;padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 3);border-radius:calc(var(--border-radius) * .75)}.xml-status-valid{background:#22c55e1a;color:var(--color-accent-green);border:1px solid rgba(34,197,94,.3)}.xml-status-invalid{background:#ef44441a;color:var(--color-accent-red);border:1px solid rgba(239,68,68,.3)}.xml-button{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * 1);padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 3);border:none;border-radius:calc(var(--border-radius) * .75);font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:var(--transition)}.xml-button:disabled{opacity:.5;cursor:not-allowed}.xml-button-primary{background:var(--color-accent-green);color:#fff}.xml-button-primary:hover:not(:disabled){background:#22c55e;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.xml-button-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-bg-tertiary)}.xml-button-secondary:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-accent-green)}.xml-button-secondary.copied{background:var(--color-accent-green);border-color:var(--color-accent-green);color:#fff}.xml-button-toggle{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-bg-tertiary)}.xml-button-toggle:hover{background:var(--color-bg-secondary);border-color:var(--color-accent-green)}.xml-button-toggle.active{background:var(--color-accent-green);border-color:var(--color-accent-green);color:#fff}@media(min-width:1024px){.xml-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.xml-settings-row{flex-direction:column;align-items:flex-start}.xml-settings-controls{width:100%;flex-direction:column;align-items:stretch}.xml-button{width:100%}.xml-panel-header{flex-direction:column;align-items:stretch}.xml-panel-actions{width:100%}}.main[data-astro-cid-dmltgrfq]{min-height:100vh;padding:calc(var(--spacing-unit) * 4) 0}.container[data-astro-cid-dmltgrfq]{max-width:1200px;margin:0 auto;padding:0 calc(var(--spacing-unit) * 3)}.breadcrumb[data-astro-cid-dmltgrfq]{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1);margin-bottom:calc(var(--spacing-unit) * 4);font-size:.875rem;color:var(--color-text-muted)}.breadcrumb[data-astro-cid-dmltgrfq] a[data-astro-cid-dmltgrfq]{color:var(--color-text-muted);transition:var(--transition)}.breadcrumb[data-astro-cid-dmltgrfq] a[data-astro-cid-dmltgrfq]:hover{color:var(--color-accent-blue)}.separator[data-astro-cid-dmltgrfq]{color:var(--color-text-muted)}.current[data-astro-cid-dmltgrfq]{color:var(--color-text-secondary)}.tool-header[data-astro-cid-dmltgrfq]{display:flex;gap:calc(var(--spacing-unit) * 3);align-items:flex-start;margin-bottom:calc(var(--spacing-unit) * 6);padding-bottom:calc(var(--spacing-unit) * 6);border-bottom:1px solid var(--color-bg-tertiary)}.tool-icon[data-astro-cid-dmltgrfq]{width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;flex-shrink:0}.tool-info[data-astro-cid-dmltgrfq]{flex:1}.tool-title[data-astro-cid-dmltgrfq]{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:calc(var(--spacing-unit) * 2)}.tool-description[data-astro-cid-dmltgrfq]{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:calc(var(--spacing-unit) * 2);line-height:1.6}.tool-tags[data-astro-cid-dmltgrfq]{display:flex;gap:calc(var(--spacing-unit) * 1);flex-wrap:wrap}.tag[data-astro-cid-dmltgrfq]{font-size:.875rem;color:var(--color-text-muted);background:var(--color-bg-secondary);padding:calc(var(--spacing-unit) * .75) calc(var(--spacing-unit) * 2);border-radius:6px;border:1px solid var(--color-bg-tertiary)}.tool-content[data-astro-cid-dmltgrfq]{max-width:1200px}@media(max-width:768px){.container[data-astro-cid-dmltgrfq]{padding:0 calc(var(--spacing-unit) * 2)}.tool-header[data-astro-cid-dmltgrfq]{flex-direction:column;gap:calc(var(--spacing-unit) * 2)}.tool-icon[data-astro-cid-dmltgrfq]{width:64px;height:64px;font-size:1.5rem}.tool-title[data-astro-cid-dmltgrfq]{font-size:2rem}}