.image-gallery-thumbnail{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;transform-origin:center;transition:transform .2s ease}.image-gallery-container{position:relative;overflow:hidden;border-radius:8px;background:#f5f5f5;box-shadow:0 2px 8px #0000000f;transition:box-shadow .2s ease;height:auto}.image-gallery-container:hover{box-shadow:0 4px 16px #0000001a}.image-gallery-thumbnail{will-change:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden;content-visibility:auto;contain:layout style paint}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.image-gallery-thumbnail{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (min-width: 1600px){.image-gallery-container{margin-bottom:8px}}.image-gallery-container:hover .preview-icon{opacity:1!important}.image-preview-modal .ant-modal-content{background:#000;padding:0}.image-preview-modal .ant-modal-header{background:#000;border-bottom:none}.image-preview-modal .ant-modal-close{color:#fff}.image-gallery-thumbnail[src=""]{background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%,transparent 75%,#f0f0f0 75%,#f0f0f0),linear-gradient(45deg,#f0f0f0 25%,transparent 25%,transparent 75%,#f0f0f0 75%,#f0f0f0);background-size:20px 20px;background-position:0 0,10px 10px;animation:loading-shimmer 1.5s ease-in-out infinite}@keyframes loading-shimmer{0%{background-position:0 0,10px 10px}to{background-position:20px 20px,30px 30px}}.image-gallery-thumbnail:hover{transform:scale(1.02);filter:brightness(1.03) saturate(1.05)}.image-gallery-thumbnail.loading{animation:fade-in .5s ease-in-out forwards}@keyframes fade-in{0%{transform:scale(.95)}to{transform:scale(1)}}.upload-page-container{padding:16px 0}.upload-file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;max-height:200px;overflow-y:auto;padding:4px}.upload-file-preview{position:relative;border-radius:6px;overflow:hidden;transition:transform .2s ease}.upload-file-preview:hover{transform:scale(1.02)}.upload-file-status-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;font-size:10px;padding:4px;text-align:center}.upload-batch-stats{background:#fafafa;border-radius:8px;padding:12px;margin-bottom:16px}.ant-collapse-ghost>.ant-collapse-item>.ant-collapse-header{padding:12px 0;font-size:13px}.ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box{padding:12px 0}@media (max-width: 768px){.image-gallery-container{border-radius:8px}.image-gallery-thumbnail{transition:transform .2s ease}.image-gallery-thumbnail:hover{transform:scale(1.01)}.upload-file-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.image-gallery-thumbnail{image-rendering:-webkit-optimize-contrast}}.quality-badge{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:2px 6px;border-radius:12px;font-size:10px;font-weight:500;z-index:2}.quality-badge.bronze{background:rgba(205,127,50,.9)}.quality-badge.silver{background:rgba(192,192,192,.9)}.quality-badge.gold{background:rgba(255,215,0,.9)}.quality-badge.platinum{background:rgba(229,228,226,.9)}.quality-badge.diamond{background:rgba(185,242,255,.9)}.image-tag{background:rgba(24,144,255,.1);border:1px solid rgba(24,144,255,.2);color:#1890ff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;margin:2px;display:inline-block;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-tag:hover{background:rgba(24,144,255,.15);border-color:#1890ff4d;transform:translateY(-1px)}.tag-clickable{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.tag-clickable:hover{transform:scale(1.05);box-shadow:0 2px 8px #1890ff33}.image-card-content{padding:12px;background:white}.image-card-title{font-size:14px;font-weight:600;color:#262626;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.image-card-stats{display:flex;justify-content:space-between;font-size:11px;color:#8c8c8c;margin-top:8px}.image-card-price{font-weight:600;font-size:12px}.image-card-price.free{color:#52c41a}.image-card-price.paid{color:#ff4d4f}.ant-card-body{padding:8px!important}.ant-card-actions{background:#fafafa;border-top:1px solid #f0f0f0}.ant-card-actions>li{margin:6px 0}.upload-drag-area{border:2px dashed #d9d9d9;border-radius:12px;background:#fafafa;transition:all .3s ease}.upload-drag-area:hover,.upload-drag-area.ant-upload-drag-hover{border-color:#1890ff;background:#f0f8ff}.upload-smart-tip{background:linear-gradient(135deg,#e6f7ff 0%,#f0f8ff 100%);border:1px solid #b3e0ff;border-radius:8px;padding:12px;margin-bottom:16px}.file-status-success{border:2px solid #52c41a!important;box-shadow:0 0 0 2px #52c41a1a}.file-status-error{border:2px solid #ff4d4f!important;box-shadow:0 0 0 2px #ff4d4f1a}.file-status-pending{border:2px solid #faad14!important;box-shadow:0 0 0 2px #faad141a}.App{text-align:center}@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
