.page-module__pWQp6W__panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.page-module__pWQp6W__panelHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.page-module__pWQp6W__panelTitle{color:var(--text-secondary);font-size:.875rem;font-weight:600}.page-module__pWQp6W__btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.page-module__pWQp6W__btnSecondary{background:var(--background);color:var(--text-secondary);border:1px solid var(--border)}.page-module__pWQp6W__btnSecondary:hover:not(:disabled){background:var(--border)}.page-module__pWQp6W__btnPrimary{background:var(--primary);color:#fff}.page-module__pWQp6W__btnPrimary:hover:not(:disabled){background:var(--primary-dark)}.page-module__pWQp6W__dropZone{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:12px;margin:20px;padding:40px;transition:all .2s}.page-module__pWQp6W__dropZone:hover,.page-module__pWQp6W__dropZone.page-module__pWQp6W__dragover{border-color:var(--primary);background:#2563eb0d}.page-module__pWQp6W__dropZoneIcon{color:var(--text-muted);margin-bottom:16px;font-size:3rem}.page-module__pWQp6W__dropZone p{color:var(--text-secondary);margin-bottom:12px}.page-module__pWQp6W__hint{color:var(--text-muted);margin-top:8px;font-size:.8rem}.page-module__pWQp6W__fileInput{display:none}.page-module__pWQp6W__contentArea{padding:20px}.page-module__pWQp6W__processing{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px;display:flex}.page-module__pWQp6W__processing svg{font-size:2rem}.page-module__pWQp6W__originalPreview{margin-bottom:24px}.page-module__pWQp6W__previewHeader{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.875rem;display:flex}.page-module__pWQp6W__dimensions{color:var(--text-muted);font-size:.75rem}.page-module__pWQp6W__originalImg{border-radius:8px;max-width:100%;max-height:300px;margin:0 auto;display:block}.page-module__pWQp6W__gridPreview{margin-bottom:24px}.page-module__pWQp6W__grid{aspect-ratio:1;grid-template-columns:repeat(3,1fr);gap:4px;max-width:400px;margin:0 auto;display:grid}.page-module__pWQp6W__gridCell{cursor:pointer;background:var(--background);aspect-ratio:1;border-radius:4px;position:relative;overflow:hidden}.page-module__pWQp6W__gridCell img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.page-module__pWQp6W__gridCell:hover img{transform:scale(1.05)}.page-module__pWQp6W__cellOverlay{opacity:0;color:#fff;background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:opacity .2s;display:flex;position:absolute;inset:0}.page-module__pWQp6W__gridCell:hover .page-module__pWQp6W__cellOverlay{opacity:1}.page-module__pWQp6W__cellNumber{font-size:1rem;font-weight:600}.page-module__pWQp6W__actions{justify-content:center;gap:12px;display:flex}@media (max-width:768px){.page-module__pWQp6W__dropZone{padding:30px 20px}.page-module__pWQp6W__grid{max-width:300px}.page-module__pWQp6W__originalImg{max-height:200px}}