*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.app-container{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.app-header{color:#fff;margin-bottom:2rem;text-align:center}.app-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.app-subtitle{font-size:1.1rem;font-weight:300;opacity:.9}.content-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;flex:1 1;padding:2rem}.json-input-section{margin-bottom:2rem}.input-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.input-group{display:flex;flex-direction:column}.input-label{color:#4a5568;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.json-textarea{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;min-height:300px;padding:1rem;resize:vertical;transition:all .3s ease;width:100%}.json-textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.json-textarea::placeholder{color:#a0aec0;font-style:italic}.compare-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;margin:0 auto;min-width:200px;padding:1rem 2rem;transition:all .3s ease}.compare-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.compare-button:active{transform:translateY(0)}.compare-button:disabled{background:#cbd5e0;box-shadow:none;cursor:not-allowed;transform:none}.results-section{margin-top:2rem}.results-title{color:#2d3748;font-size:1.3rem;font-weight:600;margin-bottom:1rem;text-align:center}.error-message{background:#fed7d7;border-left:4px solid #e53e3e;border-radius:8px;color:#c53030;margin-bottom:1rem;padding:1rem}.result-container{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;max-height:400px;overflow-x:auto;overflow-y:auto;padding:1.5rem;white-space:pre-wrap}.result-success{background:#f0fff4;border-left:4px solid #38a169;color:#22543d}.result-differences{background:#fffaf0;border-left:4px solid #e53e3e;color:#744210}.loading-indicator{color:#718096;font-style:italic;padding:2rem;text-align:center}.reach-out-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #667eea;border-radius:25px;color:#667eea;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;position:fixed;right:20px;text-decoration:none;top:20px;transition:all .3s ease;z-index:1000}.reach-out-button:hover{background:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.app-container{padding:1rem}.app-title{font-size:2rem}.app-subtitle{font-size:1rem}.content-card{border-radius:12px;padding:1.5rem}.input-container{gap:1rem;grid-template-columns:1fr}.json-textarea{font-size:16px;min-height:200px}.compare-button{font-size:1rem;padding:1rem;width:100%}.reach-out-button{display:block;margin-bottom:1rem;margin-left:auto;margin-right:auto;position:static;text-align:center;width:fit-content}}@media (max-width:480px){.app-container{padding:.75rem}.app-title{font-size:1.75rem}.content-card{padding:1rem}.json-textarea{min-height:180px;padding:.75rem}.input-label{font-size:.8rem}.results-title{font-size:1.1rem}.result-container{font-size:13px;max-height:300px;padding:1rem}}@media (min-width:769px) and (max-width:1024px){.app-container{padding:1.5rem}.json-textarea{min-height:250px}}@media (min-width:1200px){.app-container{padding:2rem}.json-textarea{min-height:350px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:more){.json-textarea{border-width:3px}.compare-button{border:2px solid #fff}}@media (prefers-color-scheme:dark){body{background:linear-gradient(135deg,#1a202c,#2d3748)}.content-card{background:#2d3748;color:#e2e8f0}.json-textarea{background:#4a5568;border-color:#718096;color:#e2e8f0}.json-textarea:focus{background:#2d3748;border-color:#667eea}.result-container{background:#4a5568;border-color:#718096;color:#e2e8f0}.input-label{color:#cbd5e0}.results-title{color:#e2e8f0}}
/*# sourceMappingURL=main.646c385f.css.map*/