.recorder-link{text-decoration:none}.recorder-link:hover{color:white}.showcase-main{max-width:1200px;margin:54px auto 60px}.showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.video-type{display:block;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--faint);margin-bottom:12px}h1{font-size:28px;letter-spacing:-.025em;font-weight:500;margin:0}.showcase-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.video-frame{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#000;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.video-frame video{width:100%;height:100%;display:block;object-fit:contain}.video-frame:fullscreen{border:0;border-radius:0;aspect-ratio:auto}.player-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 0;color:var(--muted)}#playback-time{font-family:var(--mono);font-size:11px}.fullscreen-button{display:flex;align-items:center;gap:8px;background:transparent;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.fullscreen-button:hover{color:white}.fullscreen-button svg{width:15px;height:15px}.chapter-panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}.chapter-heading{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border)}.chapter-heading h2{font-size:10px}.chapter-heading>span{font-family:var(--mono);font-size:10px;color:var(--faint)}#chapters{padding:8px}.chapter{display:flex;align-items:center;gap:14px;padding:17px 12px;width:100%;text-align:left;background:transparent;color:var(--muted);border-radius:5px}.chapter:hover{background:var(--raised);color:white}.chapter[aria-current=true]{background:var(--raised);color:white}.chapter-time{font-family:var(--mono);font-size:11px;color:var(--faint)}.chapter[aria-current=true] .chapter-time{color:white}.chapter-title{font-size:12px}.chapter svg{width:14px;height:14px;margin-left:auto;opacity:0}.chapter[aria-current=true] svg{opacity:1}#video-error{color:#d99180;font-size:12px;line-height:1.6}#retry-video{background:transparent;color:white;text-decoration:underline}.showcase-heading .primary{border-radius:4px}@media(max-width:900px){.showcase-grid{grid-template-columns:minmax(0,1fr) 230px;gap:16px}}@media(max-width:680px){.showcase-main{margin-top:30px}.showcase-grid{grid-template-columns:1fr}.showcase-heading{gap:12px}h1{font-size:23px}.showcase-heading .primary{padding:10px;font-size:9px}.showcase-heading .primary svg{width:14px}.chapter-panel{margin-top:8px}}@media(max-width:580px){.showcase-app header>.header-label:last-child{display:none}.showcase-app .recorder-link{display:block;font-size:9px}.showcase-app header{flex-direction:row-reverse;gap:10px}}
.showcase-heading{justify-content:flex-end;margin-bottom:20px}.showcase-main{margin-top:30px}