.view-page.svelte-108px9u{display:flex;flex-direction:column;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding-bottom:4rem;min-height:100vh}.view-nav.svelte-108px9u{padding:.75rem 1.5rem}.back-btn.svelte-108px9u{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#aaa;background:none;border:none;cursor:pointer;padding:.4rem .75rem;border-radius:8px;transition:background .15s,color .15s}.back-btn.svelte-108px9u:hover{background:#f5f5f0;color:#1a1a1a}.preview.svelte-108px9u{display:flex;flex-direction:column;gap:2rem;padding:0 1.5rem 2rem;max-width:1200px;margin:0 auto;width:100%}@media (min-width: 1024px){.preview.svelte-108px9u{flex-direction:row;align-items:flex-start;gap:3rem}}.video-col.svelte-108px9u{flex-shrink:0;display:flex;flex-direction:column;gap:1rem}@media (min-width: 1024px){.video-col.svelte-108px9u{width:480px}}@media (max-width: 1023px){.video-col.svelte-108px9u{width:100%}}.video-player.svelte-108px9u{width:100%;border-radius:12px;background:#000;display:block}.video-player.widescreen.svelte-108px9u{aspect-ratio:16 / 9}.video-player.portrait.svelte-108px9u{aspect-ratio:4 / 3}.action-row.svelte-108px9u{display:flex;gap:.75rem;flex-wrap:wrap}.action-btn.svelte-108px9u{display:flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border-radius:10px;border:1.5px solid #e0e0e0;background:#fff;font-size:.82rem;font-weight:500;color:#1a1a1a;cursor:pointer;transition:background .15s,border-color .15s}.action-btn.svelte-108px9u:hover{background:#f5f5f0;border-color:#ccc}.action-btn.outline.svelte-108px9u{color:#888}.info-col.svelte-108px9u{flex:1;display:flex;flex-direction:column;gap:1.5rem;min-width:0}.filename-row.svelte-108px9u{display:flex;align-items:center;gap:.4rem;flex-wrap:nowrap}.filename.svelte-108px9u{font-size:1.3rem;font-weight:700;color:#1a1a1a;letter-spacing:-.02em;line-height:1.3;word-break:break-all}.copy-btn.svelte-108px9u{width:28px;height:28px;border-radius:7px;background:#f5f5f0;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.72rem;color:#888;flex-shrink:0;margin-top:4px;transition:background .15s,color .15s}.copy-btn.svelte-108px9u:hover{background:#e8e8e2;color:#1a1a1a}.meta-section.svelte-108px9u{display:flex;flex-direction:column;gap:.5rem}.res-pill-row.svelte-108px9u{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.res-pill.svelte-108px9u{font-size:.75rem;font-weight:700;padding:.25rem .65rem;border-radius:20px;letter-spacing:.04em}.res-pill.res-SD.svelte-108px9u{background:#f0f0e8;color:#7a7a60}.res-pill.res-HD.svelte-108px9u{background:#e8f0ff;color:#3a5fcf}.res-pill.res-4K.svelte-108px9u{background:#e8fff0;color:#1a7a45}.remaster-pill.svelte-108px9u{font-size:.72rem;font-weight:700;padding:.25rem .65rem;border-radius:20px;background:#fff8e0;color:#b07d00;letter-spacing:.02em}.format-pill.svelte-108px9u{font-size:.72rem;font-weight:600;padding:.25rem .65rem;border-radius:20px;background:#f0f0f0;color:#555}.res-desc.svelte-108px9u{font-size:.78rem;color:#888;line-height:1.5}.remaster-note.svelte-108px9u{background:#fffbeb;border-left:3px solid #f5c518;border-radius:0 10px 10px 0;padding:.75rem 1rem}.remaster-note-text.svelte-108px9u{font-size:.78rem;color:#7a6200;line-height:1.6}.info-section.svelte-108px9u{display:flex;flex-direction:column;gap:.5rem;padding-top:1.25rem;border-top:1px solid #f0f0f0}.section-label.svelte-108px9u{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#aaa}.section-text.svelte-108px9u{font-size:.9rem;color:#333;line-height:1.6}.tags-section.svelte-108px9u{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid #f0f0f0}.tags-wrap.svelte-108px9u{display:flex;flex-wrap:wrap;gap:.4rem}.tag-chip.svelte-108px9u{font-size:.72rem;font-weight:500;padding:.25rem .6rem;border-radius:20px;background:#1a1a1a;color:#fff;text-decoration:none;transition:background .15s}.tag-chip.svelte-108px9u:hover{background:#444}.suggested-grid.svelte-108px9u{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}@media (max-width: 600px){.suggested-grid.svelte-108px9u{grid-template-columns:repeat(2,1fr)}}.suggested-card.svelte-108px9u{display:flex;flex-direction:column;gap:.3rem;text-decoration:none;border-radius:8px;overflow:hidden;transition:opacity .15s}.suggested-card.svelte-108px9u:hover{opacity:.8}.suggested-thumb.svelte-108px9u{width:100%;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover;display:block;background:#eee}.suggested-name.svelte-108px9u{font-size:.65rem;color:#888;word-break:break-all;line-height:1.3;padding:0 .1rem}