.spectrum-CSSExample-example--overlay.svelte-1d7qtkl{position:fixed;inset:0;z-index:99}.overlay.svelte-1d7qtkl{visibility:visible;opacity:1}.overlay.hide.svelte-1d7qtkl{visibility:hidden;opacity:0}.record-detail.svelte-1djijim{max-width:1200px;margin:0 auto}.detail-header.svelte-1djijim{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.header-actions.svelte-1djijim{display:flex;gap:12px}.detail-content.svelte-1djijim{display:grid;grid-template-columns:450px 1fr;gap:48px}.image-section.svelte-1djijim{position:sticky;top:100px;align-self:start}.main-image.svelte-1djijim{width:100%;aspect-ratio:1;background:var(--spectrum-global-color-gray-100);border-radius:8px;overflow:hidden;margin-bottom:16px;border:1px solid var(--spectrum-global-color-gray-200)}.main-image.svelte-1djijim img:where(.svelte-1djijim){width:100%;height:100%;object-fit:cover}.no-image-large.svelte-1djijim{width:100%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--spectrum-global-color-gray-100);border-radius:8px;color:var(--spectrum-global-color-gray-500)}.no-image-large.svelte-1djijim svg:where(.svelte-1djijim){margin-bottom:16px;opacity:.3}.image-thumbnails.svelte-1djijim{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.thumbnail.svelte-1djijim{aspect-ratio:1;border:2px solid transparent;border-radius:6px;overflow:hidden;cursor:pointer;padding:0;background:var(--spectrum-global-color-gray-100);transition:all .2s}.thumbnail.svelte-1djijim:hover{border-color:var(--spectrum-global-color-gray-400)}.thumbnail.active.svelte-1djijim{border-color:var(--spectrum-global-color-blue-600)}.thumbnail.svelte-1djijim img:where(.svelte-1djijim){width:100%;height:100%;object-fit:cover}.info-section.svelte-1djijim{background:var(--spectrum-global-color-gray-50);border-radius:8px;padding:32px;border:1px solid var(--spectrum-global-color-gray-200)}.record-title.svelte-1djijim{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid var(--spectrum-global-color-gray-200)}.record-title.svelte-1djijim h1:where(.svelte-1djijim){margin-bottom:8px}.artist-name.svelte-1djijim{font-size:20px;color:var(--spectrum-global-color-gray-700);font-weight:500}.info-grid.svelte-1djijim{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.info-item.svelte-1djijim{display:flex;flex-direction:column}.info-label.svelte-1djijim{font-size:12px;text-transform:uppercase;color:var(--spectrum-global-color-gray-600);letter-spacing:.5px;margin-bottom:6px;font-weight:600}.info-value.svelte-1djijim{font-size:15px;color:var(--spectrum-global-color-gray-900)}.section-label.svelte-1djijim{font-size:14px;text-transform:uppercase;color:var(--spectrum-global-color-gray-600);letter-spacing:.5px;margin-bottom:12px;font-weight:700}.styles-section.svelte-1djijim,.condition-section.svelte-1djijim,.purchase-section.svelte-1djijim,.notes-section.svelte-1djijim,.tracklist-section.svelte-1djijim,.credits-section.svelte-1djijim{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--spectrum-global-color-gray-200)}.tags.svelte-1djijim{display:flex;gap:8px;flex-wrap:wrap}.tag.svelte-1djijim{padding:6px 12px;background:var(--spectrum-global-color-blue-100);color:var(--spectrum-global-color-blue-700);border-radius:4px;font-size:13px;font-weight:500}.condition-grid.svelte-1djijim{display:flex;gap:24px}.condition-item.svelte-1djijim{display:flex;align-items:center;gap:8px}.condition-type.svelte-1djijim{font-weight:600;color:var(--spectrum-global-color-gray-700)}.condition-value.svelte-1djijim{padding:4px 12px;background:var(--spectrum-global-color-green-100);color:var(--spectrum-global-color-green-700);border-radius:4px;font-size:14px}.notes-content.svelte-1djijim{padding:16px;background:var(--spectrum-global-color-gray-100);border-radius:6px;line-height:1.6;color:var(--spectrum-global-color-gray-800)}.tracklist.svelte-1djijim{display:flex;flex-direction:column}.track-item.svelte-1djijim{display:grid;grid-template-columns:60px 1fr auto;gap:16px;padding:10px 0;border-bottom:1px solid var(--spectrum-global-color-gray-200)}.track-item.svelte-1djijim:last-child{border-bottom:none}.track-position.svelte-1djijim{color:var(--spectrum-global-color-gray-600);font-weight:600}.track-title.svelte-1djijim{color:var(--spectrum-global-color-gray-900)}.track-duration.svelte-1djijim{color:var(--spectrum-global-color-gray-600);font-variant-numeric:tabular-nums}.credits.svelte-1djijim{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.credit-item.svelte-1djijim{display:flex;flex-direction:column;padding:12px;background:var(--spectrum-global-color-gray-100);border-radius:6px}.credit-name.svelte-1djijim{font-weight:600;color:var(--spectrum-global-color-gray-900);margin-bottom:4px}.credit-role.svelte-1djijim{font-size:13px;color:var(--spectrum-global-color-gray-700)}.metadata-section.svelte-1djijim{padding-top:24px;display:flex;flex-direction:column;gap:8px}.metadata-item.svelte-1djijim{display:flex;gap:8px;font-size:13px}.metadata-label.svelte-1djijim{color:var(--spectrum-global-color-gray-600);font-weight:600}.metadata-value.svelte-1djijim{color:var(--spectrum-global-color-gray-800)}.discogs-link.svelte-1djijim{color:var(--spectrum-global-color-blue-600);text-decoration:none;display:inline-flex;align-items:center;gap:4px}.discogs-link.svelte-1djijim:hover{text-decoration:underline}.delete-modal.svelte-1djijim{background:var(--spectrum-global-color-gray-50);border-radius:8px;max-width:500px;margin:0 auto;box-shadow:0 8px 32px #0000004d}.modal-header.svelte-1djijim{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--spectrum-global-color-gray-200)}.modal-header.svelte-1djijim h2:where(.svelte-1djijim){margin:0}.close-button.svelte-1djijim{background:none;border:none;cursor:pointer;padding:8px;border-radius:4px;color:var(--spectrum-global-color-gray-700)}.close-button.svelte-1djijim:hover{background:var(--spectrum-global-color-gray-100)}.modal-content.svelte-1djijim{padding:24px}.modal-footer.svelte-1djijim{display:flex;gap:12px;justify-content:flex-end;padding:20px;border-top:1px solid var(--spectrum-global-color-gray-200);background:var(--spectrum-global-color-gray-50)}@media(max-width:968px){.detail-content.svelte-1djijim{grid-template-columns:1fr;gap:32px}.image-section.svelte-1djijim{position:static}.info-section.svelte-1djijim{padding:24px}.detail-header.svelte-1djijim{flex-direction:column;gap:16px;align-items:stretch}.header-actions.svelte-1djijim{justify-content:flex-end}}