:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app{min-height:100vh;padding:2rem;max-width:1400px;margin:0 auto}.app-header{text-align:center;margin-bottom:2rem}.app-header h1{font-size:2.5em;margin-bottom:.5rem;color:#646cff}.app-header p{color:#888;font-size:1.1em}.app-main{display:flex;flex-direction:column;gap:2rem}.xml-upload{padding:1.5rem;background:linear-gradient(145deg,#ffffff0f,#ffffff05);border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #00000026}.xml-upload-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.xml-upload-header h2{margin:0;font-size:1.15rem;font-weight:600;color:#e0e0e0}.xml-upload-badge{font-size:.8rem;padding:.35rem .75rem;border-radius:20px;font-weight:500}.xml-upload-badge--success{background:#4caf5033;color:#81c784}.xml-upload-badge--error{background:#f4433633;color:#e57373}.xml-upload-badge--loading{background:#646cff33;color:#a5b4fc}.xml-upload-zone{position:relative;display:flex;align-items:center;justify-content:center;min-height:160px;padding:2rem;border:2px dashed rgba(255,255,255,.15);border-radius:10px;background:#ffffff05;cursor:pointer;transition:all .2s ease;overflow:hidden}.xml-upload-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.xml-upload-zone:hover:not(.xml-upload-zone--disabled){border-color:#646cff66;background:#646cff0d}.xml-upload-zone--active{border-color:#646cff!important;background:#646cff1f!important}.xml-upload-zone--filled{border-style:solid;border-color:#4caf504d;background:#4caf500f}.xml-upload-zone--filled:hover:not(.xml-upload-zone--disabled){border-color:#4caf5080;background:#4caf501a}.xml-upload-zone--disabled{cursor:not-allowed;opacity:.6}.xml-upload-placeholder,.xml-upload-success{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.xml-upload-icon{width:48px;height:48px;color:#fff6}.xml-upload-icon--success{color:#81c784}.xml-upload-text{font-size:1rem;font-weight:500;color:#e0e0e0}.xml-upload-accept{font-size:.85rem;color:#888}.xml-upload-filename{font-size:1rem;font-weight:600;color:#81c784}.xml-upload-hint{font-size:.85rem;color:#888}.xml-upload-error{margin:.75rem 0 0;padding:.5rem;font-size:.9rem;color:#e57373}.error-message{padding:1rem;background-color:#f4433633;border:1px solid rgba(244,67,54,.5);border-radius:4px;color:#ffcdd2}.preview-section{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.generator-section{flex-direction:column;align-items:flex-start;padding:1.25rem;margin-top:1rem;background:#1e203099;border:1px solid rgba(100,108,255,.25);border-radius:12px}.generator-title{font-size:1.15rem;font-weight:600;margin:0 0 .35rem;color:#e0e0e0}.generator-desc{font-size:.9rem;color:#b0b0b0;margin:0 0 1rem}.generator-section .generator-button{margin-top:0}.preview-button{padding:.6rem 1.25rem;font-size:1rem;font-weight:500;color:#e0e0e0;background:linear-gradient(145deg,#646cff40,#7c3aed33);border:1px solid rgba(100,108,255,.5);border-radius:8px;cursor:pointer;transition:background .2s,border-color .2s,transform .1s}.preview-button:hover:not(:disabled){background:linear-gradient(145deg,#646cff59,#7c3aed4d);border-color:#646cffb3}.preview-button:active:not(:disabled){transform:scale(.98)}.preview-button:disabled{opacity:.7;cursor:not-allowed}.preview-error{font-size:.9rem;color:#e57373}.results-section{margin-top:1rem}.results-section h2{font-size:1.5em;margin-bottom:1rem;color:#e0e0e0}.field-filter-container{margin-bottom:1.5rem;padding:1.5rem;background-color:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.field-filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.field-filter-header h3{font-size:1.2em;margin:0;color:#e0e0e0}.field-filter-controls{display:flex;gap:.5rem}.field-filter-button{padding:.5rem 1rem;background-color:#646cff33;border:1px solid rgba(100,108,255,.5);border-radius:4px;color:#e0e0e0;cursor:pointer;font-size:.9em;transition:background-color .2s,border-color .2s}.field-filter-button:hover{background-color:#646cff4d;border-color:#646cffb3}.field-filter-list{display:flex;flex-direction:column;gap:.25rem;max-height:400px;overflow-y:auto;padding:.5rem}.field-filter-item{display:flex;flex-direction:column;align-items:flex-start}.field-filter-label{display:flex;align-items:center;cursor:pointer;user-select:none;width:100%;padding:.5rem;border-radius:4px;transition:background-color .2s}.field-filter-label:hover{background-color:#ffffff0d}.field-filter-checkbox{margin-right:.75rem;width:18px;height:18px;cursor:pointer;accent-color:#646cff}.field-filter-name{color:#e0e0e0;font-weight:500;flex:1}.field-filter-path{color:#888;font-size:.85em;margin-left:.5rem;font-family:Courier New,monospace}.field-filter-content{display:flex;flex-direction:column;flex:1}.field-filter-description{color:#888;font-size:.85em;margin-top:.25rem;font-style:italic;line-height:1.3}.field-filter-nested{margin-left:0;margin-top:.25rem}.field-table-container{overflow-x:auto;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.field-table{width:100%;border-collapse:collapse;background-color:#ffffff08}.field-table thead{background-color:#646cff33}.field-table th{padding:1rem;text-align:left;font-weight:600;color:#e0e0e0;border-bottom:2px solid rgba(100,108,255,.5)}.field-table th.col-field{width:30%}.field-table th.col-value,.field-table th.col-description{width:35%}.field-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background-color .2s}.field-table tbody tr:hover{background-color:#ffffff0d}.field-table tbody tr.field-row-container{background-color:#646cff0d;font-weight:500}.field-table tbody tr.field-row-container:hover{background-color:#646cff1a}.field-name-container{font-weight:600;color:#a5b4fc}.container-indicator{font-size:.9em;margin-right:.25rem}.field-table td{padding:.75rem 1rem;color:#e0e0e0;vertical-align:top}.field-table .col-field{font-family:Courier New,monospace;font-size:.95em}.field-name{display:inline-block;font-weight:500}.field-type{color:#888;font-size:.85em;font-weight:400}.field-required{color:#f44336;font-weight:700}.field-validation{margin-top:.5rem;font-size:.85em;color:#888;display:flex;flex-direction:column;gap:.25rem}.field-table .col-value{word-break:break-word}.empty-value,.empty-description{color:#666;font-style:italic}.field-table-empty{padding:3rem;text-align:center;color:#888;background-color:#ffffff08;border-radius:8px;border:1px dashed rgba(255,255,255,.1)}@media(max-width:768px){.app{padding:1rem}.app-header h1{font-size:2em}.xml-upload{padding:1rem}.xml-upload-zone{min-height:140px;padding:1.5rem}.field-table{font-size:.9em}.field-table th,.field-table td{padding:.5rem}.field-table th.col-field,.field-table th.col-value,.field-table th.col-description{width:auto}.field-filter-container{padding:1rem}.field-filter-header{flex-direction:column;align-items:flex-start}.field-filter-controls{width:100%;flex-direction:column}.field-filter-button{width:100%}.field-filter-list{max-height:250px}}@media(prefers-color-scheme:light){.app-header h1{color:#535bf2}.xml-upload{background:linear-gradient(145deg,#00000008,#00000003);border-color:#00000014}.xml-upload-header h2{color:#213547}.xml-upload-badge--success{background:#2e7d3226;color:#2e7d32}.xml-upload-badge--error{background:#c6282826;color:#c62828}.xml-upload-zone{border-color:#0000001f;background:#00000005}.xml-upload-zone:hover:not(.xml-upload-zone--disabled){border-color:#535bf259;background:#535bf20a}.xml-upload-zone--active{border-color:#535bf2!important;background:#535bf21a!important}.xml-upload-zone--filled{border-color:#2e7d3240;background:#2e7d320d}.xml-upload-text{color:#213547}.xml-upload-filename,.xml-upload-icon--success{color:#2e7d32}.error-message{background-color:#f443361a;border-color:#f443364d;color:#c62828}.results-section h2{color:#213547}.field-filter-container{background-color:#00000005;border-color:#0000001a}.field-filter-header h3{color:#213547}.field-filter-button{background-color:#646cff1a;border-color:#646cff4d;color:#213547}.field-filter-button:hover{background-color:#646cff26;border-color:#646cff66}.field-filter-label:hover{background-color:#00000008}.field-filter-name{color:#213547}.field-filter-path{color:#666}.field-filter-description{color:#999}.field-table-container{border-color:#0000001a}.field-table{background-color:#00000005}.field-table thead{background-color:#646cff1a}.field-table th{color:#213547;border-bottom-color:#646cff4d}.field-table tbody tr{border-bottom-color:#0000000d}.field-table tbody tr:hover{background-color:#00000008}.field-table tbody tr.field-row-container{background-color:#646cff14}.field-table tbody tr.field-row-container:hover{background-color:#646cff1f}.field-name-container{color:#535bf2}.field-table td{color:#213547}.field-type{color:#666}.field-required{color:#c62828}.field-validation,.empty-value,.empty-description{color:#999}.field-table-empty{color:#666;background-color:#00000005;border-color:#0000001a}.preview-button{color:#213547;background:linear-gradient(145deg,#535bf226,#7c3aed1a);border-color:#535bf266}.preview-button:hover:not(:disabled){background:linear-gradient(145deg,#535bf238,#7c3aed2e);border-color:#535bf299}.preview-error{color:#c62828}}