.pg-badge{font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.2em;color:var(--info);background:var(--info-soft);border:1px solid color-mix(in srgb,var(--info) 30%,transparent);padding:3px 8px;border-radius:5px}.pg-langs{position:relative;display:inline-flex;padding:3px;background:var(--bg-0);border:1px solid var(--border);border-radius:999px}.pg-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / 2);border-radius:999px;background:var(--accent-soft);border:1px solid var(--accent-glow);transform:translateX(calc(var(--seg-i, 0) * 100%));transition:transform .24s var(--e-out,cubic-bezier(.23,1,.32,1))}.pg-lang{position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-2);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;padding:5px 16px;border-radius:999px;cursor:pointer}.pg-lang.is-active{color:var(--accent)}@media (hover:hover) and (pointer:fine){.pg-lang:not(.is-active):hover{color:var(--text-0)}}.pg-body{display:grid;grid-template-columns:minmax(0,1fr) 400px;min-height:0;position:relative;overflow:hidden}.pg-output{display:flex;flex-direction:column;background:var(--bg-1);border-left:1px solid var(--border);min-height:0}.pg-output-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px;border-bottom:1px solid var(--border)}.pg-run-time{font-family:var(--font-mono);font-size:12px;color:var(--text-3)}.pg-output-body{flex:1;min-height:0;overflow-y:auto}.pg-output-empty{margin:0;padding:20px 16px;font-size:12.5px;color:var(--text-3);line-height:1.5}.pg-output-empty kbd{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.pg-console,.pg-output-empty kbd{font-family:var(--font-mono);font-size:12px;color:var(--text-1)}.pg-console{margin:0;padding:14px 16px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.pg-console.err{color:var(--danger)}@media (max-width:1080px){.pg-body{grid-template-columns:minmax(0,1fr) 340px}}@media (max-width:820px){.pg-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1.4fr) minmax(0,1fr)}.pg-output{border-left:none;border-top:1px solid var(--border)}}