:root{--pg-bg:#0d1117;--pg-panel-bg:#161b22;--pg-border:#30363d;--pg-text:#c9d1d9;--pg-text-muted:#8b949e;--pg-accent:#58a6ff;--pg-accent-hover:#79c0ff;--pg-btn-bg:#21262d;--pg-btn-hover:#30363d;--pg-btn-primary-bg:#238636;--pg-btn-primary-hover:#2ea043;--pg-error:#f85149;--pg-warn:#d29922;--pg-success:#3fb950;--pg-font-mono:"Fira Code", "Cascadia Code", "JetBrains Mono", "Consolas", monospace;--pg-font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--pg-bg);width:100%;height:100%;color:var(--pg-text);font-family:var(--pg-font-ui);font-size:14px;overflow:hidden}.pg-root{width:100%;height:calc(100% - var(--site-nav-height,48px));margin-top:var(--site-nav-height,48px);background:var(--pg-border);grid-template-rows:auto 1fr auto;grid-template-columns:1fr 1fr;gap:1px;display:grid}.pg-header{background:var(--pg-panel-bg);border-bottom:1px solid var(--pg-border);grid-column:1/-1;align-items:center;gap:16px;padding:8px 16px;display:flex}.pg-header-title{color:var(--pg-text);white-space:nowrap;font-size:16px;font-weight:600}.pg-header-title a{color:var(--pg-text-muted);margin-left:8px;font-size:13px;font-weight:400;text-decoration:none}.pg-header-title a:hover{color:var(--pg-accent)}.pg-preset-select{background:var(--pg-btn-bg);color:var(--pg-text);border:1px solid var(--pg-border);font-size:13px;font-family:var(--pg-font-ui);cursor:pointer;border-radius:6px;padding:4px 8px}.pg-preset-select:hover{border-color:var(--pg-accent)}.pg-header-spacer{flex:1}.pg-editor-panel{background:var(--pg-panel-bg);flex-direction:column;grid-area:2/1;min-width:0;display:flex;overflow:hidden}.pg-editor-globals{color:var(--pg-text-muted);border-bottom:1px solid var(--pg-border);font-size:11px;font-family:var(--pg-font-mono);white-space:nowrap;text-overflow:ellipsis;background:#0d1117;padding:4px 12px;overflow:hidden}.pg-editor-tabs{background:var(--pg-bg);border-bottom:1px solid var(--pg-border);display:flex}.pg-editor-tab{color:var(--pg-text-muted);font-family:var(--pg-font-ui);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 20px;font-size:13px;transition:color .15s,border-color .15s}.pg-editor-tab:hover{color:var(--pg-text)}.pg-editor-tab.active{color:var(--pg-accent);border-bottom-color:var(--pg-accent)}.pg-editor-wrapper{flex:1;position:relative;overflow:hidden}.pg-editor-cm{position:absolute;inset:0;overflow:hidden}.pg-editor-cm .cm-editor{height:100%}.pg-right-panel{background:var(--pg-panel-bg);flex-direction:column;grid-area:2/2;min-width:0;display:flex;overflow:hidden}.pg-controls{background:var(--pg-panel-bg);border-bottom:1px solid var(--pg-border);padding:8px 12px}.pg-controls-toolbar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pg-controls-sep{margin-left:6px}.pg-controls-row{align-items:center;gap:8px;margin-top:4px;display:flex}.pg-controls-label{color:var(--pg-text-muted);flex-shrink:0;font-size:12px}.pg-btn{border:1px solid var(--pg-border);background:var(--pg-btn-bg);min-height:36px;color:var(--pg-text);font-family:var(--pg-font-ui);cursor:pointer;white-space:nowrap;border-radius:6px;padding:6px 14px;font-size:12px;transition:background .15s,border-color .15s}.pg-btn:hover:not(:disabled){background:var(--pg-btn-hover);border-color:var(--pg-accent)}.pg-btn:disabled{opacity:.4;cursor:default}.pg-btn-primary{background:var(--pg-btn-primary-bg);border-color:var(--pg-btn-primary-bg);color:#fff;font-weight:600}.pg-btn-primary:hover:not(:disabled){background:var(--pg-btn-primary-hover);border-color:var(--pg-btn-primary-hover)}.pg-btn-small{padding:2px 8px;font-size:11px}.pg-speed-slider{width:100px;min-width:80px;max-width:160px;accent-color:var(--pg-accent);flex:1}.pg-speed-label{color:var(--pg-text);font-size:12px;font-family:var(--pg-font-mono);min-width:36px}.pg-size-input{background:var(--pg-btn-bg);width:60px;color:var(--pg-text);border:1px solid var(--pg-border);font-family:var(--pg-font-mono);border-radius:4px;padding:2px 6px;font-size:12px}.pg-size-input:focus{border-color:var(--pg-accent);outline:none}.pg-canvas-area{outline-offset:-1px;background:#1a1a2e;border-radius:4px;outline:1px solid #555;flex:1;justify-content:center;align-items:center;min-height:200px;margin:4px 8px;display:flex;position:relative;overflow:hidden}.pg-canvas-placeholder{color:var(--pg-text-muted);text-align:center;pointer-events:none;font-size:13px;position:absolute}.pg-console{border-top:1px solid var(--pg-border);background:var(--pg-bg);flex-direction:column;min-height:32px;max-height:200px;display:flex}.pg-console-header{background:var(--pg-panel-bg);border-bottom:1px solid var(--pg-border);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:4px 12px;display:flex}.pg-console-title{color:var(--pg-text-muted);font-size:12px;font-weight:600}.pg-console-log{font-family:var(--pg-font-mono);flex:1;max-height:160px;padding:4px 0;font-size:12px;overflow-y:auto}.pg-console-entry{word-break:break-all;padding:2px 12px;line-height:1.4}.pg-console-log{color:var(--pg-text)}.pg-console-warn{color:var(--pg-warn)}.pg-console-error{color:var(--pg-error);background:#f8514914}.pg-console-badge{text-transform:uppercase;border-radius:3px;margin-right:6px;padding:0 4px;font-size:10px;font-weight:600;display:inline-block}.pg-console-badge-model{color:var(--pg-accent);background:#58a6ff33}.pg-console-badge-view{color:var(--pg-success);background:#3fb95033}.pg-console-badge-runtime{color:var(--pg-error);background:#f8514933}.pg-footer{background:var(--pg-panel-bg);color:var(--pg-text-muted);border-top:1px solid var(--pg-border);grid-column:1/-1;gap:16px;padding:4px 16px;font-size:11px;display:flex}.pg-footer kbd{background:var(--pg-btn-bg);border:1px solid var(--pg-border);font-family:var(--pg-font-mono);border-radius:3px;padding:0 4px;font-size:10px;display:inline-block}.pg-panel-tabs{background:var(--pg-bg);border-bottom:1px solid var(--pg-border);grid-column:1/-1;display:none}.pg-panel-tab{color:var(--pg-text-muted);font-family:var(--pg-font-ui);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 20px;font-size:13px;transition:color .15s,border-color .15s}.pg-panel-tab:hover{color:var(--pg-text)}.pg-panel-tab.active{color:var(--pg-accent);border-bottom-color:var(--pg-accent)}@media (width<=768px){.pg-root{grid-template-rows:auto auto 1fr 1fr auto;grid-template-columns:1fr}.pg-panel-tabs{grid-row:2;display:flex}.pg-editor-tabs{display:none}.pg-editor-panel{grid-area:3/1}.pg-right-panel{grid-area:4/1}.pg-editor-panel.pg-panel-hidden,.pg-right-panel.pg-panel-hidden{display:none}.pg-editor-panel:not(.pg-panel-hidden),.pg-right-panel:not(.pg-panel-hidden){grid-row:3/5}.pg-canvas-area{min-height:150px}.pg-console{max-height:min(200px,30vh)}}@media (width<=480px){.pg-header{gap:8px;padding:6px 10px}.pg-header-title{font-size:14px}.pg-controls{padding:6px 8px}.pg-btn{min-height:40px;padding:8px 12px}.pg-btn-label{display:none}.pg-footer{flex-wrap:wrap;gap:8px;padding:4px 10px}}@media (height<=400px){.pg-header{padding:4px 10px}.pg-canvas-area{min-height:120px}.pg-console{max-height:min(100px,20vh)}}@media (pointer:coarse) and (hover:none){.pg-footer{display:none}.pg-root{grid-template-rows:auto auto 1fr auto}}