.vinyl-recognizer{max-width:800px;margin:0 auto}.upload-area{text-align:center;padding:3rem 2rem;border:2px dashed #333;border-radius:12px;background:#111;transition:border-color .2s}.upload-area:hover{border-color:#e63946}.file-input{display:none}.upload-btn{padding:1rem 2rem;font-size:1.1rem;font-weight:600;color:#fff;background:#e63946;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.upload-btn:hover:not(:disabled){background:#c1121f}.upload-btn:disabled{background:#555;cursor:wait}.upload-hint{margin-top:1rem;color:#666;font-size:.9rem}.select-section{margin-top:2rem;text-align:center}.select-instruction{color:#888;margin-bottom:1rem;font-size:.95rem}.image-container{position:relative;display:inline-block;max-width:100%}.select-image{max-width:100%;max-height:600px;border-radius:8px;cursor:crosshair;user-select:none;display:block}.zone-rect{position:absolute;border:2px solid #e63946;background:#e639461a;pointer-events:none}.zone-drawn{pointer-events:auto}.zone-label{position:absolute;top:4px;left:4px;background:#e63946;color:#fff;font-size:.75rem;font-weight:700;padding:2px 6px;border-radius:4px;line-height:1}.zone-remove{position:absolute;top:4px;right:4px;background:#333;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.zone-remove:hover{background:#e63946}.zone-preview{border-style:dashed}.zone-move{position:absolute;inset:0;cursor:move;display:flex;align-items:flex-start}.zone-handle{position:absolute;width:12px;height:12px;background:#fff;border:2px solid #e63946;border-radius:2px;z-index:2}.zone-handle-nw{top:-6px;left:-6px;cursor:nw-resize}.zone-handle-ne{top:-6px;right:-6px;cursor:ne-resize}.zone-handle-sw{bottom:-6px;left:-6px;cursor:sw-resize}.zone-handle-se{bottom:-6px;right:-6px;cursor:se-resize}.zone-handle-n{top:-6px;left:50%;transform:translate(-50%);cursor:n-resize}.zone-handle-s{bottom:-6px;left:50%;transform:translate(-50%);cursor:s-resize}.zone-handle-e{top:50%;right:-6px;transform:translateY(-50%);cursor:e-resize}.zone-handle-w{top:50%;left:-6px;transform:translateY(-50%);cursor:w-resize}.confirm-zone-section{margin-top:1rem;display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.confirm-zone-section p{color:#888;width:100%}.start-recognition{margin-top:1.5rem}.start-recognition p{color:#888;margin-bottom:.5rem}.preview-section{margin-top:2rem;text-align:center}.progress-info{margin-top:.5rem;font-size:.9rem;color:#888;font-weight:600}.loading-message{text-align:center;padding:2rem;color:#888;font-size:1.1rem}.zone-section{margin-top:2rem}.zone-title{text-align:center;color:#fff;margin-bottom:1rem;font-size:1.2rem}.zone-image-container{text-align:center;margin-bottom:1.5rem}.zone-image{max-width:400px;max-height:400px;border-radius:12px;border:2px solid #333;object-fit:contain}.validate-btn{width:100%;padding:.8rem;font-size:1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;background:#1b4332;color:#4caf50;transition:background .2s;margin-top:.5rem}.validate-btn:hover{background:#2d6a4f}.skip-btn{width:100%;padding:.8rem;font-size:.95rem;font-weight:600;border:1px solid #333;border-radius:8px;cursor:pointer;background:transparent;color:#888;transition:border-color .2s,color .2s;margin-top:1rem}.skip-btn:hover{border-color:#e63946;color:#e63946}.confirm-section{text-align:center}.confirm-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#111;border-radius:12px;border:2px solid #4caf50;margin-bottom:1rem;max-width:500px;margin-left:auto;margin-right:auto}.confirm-zone-img{width:100px;height:100px;border-radius:8px;object-fit:cover;border:1px solid #333}.confirm-cover-img{width:100px;height:100px;border-radius:8px;object-fit:cover}.confirm-info{text-align:left}.confirm-info strong{display:block;color:#fff;font-size:1rem}.confirm-info span{color:#888;font-size:.9rem}.confirm-section>p{color:#888;margin-bottom:1rem}.confirm-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.done-section{text-align:center;margin-top:2rem}.done-section h3{font-size:1.5rem;color:#4caf50;margin-bottom:.5rem}.done-section>p{color:#888;margin-bottom:1.5rem}.validated-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.validated-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#111;border-radius:12px}.validated-zone-thumb{width:80px;height:80px;border-radius:8px;object-fit:cover;border:1px solid #333}.validated-cover-thumb{width:80px;height:80px;border-radius:8px;object-fit:cover}.validated-info{flex:1;text-align:left}.validated-info strong{display:block;color:#fff;font-size:.95rem}.validated-info span{color:#888;font-size:.85rem}.restart-btn{padding:1rem 2rem;font-size:1rem;font-weight:600;border:2px solid #e63946;border-radius:8px;cursor:pointer;background:transparent;color:#e63946;transition:background .2s,color .2s}.restart-btn:hover{background:#e63946;color:#fff}.done-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.preview-image{max-width:100%;max-height:400px;border-radius:8px;object-fit:contain}.error-message{margin-top:1.5rem;padding:1rem;background:#2a1518;border:1px solid #e63946;border-radius:8px;color:#e63946;display:flex;align-items:center;gap:.5rem}.result-section{margin-top:2rem}.result-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.method-badge{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase}.method-badge[data-method=barcode]{background:#1b4332;color:#4caf50}.method-badge[data-method=phash]{background:#1a237e;color:#42a5f5}.method-badge[data-method=discogs]{background:#3e2723;color:#ff9800}.method-badge[data-method=ocr]{background:#1a237e;color:#7c4dff}.method-badge[data-method=none]{background:#333;color:#888}.confidence-badge{padding:.4rem .8rem;border-radius:16px;font-size:.8rem;font-weight:600;color:#fff}.barcode-info{padding:.4rem .8rem;background:#222;border-radius:8px;font-size:.8rem;color:#aaa;font-family:monospace}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;max-height:70vh;overflow-y:auto;padding-bottom:1rem}.result-card{background:#111;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s;position:relative}.result-card.result-best{border:2px solid #4caf50}.best-badge{position:absolute;top:8px;left:8px;background:#4caf50;color:#fff;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:4px;z-index:1;text-transform:uppercase}.result-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #e6394626}.result-cover-link{display:block}.result-cover{width:100%;aspect-ratio:1;object-fit:cover;display:block}.result-info{padding:1rem}.result-title{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-artist{font-size:.85rem;color:#888;margin-bottom:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-year{font-size:.75rem;color:#666;display:block;margin-bottom:.5rem}.result-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.result-score{font-size:.75rem;color:#4caf50;font-weight:600}.source-badge{font-size:.65rem;padding:.15rem .4rem;border-radius:4px;font-weight:600;text-transform:uppercase}.source-badge.source-db{background:#1b4332;color:#4caf50}.source-badge.source-discogs{background:#3e2723;color:#ff9800}.add-btn{width:100%;padding:.6rem;font-size:.85rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:background .2s;background:#e63946;color:#fff}.add-btn:hover:not(:disabled){background:#c1121f}.add-btn.added{background:#1b4332;color:#4caf50;cursor:default}.no-results{text-align:center;padding:3rem;background:#111;border-radius:12px}.no-results p{color:#888;margin-bottom:.5rem}.no-results-hint{font-size:.85rem;color:#555!important}@media(max-width:768px){.upload-area{padding:2rem 1rem}.results-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.result-header{flex-direction:column;align-items:flex-start}}.recognize-page[data-astro-cid-vvf2rz2x]{max-width:1000px;margin:0 auto;padding:2rem}h1[data-astro-cid-vvf2rz2x]{font-size:2rem;color:#fff;margin-bottom:.5rem}.subtitle[data-astro-cid-vvf2rz2x]{color:#888;margin-bottom:2rem}