@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);.app{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 25%,#0f0f0f 50%,#1a1a1a 75%,#0a0a0a);background-attachment:fixed;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:24px;position:relative}.container{margin:0 auto;max-width:1200px}h1{color:#fff;font-size:32px;font-weight:600;letter-spacing:-.5px;margin-bottom:8px}.subtitle,h1{text-align:center}.subtitle{color:#8c8c8c;font-size:14px;font-weight:400;margin-bottom:32px}.asset-types-card,.canvas-card,.crop-card,.images-list-card,.size-options-card,.upload-card{background:#1f1f1f;border:1px solid #434343;border-radius:4px;margin-bottom:16px}.asset-types-card .ant-card-body,.canvas-card .ant-card-body,.crop-card .ant-card-body,.images-list-card .ant-card-body,.size-options-card .ant-card-body,.upload-card .ant-card-body{padding:16px}.asset-pills-container{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.asset-pill{align-items:center;background:#262626;border:1px solid #434343;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:4px 12px;transition:all .2s}.asset-pill:hover{background:#2f2f2f;border-color:#595959}.asset-pill.active{background:#1890ff;border-color:#1890ff;color:#fff}.asset-pill.active:hover{background:#40a9ff;border-color:#40a9ff}.pill-text{flex:1 1}.pill-icon{font-size:12px;opacity:.8}.asset-pill.active .pill-icon{opacity:1}.sizes-box{border-top:1px solid #434343;margin-top:16px;padding-top:16px}.sizes-label{color:#8c8c8c;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.sizes-list{display:flex;flex-wrap:wrap;gap:8px}.size-pill{background:#262626;border:1px solid #434343;border-radius:16px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:500;padding:4px 12px;transition:all .2s}.size-pill:hover{background:#2f2f2f;border-color:#595959}.size-pill.active{background:#1890ff;border-color:#1890ff;color:#fff}.size-pill.active:hover{background:#40a9ff;border-color:#40a9ff}.upload-area{align-items:center;display:flex;justify-content:center;padding:40px}.upload-area .ant-space{justify-content:center;width:100%}.upload-wrapper{width:100%}.upload-box{background:#262626;border:2px dashed #434343;border-radius:4px;cursor:pointer;padding:60px 40px;text-align:center;transition:all .2s}.upload-box:hover:not(.disabled){background:#2a2a2a;border-color:#1890ff}.upload-box.disabled{background:#1f1f1f;cursor:not-allowed;opacity:.5}.upload-icon{color:#8c8c8c;font-size:56px;margin-bottom:16px;opacity:.8;transition:all .3s ease}.upload-box:hover:not(.disabled) .upload-icon{color:#1890ff;opacity:1;transform:translateY(-4px)}.upload-text{color:#fff;font-size:16px;font-weight:500;margin-bottom:8px}.upload-hint{color:#8c8c8c;font-size:12px}.images-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.images-count{color:#8c8c8c;font-size:14px;font-weight:500}.images-list{display:flex;flex-wrap:wrap;gap:12px}.image-thumbnail{border:2px solid #0000;border-radius:4px;cursor:pointer;padding:2px;position:relative;transition:all .2s}.thumbnail-image-wrapper{background:#262626;border-radius:4px;overflow:hidden}.remove-btn{align-items:center;background:#ff4d4f;border:none;border-radius:4px;color:#fff;display:flex;font-size:12px;height:20px;justify-content:center;min-height:20px;min-width:20px;opacity:1;padding:0;position:absolute;right:-6px;top:-6px;transition:all .2s;width:20px;z-index:10}.image-thumbnail:hover .remove-btn{background:#ff7875;transform:scale(1.1)}.remove-btn:hover{background:#ff7875!important;border-color:#ff7875!important}.remove-btn:hover,.remove-btn:hover .anticon{color:#fff!important}.remove-btn .anticon{color:#fff;transition:color .2s}.crop-card h3{color:#fff;font-size:16px;font-weight:600;margin-bottom:16px}.canvas-card .ant-card-body{display:flex;justify-content:center;overflow-x:auto;padding:16px}.canvas-wrapper{display:inline-block;position:relative}.canvas-actions{display:flex;gap:8px;position:absolute;right:8px;top:8px;z-index:10}.canvas-action-btn{box-shadow:0 2px 8px #0000004d;font-size:12px;height:auto;line-height:1.2;padding:4px 8px}.canvas-action-btn:hover{box-shadow:0 4px 12px #0006;transform:translateY(-1px)}.canvas-action-btn .anticon{font-size:12px}canvas{display:block;height:auto;max-width:100%}.ant-card{background:#1f1f1f;border-color:#434343;border-radius:4px}.ant-card-head-title{color:#fff}.ant-input,.ant-select-selector{background:#262626!important;border-color:#434343!important;border-radius:4px!important;color:#fff!important}.ant-input::placeholder{color:#8c8c8c}.ant-select-selection-item{color:#fff!important}.ant-btn{border-radius:4px;font-weight:500}.ant-btn-default{background:#262626;border-color:#434343;color:#fff}.ant-btn-default:hover{background:#434343;border-color:#595959;color:#fff}.ant-upload-select{background:#0000;border:none}.ant-upload{width:100%}.ant-segmented{background:#262626}.ant-segmented,.ant-segmented-item{border-radius:4px}.ant-segmented-item-selected{background:#1890ff}.ant-segmented-item-label{color:#fff;font-weight:500}.ant-segmented-item-selected .ant-segmented-item-label{color:#fff}.ant-image{border-radius:4px}.resize-view-card{background:#1f1f1f;border:1px solid #434343;border-radius:4px;margin-bottom:16px}.resize-view-card .ant-card-body{padding:16px}.resize-view-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.resize-view-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.resize-comparison-grid{display:flex;flex-direction:column;gap:24px}.resize-comparison-item{background:#262626;border:1px solid #434343;border-radius:4px;padding:16px}.comparison-row{align-items:center;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:16px}.comparison-image-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:200px;position:relative}.comparison-label{color:#8c8c8c;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.dimension-text{font-weight:400;margin-left:4px;text-transform:none}.comparison-image{background:#1f1f1f;border:1px solid #434343;border-radius:4px;display:block;height:auto;max-height:400px;max-width:100%;object-fit:contain;width:auto}.arrow-icon{color:#8c8c8c;flex-shrink:0;font-size:24px}.resize-placeholder{align-items:center;background:#1f1f1f;border:2px dashed #434343;border-radius:4px;color:#8c8c8c;display:flex;font-size:14px;height:200px;justify-content:center;width:200px}.download-single-btn{margin-top:8px;width:100%}.download-corner-btn{box-shadow:0 2px 8px #0000004d;font-size:12px;height:auto;line-height:1.2;padding:4px 8px;position:absolute;right:8px;top:8px;z-index:10}.download-corner-btn:hover{box-shadow:0 4px 12px #0006;transform:translateY(-1px)}.download-corner-btn .anticon{font-size:12px}.download-btn-text{margin-left:4px}@media (max-width:1024px){.download-corner-btn .download-btn-text{display:none}.download-corner-btn{min-width:32px;padding:4px}}.app-footer{color:#8c8c8c;font-size:14px;margin-top:48px;padding:32px 16px;text-align:center}.app-footer p{margin:0}.app-footer a{color:#fff;text-decoration:none;transition:color .2s}.app-footer a:hover{color:#8c8c8c;text-decoration:none}.resize-view-header .ant-btn-default:focus,.resize-view-header .ant-btn-default:hover,.upload-card .ant-btn-default:focus,.upload-card .ant-btn-default:hover{background:#434343!important;border-color:#595959!important;color:#fff!important}.crop-card .ant-btn-primary:focus,.crop-card .ant-btn-primary:hover{background:#40a9ff!important;border-color:#40a9ff!important}.crop-card .ant-btn-default:focus,.crop-card .ant-btn-default:hover{background:#434343!important;border-color:#595959!important;color:#fff!important}.canvas-action-btn.ant-btn-primary:focus,.canvas-action-btn.ant-btn-primary:hover{background:#40a9ff!important;border-color:#40a9ff!important;color:#fff!important}.upload-card .ant-btn{align-items:center!important;display:inline-flex!important}.resize-all-btn,.upload-card .ant-btn{font-size:13px!important;height:24px!important;line-height:1!important;padding:4px 12px!important}.resize-all-btn{box-shadow:none!important}.resize-all-btn.ant-btn-primary.ant-btn-disabled,.resize-all-btn.ant-btn-primary:disabled{background:#434343!important;border-color:#434343!important;box-shadow:none!important;color:#8c8c8c!important;cursor:not-allowed!important;opacity:1!important}.resize-all-btn.ant-btn-primary.ant-btn-disabled:hover,.resize-all-btn.ant-btn-primary:disabled:hover{background:#434343!important;border-color:#434343!important;color:#8c8c8c!important}@media (max-width:768px){.comparison-row{flex-direction:column}.arrow-icon{transform:rotate(90deg)}.download-corner-btn{margin-top:8px;position:relative;right:auto;top:auto;width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#141414;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}
/*# sourceMappingURL=main.68f22f1d.css.map*/