body{margin:0}code{background-color:#6366f11a;border-radius:4px;color:#a5b4fc;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875em;padding:2px 6px}#root{min-height:100vh}*{scrollbar-color:#20232a #16181d;scrollbar-width:thin}::selection{background-color:#6366f14d;color:#fff}::-moz-selection{background-color:#6366f14d;color:#fff}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f1115;color:#e5e7eb;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.6}.app-container{min-height:100vh}header{background-color:#0f1115;border-bottom:1px solid #20232a}.header-content{margin:0 auto;max-width:1024px;padding:32px 24px;text-align:center}header h1{color:#e5e7eb;font-size:32px;font-weight:700;letter-spacing:-.025em;margin-bottom:8px}.subtitle{color:#9ca3af;font-size:16px;margin:0 auto;max-width:600px}.nav-tabs{background-color:#0f1115;border-bottom:1px solid #20232a;display:flex;gap:24px}.nav-tabs-content{display:flex;gap:24px;margin:0 auto;max-width:1024px;padding:0 24px}.nav-tabs button{background:none;border:none;border-bottom:2px solid #0000;color:#9ca3af;cursor:pointer;font-size:14px;font-weight:500;padding:12px 0;transition:color .2s ease;white-space:nowrap}.nav-tabs button:hover{color:#e5e7eb}.nav-tabs button.active{border-bottom-color:#6366f1;color:#e5e7eb}main{margin:0 auto;max-width:1024px;padding:32px 24px}.content-section{margin-bottom:32px}.card{background-color:#16181d;border:1px solid #20232a;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:24px}.card h2{color:#e5e7eb;font-size:18px;font-weight:600;margin-bottom:4px}.card .description{color:#9ca3af;font-size:14px;margin-bottom:24px}.card h3{font-size:16px;margin:24px 0 16px}.card h3,.card h4{color:#e5e7eb;font-weight:500}.card h4{font-size:14px;margin:16px 0 12px}.form-group{margin-bottom:20px}.form-group label{color:#e5e7eb;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input[type=email],.form-group input[type=number],.form-group input[type=text],.form-group textarea{background-color:initial;border:1px solid #20232a;border-radius:6px;color:#e5e7eb;font-size:14px;padding:8px 12px;transition:border-color .2s ease;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group input:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133;outline:none}.form-group textarea{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.5;min-height:120px;resize:vertical}.form-group.checkbox,.form-group.checkbox label{align-items:center;display:flex}.form-group.checkbox label{cursor:pointer;margin-bottom:0}.form-group.checkbox input{accent-color:#6366f1;margin-right:8px;width:auto}.help-text{color:#9ca3af}.error,.help-text{font-size:12px;margin-top:4px}.error{color:#ef4444}.btn,.error{font-weight:500}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.btn:focus{box-shadow:0 0 0 2px #6366f180;outline:none}.btn-primary{background-color:#5458e8;color:#fff}.btn-primary:hover{background-color:#4f46e5}.btn-primary:disabled{background-color:#6b7280;cursor:not-allowed}.btn-ghost{background-color:initial;border:1px solid #20232a;color:#e5e7eb}.btn-ghost:hover{background-color:#16181d}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{opacity:.9}button{background-color:#5458e8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}button:hover{background-color:#4f46e5}button:focus{box-shadow:0 0 0 2px #6366f180;outline:none}button:disabled{background-color:#6b7280;cursor:not-allowed}.button-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.delete-button{background-color:#ef4444}.delete-button:hover{opacity:.9}.clear-button{background-color:initial;border:1px solid #20232a;color:#e5e7eb}.clear-button:hover{background-color:#16181d}.two-column-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}@media (max-width:768px){.two-column-grid{gap:20px;grid-template-columns:1fr}}.id-section{align-items:end;display:flex;gap:12px;margin-bottom:24px}.id-section input{flex:1 1}.message{border:1px solid;border-radius:6px;font-size:14px;font-weight:500;margin-bottom:24px;padding:12px 16px}.message.success{background-color:#22c55e1a;border-color:#22c55e33;color:#4ade80}.message.error{background-color:#ef44441a;border-color:#ef444433;color:#f87171}.loading{color:#9ca3af;font-size:14px;text-align:center}.file-upload,.loading{margin-bottom:24px}.file-upload input,.file-upload-comparison input{background-color:initial;border:2px dashed #20232a;border-radius:6px;color:#e5e7eb;cursor:pointer;margin-bottom:8px;padding:16px;transition:border-color .2s ease;width:100%}.file-upload input:hover,.file-upload-comparison input:hover{border-color:#6366f1}.note{color:#9ca3af;font-size:12px}.validation-result{border:1px solid;border-radius:6px;margin-top:24px;padding:16px}.validation-result.valid{background-color:#22c55e1a;border-color:#22c55e33;color:#4ade80}.validation-result.invalid{background-color:#ef44441a;border-color:#ef444433;color:#f87171}.schema-comparison{margin-top:24px}.schema-input-group{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}@media (max-width:768px){.schema-input-group{gap:20px;grid-template-columns:1fr}}.schema-input{background-color:#16181d;border:1px solid #20232a;border-radius:6px;padding:20px}.schema-input label{color:#e5e7eb;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.comparison-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:24px 0}.comparison-result{background-color:#16181d;border:1px solid #20232a;border-radius:6px;margin-top:32px;padding:24px}.result-summary{border:1px solid;border-radius:6px;margin-bottom:20px;padding:16px}.result-summary.identical{background-color:#22c55e1a;border-color:#22c55e33}.result-summary.different{background-color:#fbbf241a;border-color:#fbbf2433}.result-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.schema-names{color:#e5e7eb;font-size:14px;font-weight:600}.result-badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.result-badge.identical{background-color:#22c55e33;color:#4ade80}.result-badge.different{background-color:#fbbf2433;color:#fbbf24}.validation-status{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}@media (max-width:768px){.validation-status{grid-template-columns:1fr}}.schema-status{border:1px solid;border-radius:6px;font-size:14px;padding:12px}.schema-status.valid{background-color:#22c55e1a;border-color:#22c55e33;color:#4ade80}.schema-status.invalid{background-color:#ef44441a;border-color:#ef444433;color:#f87171}.error-list{font-size:12px;margin-top:8px;padding-left:16px}.differences-section{margin-top:20px}.differences-display{background-color:#0f1115;border:1px solid #20232a;border-radius:6px;color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.5;max-height:400px;overflow-x:auto;overflow-y:auto;padding:16px;white-space:pre-wrap}.file-comparison{margin-top:24px}.file-upload-comparison{background-color:#16181d;border:2px dashed #20232a;border-radius:6px;margin-bottom:24px;padding:24px;text-align:center;transition:border-color .2s ease}.file-upload-comparison:hover{border-color:#6366f1}.file-upload-comparison label{color:#e5e7eb;display:block;font-size:14px;font-weight:500;margin-bottom:12px}.config-details{border-top:1px solid #20232a;margin-top:24px;padding-top:24px}@media (max-width:768px){.header-content{align-items:flex-start;flex-direction:column;gap:12px}.nav-tabs-content{flex-wrap:wrap;gap:16px}main{padding:24px 16px}.card{padding:20px}.id-section{gap:12px}.button-group,.id-section,.result-header{flex-direction:column}.result-header{align-items:flex-start}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#16181d}::-webkit-scrollbar-thumb{background:#20232a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6b7280}
/*# sourceMappingURL=main.6c98b90b.css.map*/