: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}.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:column;justify-content:center;align-items:center;gap:12px;display:none;width:100%}.upload-preview-image{max-width:100%;max-height:300px;border-radius:8px;object-fit:contain}.upload-preview-info{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px}.upload-preview-info i{font-size:20px;color:#0066f5}.upload-preview-info p{color:#0d0e0f;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-group{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px}.input-group label{color:#0d0e0f}.input-text{width:100%;padding:12px 16px;font-size:14px;font-family:inherit;border:1px solid #DDE1E3;border-radius:12px;background-color:#fff;color:#0d0e0f;transition:border-color .2s ease,box-shadow .2s ease}.input-text:focus{outline:none;border-color:#0066f5;box-shadow:0 0 0 3px #0066f51a}.input-text::placeholder{color:#9c9fa1}.options-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:16px}.options-toggle{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px}.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}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.options-grid .input-group{gap:4px}.options-grid .input-text{padding:10px 12px;font-size:13px}.display-options{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:16px;padding:16px;margin-top:12px;background-color:#fff;border:1px solid #DDE1E3;border-radius:12px}.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}.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-image-container{position:relative;background-color:#fff;border:1px solid #DDE1E3;border-radius:12px;overflow:hidden}.result-image{display:block;width:100%;height:auto;max-height:600px;object-fit:contain}.result-meta{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:32px;padding-top:16px;border-top:1px dashed #DDE1E3;flex-wrap:wrap}.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-info p{max-width:180px}.options-grid{grid-template-columns:1fr}.display-options{flex-direction:column;gap:12px}}