:root{--color-text-900: #0D0E0F;--color-text-800: #3C3E40;--color-text-700: #6A6F73;--color-text-600: #9C9FA1;--color-text-500: #CECFD0;--color-grey-900: #DDE1E3;--color-grey-800: #E4E7E9;--color-grey-700: #EBEDEE;--color-grey-600: #F1F3F4;--color-grey-500: #F8F9F9;--color-information-900: #001431;--color-information-800: #002962;--color-information-700: #003D93;--color-information-600: #0052C4;--color-information-500: #0066F5;--color-information-400: #3C8AF7;--color-information-300: #78AEFA;--color-information-200: #B4D2FC;--color-information-100: #F0F6FE;--color-success-900: #0C260D;--color-success-800: #174B19;--color-success-700: #237126;--color-success-600: #2E9632;--color-success-500: #3ABC3F;--color-success-400: #68CC6C;--color-success-300: #97DC99;--color-success-200: #C5EBC6;--color-success-100: #F3FBF4;--color-danger-900: #330A0A;--color-danger-800: #661414;--color-danger-700: #991D1D;--color-danger-600: #CC2727;--color-danger-500: #FF3131;--color-danger-400: #FF6161;--color-danger-300: #FF9292;--color-danger-200: #FFC2C2;--color-danger-100: #FFF3F3;--color-warning-900: #33220A;--color-warning-800: #664414;--color-warning-700: #99651D;--color-warning-600: #CC8727;--color-warning-500: #FFA931;--color-warning-400: #FFBD61;--color-warning-300: #FFD192;--color-warning-200: #FFE6C2;--color-warning-100: #FFFAF3}@keyframes slide-down{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-left{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slide-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes opacity{0%{opacity:0}to{opacity:1}}main{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:48px;max-width:756px!important;width:100%;margin:200px auto}.title{animation:slide-down .8s ease forwards;opacity:0}.form{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:24px;padding:40px;background-color:#f8f9f9;border-radius:24px;border:1px solid #EBEDEE;animation:slide-left .8s ease forwards;opacity:0;animation-delay:.4s}.form .select{width:200px}.form .select-list{max-height:216px!important}.form-action{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:8px}.upload-area{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;background-color:#fff;border:2px dashed #DDE1E3;border-radius:16px;cursor:pointer;transition:all .2s ease}.upload-area:hover{border-color:#0066f5;background-color:#0066f505}.upload-area.dragover{border-color:#0066f5;background-color:#0066f50d;border-style:solid}.upload-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center}.upload-content i{font-size:48px;color:#9c9fa1}.upload-content p{color:#6a6f73}.upload-content .upload-link{color:#0066f5;font-weight:500;text-decoration:underline}.upload-content .upload-hint{color:#9c9fa1}.upload-preview{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px;display:none}.upload-preview i{font-size:24px;color:#0066f5}.upload-preview p{color:#0d0e0f;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-text{text-align:center;min-height:20px}.status-text.status-error{color:#dc2626}.status-text.status-success{color:#16a34a}.status-text.status-info{color:#6a6f73}.schema-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:12px}.schema-toggle{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.checkbox-label{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#0066F5}.checkbox-label span{color:#6a6f73}.schema-input{display:none}.schema-textarea{min-height:200px;font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.5;resize:vertical}.schema-hint{color:#9c9fa1;margin-top:4px}.loader{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.paragraph{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:12px}.paragraph ul{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;padding-left:16px}.paragraph a{color:#0066f5;text-decoration:underline}.paragraph a:hover{text-decoration:none}.result{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:24px;padding:40px;margin-top:-32px;background-color:#f8f9f9;border-radius:24px;border:1px solid #EBEDEE;animation:slide-right .8s ease forwards;opacity:0;animation-delay:.6s;display:none}.result-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.result-header h3{color:#0d0e0f}.result-actions{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:8px}.result-content{width:100%}.result-text{padding:16px;background-color:#fff;border:1px solid #DDE1E3;border-radius:12px;font-family:IBM Plex Mono,monospace;font-size:14px;line-height:1.6;color:#0d0e0f;white-space:pre-wrap;word-wrap:break-word;max-height:400px;overflow-y:auto;margin:0}.result-json{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:12px;display:none}.result-json h3{color:#0d0e0f}.result-json-content{padding:16px;background-color:#1e1e1e;border-radius:12px;font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.5;color:#d4d4d4;white-space:pre-wrap;word-wrap:break-word;max-height:300px;overflow-y:auto;margin:0}.result-meta{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:32px;padding-top:16px;border-top:1px dashed #DDE1E3}.result-meta-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:4px}.result-meta-item p:first-child{color:#9c9fa1}.result-meta-item p:last-child{color:#0d0e0f}@media(max-width:640px){main{margin-top:120px;gap:32px}.form,.result{padding:24px}.result-header{flex-direction:column;align-items:flex-start}.result-actions{width:100%}.result-actions button{flex:1}.result-meta{flex-direction:column;gap:16px;align-items:flex-start}.upload-area{padding:24px 16px}.upload-content i{font-size:36px}.upload-preview p{max-width:180px}}