@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Instrument+Sans:wght@400;500;600;700&display=swap";:root{font-family:var(--sans);line-height:1.5;font-weight:400;color:var(--ink);background-color:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--paper: #f4f2ee;--paper-muted: #ebe8e2;--ink: #111111;--ink-muted: #6a6864;--ink-faint: #9a9791;--rule: #e6e4df;--accent: #e6322b;--accent-hover: #c42822;--accent-muted: rgba(230, 50, 43, .08);--sans: "Instrument Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--border: 1px solid var(--rule);--ring: 0 0 0 2px var(--paper), 0 0 0 4px var(--accent)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink)}.hidden{display:none!important}#landing{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:56px 24px 64px}.landing-container{max-width:480px;width:100%;display:flex;flex-direction:column;align-items:stretch;gap:40px}.landing-hero{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.landing-logo{width:48px;height:48px;object-fit:contain;display:block}.landing-hero h1{margin:0;font-size:3.25rem;font-weight:600;letter-spacing:-.04em;line-height:.95}.landing-tagline{margin:0;font-size:1.05rem;color:var(--ink);max-width:22em}.landing-lede{margin:4px 0 0;font-size:.95rem;color:var(--ink-muted);max-width:36em}.landing-how h2{margin:0 0 4px;font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.landing-steps{list-style:none;margin:0;padding:0;border-top:var(--border)}.landing-steps li{display:grid;grid-template-columns:2.25rem 1fr;gap:14px;padding:14px 0;border-bottom:var(--border);align-items:start}.landing-steps .step-num{padding-top:3px}.landing-steps h3{margin:0 0 4px;font-size:1rem;font-weight:600;letter-spacing:-.02em}.landing-steps p{margin:0;font-size:.9rem;color:var(--ink-muted)}.landing-footer p{margin:0;color:var(--ink-faint);font-family:var(--mono);font-size:.72rem}#app{max-width:1120px;margin:0 auto;padding:0 32px 88px;display:flex;flex-direction:column;gap:40px}.app-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;border-bottom:var(--border);position:sticky;top:0;background:var(--paper);z-index:10}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:24px;height:24px;object-fit:contain;display:block}.brand-name{font-size:1.15rem;font-weight:600;letter-spacing:-.03em}.step-index{display:flex;gap:4px;font-family:var(--mono);font-size:.78rem;font-weight:500;color:var(--ink-faint)}.step-index-item{min-width:2rem;text-align:center}.step-index-item.is-current{color:var(--accent)}.step{display:flex;flex-direction:column;gap:24px;padding:8px 0 0}.step-header h2{margin:0 0 8px;font-size:1.85rem;font-weight:600;letter-spacing:-.03em;display:flex;align-items:baseline;gap:14px}.step-num{font-family:var(--mono);font-size:.85rem;font-weight:500;color:var(--accent);letter-spacing:0}.step-header p{margin:0;color:var(--ink-muted)}.upload-zones{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.upload-zone{padding:20px;background:transparent;border:1px dashed var(--rule);display:flex;flex-direction:column;gap:16px}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--ink);background:var(--accent-muted)}.zone-content{display:flex;flex-direction:column;gap:6px}.zone-content h3{margin:0;font-weight:600;font-size:1.05rem}.zone-content p{margin:0;color:var(--ink-muted);font-size:.9rem}.zone-tag{font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-weight:500}.upload-zone input{display:none}.upload-btn,.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:2px;padding:12px 20px;font-family:var(--sans);font-size:.9rem;font-weight:600;cursor:pointer;width:fit-content;border:1px solid transparent;letter-spacing:-.01em}.upload-btn,.primary-btn{background:var(--accent);color:#fff}.upload-btn:hover,.primary-btn:hover:not(:disabled){background:var(--accent-hover)}.primary-btn:disabled{background:var(--paper-muted);color:var(--ink-faint);cursor:not-allowed}.secondary-btn{background:transparent;border-color:var(--ink);color:var(--ink)}.secondary-btn:hover{background:var(--ink);color:var(--paper)}.rename-field input:focus-visible,.primary-btn:focus-visible,.secondary-btn:focus-visible,.upload-btn:focus-visible{outline:none;box-shadow:var(--ring)}.photo-count{font-family:var(--mono);font-size:.75rem;color:var(--ink-faint)}.thumbnails-container,.range-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.thumbnail-section h4,.range-photo-section h4,#unmatched-film h4,.rename-preview h4{margin:0 0 12px;font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.thumbnails,.selectable-photos,.draggable-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.thumb,.film-card{background:var(--paper);border:var(--border);padding:6px;display:flex;flex-direction:column;gap:6px;min-height:100%}.thumb img,.film-card img{width:100%;height:88px;object-fit:cover;background:var(--paper-muted)}.thumb-fallback{width:100%;height:88px;background:var(--paper-muted);color:var(--ink-faint);font-size:.7rem;font-family:var(--mono);display:flex;align-items:center;justify-content:center;text-align:center;padding:6px}.thumb-label,.film-card-label,.timeline-label,.slot-label{font-family:var(--mono);font-size:.65rem;color:var(--ink-muted);word-break:break-word;line-height:1.35}.thumb-label,.film-card-label{height:2.7em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.selectable{cursor:pointer}.selectable:hover,.anchor-slot:hover{border-color:var(--ink)}.range-selection{display:grid;gap:20px}.anchor-pair{display:flex;flex-direction:column;gap:8px}.anchor-label{font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.anchor-slots{display:flex;align-items:center;gap:12px}.anchor-slot{flex:1;min-height:112px;border:1px dashed var(--rule);display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;background:transparent}.anchor-slot img{width:64px;height:64px;object-fit:cover}.placeholder{color:var(--ink-faint);font-size:.85rem}.arrow{color:var(--ink-faint);font-family:var(--mono);font-size:1rem}.button-row{display:flex;flex-wrap:wrap;gap:8px}.timeline-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.match-stats{font-family:var(--mono);font-size:.8rem;font-weight:500;color:var(--ink)}#timeline-container{overflow-x:auto;padding:4px 0 12px;border-top:var(--border);border-bottom:var(--border)}#timeline{min-width:700px}#timeline-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(148px,1fr);gap:8px;padding:12px 0}.timeline-node{background:transparent;padding:8px;border:var(--border);display:grid;gap:8px;min-height:220px}.timeline-node:hover{border-color:var(--ink)}.timeline-node img{width:100%;height:100px;object-fit:cover;background:var(--paper-muted)}.node-film{display:grid;gap:8px}.node-film .film-card{border-color:var(--accent)}#unmatched-film{display:grid;gap:12px}.rename-config{display:grid;gap:24px}.rename-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.rename-field{display:flex;flex-direction:column;gap:6px}.rename-field label{font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.rename-field input{padding:12px 14px;border:var(--border);border-radius:2px;background:var(--paper);color:var(--ink);font-size:1rem;font-family:var(--mono);outline:none}.rename-field input:focus{border-color:var(--ink);box-shadow:none}.rename-field input::placeholder{color:var(--ink-faint)}.rename-preview{padding:16px 0 0;border-top:var(--border)}#rename-preview-list{display:grid;gap:0;max-height:300px;overflow-y:auto;border:var(--border)}.rename-preview-item{display:flex;align-items:center;gap:12px;padding:10px 12px;font-family:var(--mono);font-size:.78rem;border-bottom:var(--border)}.rename-preview-item:last-child{border-bottom:none}.rename-original{color:var(--ink-faint);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rename-arrow{color:var(--ink-faint);flex-shrink:0}.rename-new{color:var(--ink);font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#export-preview{overflow-x:auto;border:var(--border)}#export-table{width:100%;border-collapse:collapse;min-width:600px}#export-table th{text-align:left;padding:10px 12px;border-bottom:var(--border);font-family:var(--mono);font-size:.68rem;font-weight:500;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em}#export-table td{text-align:left;padding:12px;border-bottom:1px solid var(--rule);font-family:var(--mono);font-size:.8rem;color:var(--ink)}#export-table tr:last-child td{border-bottom:none}#export-progress{display:grid;gap:8px}.progress-bar{width:100%;height:3px;background:var(--rule);overflow:hidden}.progress-fill{height:100%;width:0;background:var(--accent);transition:width .3s ease}#progress-text{font-family:var(--mono);font-size:.75rem;color:var(--ink-muted)}@media(max-width:900px){#app{padding:0 20px 72px}.app-bar{flex-wrap:wrap;gap:12px}.timeline-controls{flex-direction:column;align-items:flex-start}}@media(max-width:700px){#landing{padding:40px 20px}.landing-hero h1{font-size:2.6rem}.landing-steps li{grid-template-columns:2rem 1fr;gap:10px}}@media(max-width:600px){.anchor-slots{flex-direction:column}.arrow{transform:rotate(90deg)}#timeline-track{grid-auto-columns:minmax(132px,1fr)}.rename-fields{grid-template-columns:1fr}.step-header h2{font-size:1.5rem}}