.pt-panel{top:var(--pt-bar-h);width:var(--pt-panel-w);background:var(--pt-paper);max-width:100%;color:var(--pt-ink);font-family:var(--pt-text);border-left:1px solid var(--pt-hair);z-index:4;visibility:hidden;view-transition-name:pt-panel;transition:transform var(--pt-dur-slide) var(--pt-ease-out), visibility 0s linear var(--pt-dur-slide);flex-direction:column;display:flex;position:absolute;bottom:0;right:0;transform:translate(100%)}.pt-panel.is-on{visibility:visible;transition:transform var(--pt-dur-slide) var(--pt-ease-out);transform:none}.pt-panel-scrim{z-index:3;appearance:none;background:var(--pt-scrim);cursor:default;opacity:0;visibility:hidden;transition:opacity var(--pt-dur-slide) var(--pt-ease-out), visibility 0s linear var(--pt-dur-slide);border:0;margin:0;padding:0;position:absolute;inset:0}.pt-panel-scrim.is-on{opacity:1;visibility:visible;transition:opacity var(--pt-dur-slide) var(--pt-ease-out)}.pt-panel-head{height:var(--pt-bar-h);flex:0 0 var(--pt-bar-h);border-bottom:1px solid var(--pt-hair);align-items:center;gap:10px;padding:0 10px 0 18px;display:flex}.pt-panel-head b{font-family:var(--pt-display);letter-spacing:-.01em;white-space:nowrap;font-size:14.5px;font-weight:500}.pt-panel-head span{color:var(--pt-titanium);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:12.5px}.pt-panel-tools{border-bottom:1px solid var(--pt-hair-soft);align-items:center;gap:10px;padding:9px 18px;display:flex}.pt-panel-sets{flex:none;height:34px}.pt-panel-sets .pt-ib{height:32px}.pt-panel-filter{box-sizing:border-box;border:1px solid var(--pt-hair);border-radius:var(--pt-radius-control);background:var(--pt-paper);min-width:0;height:34px;color:var(--pt-titanium);transition:border-color var(--pt-dur-fast) var(--pt-ease-out);flex:auto;align-items:center;gap:8px;padding:0 10px;display:flex}.pt-panel-filter:focus-within{border-color:var(--pt-ink);color:var(--pt-ink)}.pt-panel-filter svg{fill:currentColor;flex:none;width:14px;height:14px}.pt-panel-filter input{width:100%;min-width:0;height:32px;color:var(--pt-ink);font:13.5px var(--pt-text);font-feature-settings:var(--pt-ff-text);border-radius:var(--pt-radius-shell);appearance:none;background:0 0;border:0;outline:none;flex:auto;padding:0}.pt-panel-filter input::placeholder{color:var(--pt-titanium)}.pt-panel-filter input::-webkit-search-cancel-button{-webkit-appearance:none}.pt-panel-body{flex:auto;min-height:0;padding:0 18px 44px}.pt-panel-note{color:var(--pt-titanium);margin:14px 0 2px;font-size:12.5px;line-height:1.5}.pt-surf-group{padding-top:18px}.pt-surf-group h4{font-family:var(--pt-display);font-weight:500;font-size:var(--pt-t-group);letter-spacing:var(--pt-track-group);color:var(--pt-ink);border-bottom:1px solid var(--pt-hair);margin:0;padding:0 0 8px;line-height:1.3}.pt-surf{border-bottom:1px solid var(--pt-hair-soft);color:inherit;grid-template-columns:96px minmax(0,1fr) 16px;align-items:center;gap:14px;padding:10px 0;text-decoration:none;display:grid}.pt-surf:hover .pt-surf-name{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.pt-surf:hover svg{color:var(--pt-ink)}.pt-surf:focus-visible{outline:1px solid var(--pt-ink);outline-offset:2px}.pt-surf .shot-s{box-sizing:border-box;border:1px solid var(--pt-edge);border-radius:var(--pt-radius-card);background:var(--pt-plate);width:96px;height:54px;display:block;overflow:hidden}.pt-surf .shot-s img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}:root[data-theme=dark] .pt-surf .shot-s img.light,:root:not([data-theme=dark]) .pt-surf .shot-s img.dark{display:none}:root[data-theme=dark] .pt-surf .shot-s.solo{padding:4px}.pt-surf .shot-s.blank{font-family:var(--pt-display);color:var(--pt-titanium);place-items:center;font-size:15px;font-weight:500;display:grid}.pt-surf-t{min-width:0}.pt-surf-name{font-family:var(--pt-display);letter-spacing:-.01em;font-size:14px;font-weight:500;line-height:1.3;display:block}.pt-surf-url{color:var(--pt-titanium);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;display:block;overflow:hidden}.pt-surf-desc{color:var(--pt-ink-2);margin-top:4px;font-size:12.5px;line-height:1.4;display:block}.pt-surf svg{fill:currentColor;width:14px;height:14px;color:var(--pt-titanium);transition:color var(--pt-dur-fast) var(--pt-ease-out)}@media (prefers-reduced-motion:reduce){.pt-panel,.pt-panel-scrim,.pt-panel-filter{transition:none}}@media (max-width:900px),(pointer:coarse) and (max-height:500px){.pt-panel{width:100%}}