.pl-toggle{box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0d;border-radius:999px;padding:4px;display:inline-flex}.pl-toggle button{height:32px;color:var(--fg-soft);border-radius:999px;padding:0 16px;font-size:13px;font-weight:600;transition:background-color .15s,color .15s}.pl-toggle button:hover{color:#fff}.pl-toggle button[aria-pressed=true]{background:linear-gradient(90deg, var(--grad-a) 0%, #5c4aeb 50%, var(--grad-b) 100%);color:#fff}.pl-card{flex-direction:column;height:100%;padding:28px;display:flex}.pl-group{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-hover);font-size:12px;font-weight:500}.pl-tools{flex-wrap:wrap;gap:6px;display:flex}.pl-tools .tag{height:28px}.pl-details summary{cursor:pointer;color:var(--fg-mute);font-size:13px;font-weight:500;list-style:none}.pl-details summary::-webkit-details-marker{display:none}.pl-details summary:hover{color:#fff}.pl-details[open] summary svg{transform:rotate(90deg)}.pl-details summary svg{transition:transform .15s}.pl-pre{background:var(--bg-deep);max-height:320px;box-shadow:inset 0 0 0 1px var(--line);font-family:var(--font-mono);color:var(--fg-soft);white-space:pre-wrap;overscroll-behavior:contain;border-radius:12px;margin-top:12px;padding:16px;font-size:12px;line-height:1.6;overflow:auto}.pl-copy[data-copied=true]{color:#7ef0bd;background:#3ddc9724;box-shadow:inset 0 0 0 1px #3ddc9766}.pl-pack{background:radial-gradient(60% 120% at 100% 0%, #7c5cf638 0%, #7c5cf600 70%), var(--surface)}