main.bare{max-width:none;padding:0;margin:0}main.bare+footer{display:none}.pg{--pg-bg: #0d1117;--pg-bg-soft: #161b22;--pg-border: #21262d;--pg-text: #e6edf3;--pg-text-soft: #8b949e;--pg-accent: #ffd43b;--pg-green: #3fb950;--pg-red: #f85149;--pg-amber: #d29922;--pg-purple: #d2a8ff;--pg-blue: #79c0ff;--pg-string: #a5d6a7;--pg-comment: #6e7681;display:flex;flex-direction:column;height:calc(100vh - 65px);min-height:480px;background:var(--pg-bg);color:var(--pg-text);font-size:14px}.pg-bar{display:flex;align-items:center;gap:16px;padding:10px 16px;border-bottom:1px solid var(--pg-border);background:var(--pg-bg-soft)}.pg-bar-left{display:flex;align-items:center;gap:10px;white-space:nowrap}.pg-title{margin:0;font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:0;color:inherit}.pg-hint{color:var(--pg-text-soft);font-size:12px}.pg-dot{width:9px;height:9px;border-radius:50%;background:var(--pg-green);box-shadow:0 0 6px var(--pg-green);transition:background .2s,box-shadow .2s}.pg-dot.busy{background:var(--pg-amber);box-shadow:0 0 6px var(--pg-amber)}.pg-examples{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1}.pg-examples::-webkit-scrollbar{display:none}.pg-pill{border:1px solid var(--pg-border);background:transparent;color:var(--pg-text-soft);border-radius:999px;padding:5px 14px;font-size:12.5px;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s,background .15s}.pg-pill:hover{color:var(--pg-text);border-color:var(--pg-text-soft)}.pg-pill.active{color:#1c1c1c;background:var(--pg-accent);border-color:var(--pg-accent);font-weight:600}.pg-bar-right{display:flex;gap:8px;white-space:nowrap}.pg-btn{border:1px solid var(--pg-border);background:var(--pg-bg);color:var(--pg-text);border-radius:8px;padding:6px 14px;font-size:13px;cursor:pointer;transition:border-color .15s,background .15s,transform .05s}.pg-btn:hover{border-color:var(--pg-text-soft)}.pg-btn:active{transform:translateY(1px)}.pg-btn.primary{background:var(--pg-accent);border-color:var(--pg-accent);color:#1c1c1c;font-weight:600}.pg-btn.primary kbd{font-family:inherit;font-size:11px;opacity:.6;margin-left:4px}.pg-btn.ghost{border-color:transparent;background:transparent;color:var(--pg-text-soft);padding:4px 10px}.pg-btn.ghost:hover{color:var(--pg-text)}.pg-split{display:flex;flex:1;min-height:0}.pg-divider{width:5px;cursor:col-resize;background:transparent;border-left:1px solid var(--pg-border);transition:background .15s;flex:none}.pg-divider:hover,.pg-divider.dragging{background:var(--pg-accent)}.pg-editor{display:flex;width:50%;min-width:280px;min-height:0}.pg-gutter{padding:16px 0;width:48px;flex:none;overflow:hidden;text-align:right;color:var(--pg-comment);font:13px/1.6 var(--font-mono);user-select:none;border-right:1px solid var(--pg-border)}.pg-gutter span{display:block;padding-right:14px}.pg-code{position:relative;flex:1;min-width:0}.pg-highlight,.pg-code textarea{position:absolute;inset:0;margin:0;padding:16px;font:13px/1.6 var(--font-mono);white-space:pre;overflow:auto;tab-size:4;border:0;background:transparent}.pg-highlight{pointer-events:none;color:var(--pg-text);scrollbar-width:none}.pg-code textarea{resize:none;color:transparent;caret-color:var(--pg-accent);outline:none}.pg-code textarea::selection{background:#79c0ff40}.tok-k{color:var(--pg-purple)}.tok-s{color:var(--pg-string)}.tok-n{color:var(--pg-blue)}.tok-c{color:var(--pg-comment);font-style:italic}.tok-f{color:var(--pg-accent)}.pg-right{display:flex;flex-direction:column;flex:1;min-width:280px;min-height:0}.pg-preview{flex:1;display:flex;flex-direction:column;min-height:0;padding:14px}.pg-chrome{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--pg-border);border-bottom:1px solid #eceff3;border-radius:12px 12px 0 0;padding:8px 12px}.pg-traffic i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;background:#fc5753}.pg-traffic i:nth-child(2){background:#fdbc40}.pg-traffic i:nth-child(3){background:#33c748}.pg-chrome-label{color:#9aa3ad;font-size:12px;flex:1}.pg-chrome .pg-btn{color:#9aa3ad}.pg-chrome .pg-btn:hover{color:#1c1c1c}.pg-frame{flex:1;min-height:0;background:#fff;border:1px solid var(--pg-border);border-top:0;border-radius:0 0 12px 12px;overflow:hidden}.pg-frame iframe{width:100%;height:100%;border:0;display:block;background:#fff}.pg-frame.flash iframe{animation:pg-fade .25s ease}@keyframes pg-fade{0%{opacity:.35}to{opacity:1}}.pg-drawer{height:200px;flex:none;display:flex;flex-direction:column;border-top:1px solid var(--pg-border);background:var(--pg-bg-soft)}.pg-tabs{display:flex;align-items:center;gap:2px;padding:6px 10px 0}.pg-tab{background:transparent;border:0;color:var(--pg-text-soft);font-size:12.5px;padding:6px 12px;cursor:pointer;border-radius:8px 8px 0 0;border-bottom:2px solid transparent}.pg-tab.active{color:var(--pg-text);border-bottom-color:var(--pg-accent)}.pg-tabs-actions{margin-left:auto;display:flex;gap:4px}.pg-panel{flex:1;overflow:auto;padding:8px 14px;font:12.5px/1.7 var(--font-mono)}.pg-empty{color:var(--pg-text-soft);font-family:var(--font-sans);max-width:60ch}.pg-row{white-space:pre-wrap;word-break:break-word;border-bottom:1px solid rgba(255,255,255,.04);padding:2px 0}.pg-row.warn{color:var(--pg-amber)}.pg-row.error{color:var(--pg-red)}.pg-row details{display:inline}.pg-row summary{cursor:pointer;display:inline;color:var(--pg-blue)}.pg-row .pg-explain{display:block;color:var(--pg-text-soft);padding:6px 0 4px 16px;font-family:var(--font-sans);font-size:12.5px;max-width:70ch}.pg-trace-row{display:flex;gap:10px;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.04)}.pg-kind{flex:none;width:52px;text-align:center;border-radius:6px;font-size:11px;line-height:18px;margin-top:2px;background:var(--pg-border);color:var(--pg-text-soft)}.pg-kind.write{background:#3fb95026;color:var(--pg-green)}.pg-kind.run{background:#79c0ff26;color:var(--pg-blue)}.pg-kind.touch{background:#d2a8ff26;color:var(--pg-purple)}.pg-kind.warn,.pg-kind.error{background:#f8514926;color:var(--pg-red)}@media(max-width:860px){.pg{height:auto}.pg-split{flex-direction:column}.pg-editor{width:100%!important;height:320px}.pg-divider{display:none}.pg-right{min-height:480px}.pg-examples{order:3;flex-basis:100%}.pg-bar{flex-wrap:wrap;gap:8px}}