body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden}.file-uploader-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.uploader-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:1400px;min-height:600px;padding:40px;width:100%}.uploader-card h1{color:#333;font-size:32px;font-weight:600;margin-bottom:30px;text-align:center}.content-wrapper{grid-gap:40px;display:grid;gap:40px;grid-template-columns:400px 1fr;min-height:500px}.form-section{border-right:2px solid #f0f0f0;padding-right:40px}.upload-form{gap:20px}.form-group,.upload-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#555;font-size:14px;font-weight:600}.form-group input[type=file],.form-group input[type=text],.form-group select{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease}.form-group input[type=text]:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23333' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.form-group input[type=file]{cursor:pointer;padding:10px}.file-info{color:#666;font-size:13px;font-style:italic;margin-top:4px}.form-actions{display:flex;flex-direction:column;gap:12px;margin-top:10px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s ease;width:100%}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#f5f5f5;color:#666}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.alert{animation:slideIn .3s ease;border-radius:8px;margin-top:20px;padding:16px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{background:#fee;border-left:4px solid #f44336;color:#c62828;font-size:14px}.response-section{max-height:600px;overflow-y:auto;padding-left:40px}.placeholder-message{align-items:center;color:#999;display:flex;flex-direction:column;height:100%;justify-content:center;padding:60px 20px;text-align:center}.placeholder-message svg{color:#ddd;margin-bottom:20px}.placeholder-message h3{color:#666;font-size:20px;margin-bottom:10px}.placeholder-message p{color:#999;font-size:14px}.response-content{animation:slideIn .3s ease}.response-header{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:8px;color:#fff;margin-bottom:20px;padding:20px}.response-header h3{font-size:20px;margin:0}.response-details{background:#f9f9f9;border-radius:8px;padding:20px}.response-details>p{color:#333;font-size:14px;margin:10px 0}.uploaded-files{margin-top:20px}.file-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:16px;padding:20px}.file-info-grid{grid-gap:12px;border-bottom:1px solid #f0f0f0;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px;padding-bottom:16px}.file-info-grid p{color:#333;font-size:13px;margin:0}.url-list{border-top:1px solid #f0f0f0;margin-top:16px;padding-top:16px}.url-list>p{color:#555;font-size:14px;font-weight:600;margin-bottom:12px}.url-item{align-items:center;display:flex;gap:8px;margin:8px 0}.url-input{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:text;flex:1 1;font-family:Courier New,monospace;font-size:11px;padding:10px 12px}.url-input:focus{background-color:#fff;border-color:#667eea;outline:none}.copy-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.copy-btn:hover{background:#5568d3;transform:translateY(-1px)}.copy-btn:active{transform:translateY(0)}.available-sizes{border-top:1px solid #f0f0f0;margin-top:16px;padding-top:16px}.available-sizes>p{color:#555;font-size:14px;font-weight:600;margin-bottom:12px}.size-item{margin-bottom:12px}.size-label{color:#555;font-size:13px;margin-bottom:6px}.image-preview{border-top:1px solid #f0f0f0;margin-top:8px;padding-top:8px;text-align:center}.image-preview>p{color:#555;font-size:14px;font-weight:600;margin-bottom:12px}.image-preview img{border-radius:8px;box-shadow:0 4px 12px #0000001a;display:block;height:auto;margin:0 auto;max-height:200px;max-width:100%;object-fit:contain}.response-section::-webkit-scrollbar{width:8px}.response-section::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.response-section::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.response-section::-webkit-scrollbar-thumb:hover{background:#5568d3}@media (max-width:1200px){.content-wrapper{gap:30px;grid-template-columns:350px 1fr}.form-section{padding-right:30px}.response-section{padding-left:30px}}@media (max-width:992px){.content-wrapper{gap:30px;grid-template-columns:1fr}.form-section{border-bottom:2px solid #f0f0f0;border-right:none;padding-bottom:30px;padding-right:0}.response-section{max-height:none;padding-left:0}.uploader-card{padding:30px}}@media (max-width:768px){.uploader-card{padding:20px}.uploader-card h1{font-size:24px}.file-info-grid{grid-template-columns:1fr}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.f53cdbba.css.map*/