:root{--pg-bg: #000000;--pg-surface: #0A0A1A;--pg-card: #111130;--pg-border: #1E293B;--pg-text: #E2E8F0;--pg-muted: #94A3B8;--pg-primary: #4F46E5;--pg-accent: #5CE0F2;--pg-font: "Inter", system-ui, -apple-system, sans-serif;--pg-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--pg-header-h: 44px;--pg-tree-w: 190px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--pg-bg);color:var(--pg-text);font-family:var(--pg-font);-webkit-font-smoothing:antialiased;overflow:hidden}.pg-header{height:var(--pg-header-h);display:flex;align-items:center;padding:0 12px;background:var(--pg-surface);border-bottom:1px solid var(--pg-border);gap:10px;flex-shrink:0}.pg-brand{display:flex;align-items:center;text-decoration:none}.pg-brand img{height:20px;width:auto;transition:opacity .2s ease,filter .2s ease}.pg-brand:hover img{opacity:.85;filter:drop-shadow(0 0 6px rgba(167,139,250,.35)) drop-shadow(0 0 12px rgba(92,224,242,.25))}.pg-separator{color:var(--pg-border);font-weight:300;font-size:.9rem}.pg-title{font-size:.8rem;color:var(--pg-muted);font-weight:500}.pg-select{padding:4px 8px;border-radius:4px;border:1px solid var(--pg-border);background:var(--pg-card);color:var(--pg-text);font-family:var(--pg-font);font-size:.75rem;cursor:pointer;outline:none}.pg-select:focus{border-color:var(--pg-primary)}.pg-nav{margin-left:auto;display:flex;gap:12px}.pg-header-link{font-size:.75rem;color:var(--pg-muted);text-decoration:none}.pg-header-link:hover{color:var(--pg-accent)}.pg-main{display:flex;height:calc(100vh - var(--pg-header-h))}.pg-filetree{width:var(--pg-tree-w);flex-shrink:0;background:var(--pg-surface);border-right:1px solid var(--pg-border);padding:8px 0;overflow-y:auto}.pg-file-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;border:none;background:transparent;color:var(--pg-muted);font-family:var(--pg-mono);font-size:.75rem;cursor:pointer;text-align:left}.pg-file-item:hover{color:var(--pg-text);background:#ffffff08}.pg-file-item.active{color:var(--pg-accent);background:#5ce0f20d}.pg-file-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:3px;background:#4f46e526;color:var(--pg-accent);font-size:.55rem;font-weight:700;flex-shrink:0}.pg-center{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--pg-border)}.pg-editor-pane{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.pg-tabs{display:flex;background:var(--pg-surface);border-bottom:1px solid var(--pg-border);overflow-x:auto;flex-shrink:0}.pg-tab{padding:6px 14px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--pg-muted);font-family:var(--pg-mono);font-size:.7rem;cursor:pointer;white-space:nowrap}.pg-tab:hover{color:var(--pg-text)}.pg-tab.active{color:var(--pg-accent);border-bottom-color:var(--pg-accent)}.pg-editor-wrap{flex:1;min-height:0;overflow:hidden;position:relative}.pg-editor-wrap .cm-editor{position:absolute;inset:0}.pg-editor-wrap .cm-scroller{font-family:var(--pg-mono)!important;font-size:12px!important;line-height:1.6!important;overflow:auto!important;scrollbar-width:thin;scrollbar-color:var(--pg-border) var(--pg-surface)}.pg-editor-wrap .cm-scroller::-webkit-scrollbar,.pg-filetree::-webkit-scrollbar,.pg-console::-webkit-scrollbar{width:8px;height:8px}.pg-editor-wrap .cm-scroller::-webkit-scrollbar-track,.pg-filetree::-webkit-scrollbar-track,.pg-console::-webkit-scrollbar-track{background:var(--pg-surface)}.pg-editor-wrap .cm-scroller::-webkit-scrollbar-thumb,.pg-filetree::-webkit-scrollbar-thumb,.pg-console::-webkit-scrollbar-thumb{background:var(--pg-border);border-radius:4px}.pg-editor-wrap .cm-scroller::-webkit-scrollbar-thumb:hover,.pg-filetree::-webkit-scrollbar-thumb:hover,.pg-console::-webkit-scrollbar-thumb:hover{background:var(--pg-muted)}.pg-filetree,.pg-console{scrollbar-width:thin;scrollbar-color:var(--pg-border) var(--pg-surface)}.pg-right,.pg-preview-pane{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.pg-pane-header{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:var(--pg-surface);border-bottom:1px solid var(--pg-border);font-size:.65rem;font-weight:600;color:var(--pg-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.pg-clear-btn{padding:1px 8px;border-radius:3px;border:1px solid var(--pg-border);background:transparent;color:var(--pg-muted);font-family:var(--pg-font);font-size:.6rem;cursor:pointer}.pg-clear-btn:hover{border-color:var(--pg-muted);color:var(--pg-text)}.pg-preview-wrap{flex:1;background:var(--pg-bg);overflow:hidden}.pg-preview-wrap iframe{width:100%;height:100%;border:none;background:var(--pg-bg)}.pg-console-pane{flex-shrink:0}.pg-console-header{border-top:1px solid var(--pg-border)}.pg-console{height:90px;overflow-y:auto;padding:4px 10px;font-family:var(--pg-mono);font-size:.7rem;color:var(--pg-muted);background:var(--pg-surface)}.pg-console-line{padding:1px 0}.pg-console-error{color:#ef4444}.pg-console-warn{color:#f59e0b}@media(max-width:900px){.pg-filetree{display:none}.pg-main{flex-direction:column}.pg-center{border-right:none;height:50%}.pg-right{height:50%}.pg-nav{display:none}}