/* Pilot tab (site/pilot.js) */
.pilot-block { margin-bottom: 1.2rem; }
.pilot-block h2 { margin: 0; font-size: 1.1rem; }
.pilot-styles { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 0.7rem; margin-top: 0.8rem; }
.pilot-style { display: grid; gap: 0.25rem; padding: 0.8rem 0.9rem; border: 1px solid var(--hair); border-radius: 12px; cursor: pointer; }
.pilot-style input { position: absolute; opacity: 0; pointer-events: none; }
.pilot-style.on, .pilot-style:has(input:checked) { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); }
.pilot-style:has(input:focus-visible) { outline: 2px solid var(--accent); outline-offset: 2px; }
.pilot-sheets { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 0.9rem; margin-top: 0.8rem; }
.pilot-sheet { margin: 0; display: grid; gap: 0.45rem; min-width: 0; }
.pilot-sheet img, .pilot-empty { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; background: color-mix(in srgb, var(--ink) 6%, transparent); }
.pilot-empty { display: grid; place-items: center; color: var(--muted); font-size: 0.85rem; }
.pilot-sheet figcaption { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; }
.pilot-eps { display: grid; gap: 0.9rem; margin-top: 0.8rem; }
.pilot-ep { display: grid; gap: 0.55rem; padding-top: 0.8rem; border-top: 1px solid var(--hair); min-width: 0; }
.pilot-ep:first-child { border-top: 0; padding-top: 0; }
.pilot-ep header { display: flex; flex-wrap: wrap; align-items: center; gap: 0.45rem; }
.pilot-frames { display: flex; gap: 0.5rem; overflow-x: auto; }
.pilot-frames img { width: 96px; aspect-ratio: 9 / 16; object-fit: cover; border-radius: 8px; flex: none; }
.pilot-cut { width: 100%; max-width: 280px; aspect-ratio: 9 / 16; border-radius: 10px; background: #000; }