:root{--consolid-red: #7f2629;--consolid-red-dark: #5a1b1d;--consolid-red-light: #a33538;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1e293b;background:linear-gradient(135deg,#fafafa,#f0f0f0);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;padding:2rem}#root{max-width:1200px;margin:0 auto}.container{width:100%}h1{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:.5rem;color:#cfcfcf}.subtitle{text-align:center;color:#64748b;font-size:1.1rem;margin-bottom:2rem}.upload-zone{border:3px dashed #cbd5e1;border-radius:12px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#fff;margin-bottom:1.5rem}.upload-zone:hover{border-color:var(--consolid-red);background:#fef2f2;transform:translateY(-2px)}.upload-zone.drag-over{border-color:var(--consolid-red);background:#fecaca;transform:scale(1.02)}.upload-zone.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.upload-icon{font-size:4rem;display:block;margin-bottom:1rem}.upload-text{font-size:1.2rem;color:#1e293b;font-weight:600;margin-bottom:.5rem}.upload-hint{color:#64748b;font-size:.95rem}.file-input{display:none}.selected-file{background:#fff;border:2px solid #cbd5e1;border-radius:8px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.file-info{display:flex;align-items:center;gap:1rem}.file-info>span{font-size:2.5rem}.file-name{font-weight:600;color:#1e293b;margin-bottom:.25rem}.file-size{color:#64748b;font-size:.9rem}.reset-button{background:#ef4444;color:#fff;border:none;border-radius:6px;width:36px;height:36px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.reset-button:hover{background:#dc2626;transform:scale(1.1)}.button-group{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.button{padding:1rem 2rem;font-size:1.05rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s;background:linear-gradient(135deg,var(--consolid-red) 0%,var(--consolid-red-dark) 100%);color:#fff;box-shadow:0 4px 6px #7f26294d}.button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #7f262966}.button:active{transform:translateY(0)}.button-secondary{background:#f1f5f9;color:#475569;box-shadow:0 2px 4px #0000001a}.button-secondary:hover{background:#e2e8f0;box-shadow:0 4px 8px #00000026}.loader{text-align:center;padding:2rem;background:#eff6ff;border-radius:8px;border:2px solid #93c5fd;margin:1.5rem 0}.spinner{border:4px solid #e2e8f0;border-top:4px solid var(--consolid-red);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.error{background:#fee2e2;border:2px solid #fca5a5;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.error-title{font-weight:700;color:#dc2626;margin-bottom:.5rem;font-size:1.1rem}.error div:last-child{color:#991b1b}.result-container{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a;margin-top:2rem}.result-header{margin-bottom:2rem;text-align:center}.result-title{color:#15803d;font-size:2rem;margin-bottom:1rem}.json-viewer{background:#1e293b;border-radius:8px;padding:1.5rem;overflow-x:auto;margin:1rem 0}.json-viewer pre{color:#e2e8f0;font-family:Fira Code,Courier New,monospace;font-size:.9rem;line-height:1.6;margin:0}@media (max-width: 768px){body{padding:1rem}h1{font-size:2rem}.upload-zone{padding:2rem 1rem}.button-group{flex-direction:column}.button{width:100%}.result-container{padding:1.5rem}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}