main{max-width:900px;margin:0 auto;padding:2rem}.drop-zone{border:3px dashed var(--blue);text-align:center;cursor:pointer;background:var(--white);border-radius:12px;margin-bottom:2rem;padding:3rem 2rem;transition:background .15s,border-color .15s}.drop-zone.drag-over{border-color:var(--blue);background:#f0e8ea}.drop-zone-icon{margin-bottom:.75rem;font-size:3rem;line-height:1}.drop-zone-label{color:var(--blue);margin-bottom:.4rem;font-size:1.2rem;font-weight:600}.drop-zone-sub{color:var(--text);opacity:.7;font-size:.95rem}.drop-zone-label-mobile{display:none}@media (hover:none){.drop-zone-label-desktop{display:none}.drop-zone-label-mobile{display:block}}@media (width<=600px){main{padding:1rem}.queue-fields{min-width:0}.queue-filename{max-width:100%}.queue-inputs input,.location-combobox-wrap,.location-combobox-wrap>input[type=text]{width:100%}.queue-thumb{width:56px;height:56px}}#file-input{display:none}#queue{flex-direction:column;gap:1rem;display:flex}.queue-item{background:var(--white);box-shadow:var(--card-shadow);border-radius:10px;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.queue-thumb{object-fit:cover;background:var(--bg);border-radius:6px;flex-shrink:0;width:72px;height:72px}.queue-thumb--fallback{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);letter-spacing:.03em;justify-content:center;align-items:center;font-size:.65rem;font-weight:600;display:flex}.queue-fields{flex-direction:column;flex:1;gap:.4rem;display:flex}.queue-filename{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:.9rem;font-weight:600;overflow:hidden}.queue-inputs{flex-wrap:wrap;gap:.5rem;display:flex}.queue-inputs input{background:var(--bg);color:var(--text);border:1.5px solid #ccc;border-radius:6px;width:90px;padding:.3rem .6rem;font-family:Outfit,sans-serif;font-size:.9rem}.queue-inputs input:focus{border-color:var(--blue);outline:none}.location-combobox-wrap{width:160px;position:relative}.album-combobox-wrap{width:180px;position:relative}.queue-status{text-align:center;flex-shrink:0;width:2rem;font-size:1.4rem}.queue-remove{cursor:pointer;color:var(--text);opacity:.8;background:0 0;border:none;flex-shrink:0;padding:.2rem;font-size:1.3rem;line-height:1;transition:opacity .15s}.queue-remove:hover{opacity:1}.queue-remove:disabled{opacity:.3;cursor:default}#action-bar{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}#upload-btn{background-color:var(--blue);color:var(--white);cursor:pointer;border:none;border-radius:8px;padding:.7rem 1.8rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;transition:opacity .15s}#upload-btn:hover{opacity:.88}#upload-btn:disabled{opacity:.45;cursor:default}#progress-label{color:var(--text);opacity:.75;font-size:.95rem}#done-link{color:var(--white);background-color:var(--blue);border-radius:8px;padding:.7rem 1.8rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:opacity .15s}#done-link:hover{opacity:.88}.upload-progress-banner{z-index:400;background:var(--blue);color:var(--white);font-family:Outfit,sans-serif;position:sticky;top:0}.upload-progress-track{background:#ffffff40;height:4px}.upload-progress-fill{background:var(--white);height:100%;transition:width .4s}.upload-progress-banner p{text-align:center;margin:0;padding:.55rem 1.25rem;font-size:.875rem;font-weight:600}.upload-complete-banner{background:var(--white);border-left:4px solid var(--blue);color:var(--text);border-radius:8px;margin-bottom:1.5rem;padding:1rem 1.25rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600}.upload-complete-banner a{color:var(--blue);text-underline-offset:2px;margin-left:.5rem;text-decoration:underline}.queue-notes{background:var(--bg);width:100%;color:var(--text);resize:vertical;box-sizing:border-box;border:1.5px solid #ccc;border-radius:6px;min-height:2.4rem;padding:.3rem .6rem;font-family:Outfit,sans-serif;font-size:.9rem}.queue-notes:focus{border-color:var(--blue);outline:none}.queue-notes:disabled{opacity:.5}.queue-actions-row{flex-wrap:wrap;align-items:center;gap:1rem;min-height:2rem;display:flex}.queue-album-toggle{color:var(--blue);cursor:pointer;text-underline-offset:2px;opacity:.85;background:0 0;border:none;padding:0;font-family:Outfit,sans-serif;font-size:.85rem;text-decoration:underline}.queue-album-toggle:hover{opacity:1}.queue-album-toggle:disabled{opacity:.4;cursor:default}.album-chip{background:var(--blue);color:var(--white);border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .4rem .2rem .6rem;font-family:Outfit,sans-serif;font-size:.8rem;display:inline-flex}.album-chip-remove{color:var(--white);cursor:pointer;opacity:.75;background:0 0;border:none;padding:0;font-size:1rem;line-height:1}.album-chip-remove:hover{opacity:1}.album-chip-remove:disabled{opacity:.35;cursor:default}.queue-thumb--clickable{cursor:zoom-in;transition:opacity .1s}.queue-thumb--clickable:hover{opacity:.85}.thumb-preview-overlay{z-index:1000;cursor:pointer;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.thumb-preview-overlay img{object-fit:contain;cursor:default;border-radius:6px;max-width:90vw;max-height:90vh;box-shadow:0 8px 40px #00000080}.queue-back-toggle{color:var(--text);opacity:.5;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:Outfit,sans-serif;font-size:.85rem;text-decoration:underline}.queue-back-toggle:hover{opacity:.75}.queue-back-toggle:disabled{opacity:.25;cursor:default}.back-chip{background:var(--bg);border:1.5px solid var(--border);color:var(--text);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;max-width:260px;padding:.2rem .4rem .2rem .6rem;font-family:Outfit,sans-serif;font-size:.8rem;display:inline-flex;overflow:hidden}.back-chip-preview{color:var(--text);cursor:zoom-in;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;padding:0;font-family:Outfit,sans-serif;font-size:.8rem;overflow:hidden}.back-chip-preview:hover{text-underline-offset:2px;text-decoration:underline}.back-chip-remove{color:var(--text);cursor:pointer;opacity:.5;background:0 0;border:none;flex-shrink:0;padding:0;font-size:1rem;line-height:1}.back-chip-remove:hover{opacity:1}.back-chip-remove:disabled{opacity:.25;cursor:default}.album-context-header{background:var(--white);box-shadow:var(--card-shadow);border-radius:10px;flex-direction:column;gap:.35rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.album-context-title{color:var(--text);margin:0;font-size:1.15rem;font-weight:700}.album-context-year{color:var(--text);opacity:.7;align-items:center;gap:.35rem;font-size:.875rem;display:flex}.album-context-locations{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.1rem;display:flex}.album-context-locations-label{color:var(--text);opacity:.6;font-size:.8rem}.album-context-location-chip{background:var(--bg);border:1.5px solid var(--border);color:var(--text);border-radius:999px;padding:.15rem .6rem;font-size:.8rem;font-weight:500}