.tool-header{margin-bottom:2rem}.tool-header p{font-size:1.1rem;color:var(--text-muted)}.tool-container{max-width:800px;margin:0 auto}.upload-area{border:2px dashed var(--primary);border-radius:var(--radius-lg);background:rgba(79,70,229,.02);padding:3rem 2rem;text-align:center;cursor:pointer;transition:var(--transition)}.upload-area.drag-over,.upload-area:hover{background:rgba(79,70,229,.08);border-color:var(--primary-hover)}.upload-area h3{margin-bottom:.5rem;color:var(--primary)}.result-item{margin-bottom:1.5rem;padding:1.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:1.5rem}@media (max-width:600px){.result-item{flex-direction:column;text-align:center}}.result-item .preview-box{width:140px;height:140px;border-radius:var(--radius-sm);overflow:hidden;background:var(--checker-base);flex-shrink:0;position:relative;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.result-item .preview-box img{width:100%;height:100%;object-fit:contain;background-image:linear-gradient(45deg,var(--checker-accent) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-accent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-accent) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-accent) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.result-info{flex:1;min-width:0;text-align:left}.file-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-text{font-size:.95rem;color:var(--text-muted);margin-bottom:1rem;min-height:1.5rem}.status-text.error{color:#ef4444}.loading-spinner{display:inline-block;width:24px;height:24px;border:3px solid rgba(79,70,229,.2);border-radius:50%;border-top-color:var(--primary);animation:1s ease-in-out infinite spin;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.result-actions{display:flex;gap:.5rem;flex-wrap:wrap}.action-bar{display:flex;justify-content:center}@media (max-width:600px){.result-info{text-align:center}.result-actions{justify-content:center}}