.panreels-page{display:grid;gap:1.25rem;width:100%;max-width:100rem;margin-inline:auto}.panreels-feed{max-height:none;overflow:visible;border-radius:1rem}.panreel-card{width:100%;max-width:30rem;margin:0 auto 1.5rem;overflow:hidden;border:1px solid var(--surface-border);border-radius:1rem;background:var(--page-surface);scroll-snap-align:start}.panreel-card__video{position:relative;display:flex;justify-content:center;background:#000}.panreel-card__video video{display:block;width:100%;height:min(62dvh,44rem);object-fit:contain}.panreel-card__details{display:grid;gap:.75rem;padding:1rem}.panreel-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.panreel-card__actions>a,.panreel-card__actions>button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;min-width:44px;padding:.5rem;border-radius:.5rem}.panreel-card__actions>a:hover,.panreel-card__actions>button:hover{background:var(--nav-item-hover)}.panreel-stream-player{position:relative;width:100%;height:100%;min-height:16rem;background:#000;color:var(--foreground)}.panreel-stream-player>div{height:100%}.panreel-stream-player iframe{display:block;width:100%;height:100%;border:0}.panreel-card__video:has(.panreel-stream-player){height:min(62dvh,44rem)}.panreel-composer__preview{display:block;width:100%;height:min(50dvh,30rem);object-fit:contain;background:#000;border-radius:1rem;overflow:hidden}.panreel-composer input[type=file]:focus-visible+span{outline:2px solid var(--primary)}.panreel-composer label:focus-within{outline:2px solid var(--primary);outline-offset:4px}