:root{--pg-bg:#050505;--pg-panel:#0d0d0d;--pg-border:#262626;--pg-muted:#929292;--pg-text:#f5f5f5;--pg-soft:#151515;--pg-accent:#fff}
*{box-sizing:border-box}.pg-body{background:var(--pg-bg);color:var(--pg-text);min-height:100vh}.pg-shell{padding:110px 18px 40px;max-width:1500px;margin:auto}.pg-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.pg-head h1{font-size:clamp(34px,5vw,68px);line-height:.96;letter-spacing:-.05em;margin:8px 0}.pg-head p{color:var(--pg-muted);max-width:720px;margin:0}.pg-kicker{font-size:11px;letter-spacing:.18em;color:#aaa;font-weight:800}.pg-actions{display:flex;gap:10px;flex-wrap:wrap}.pg-btn{border:1px solid var(--pg-border);background:var(--pg-soft);color:#fff;padding:11px 15px;border-radius:12px;cursor:pointer;font-weight:750}.pg-btn:hover{border-color:#555}.pg-btn.primary{background:#fff;color:#000}.pg-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;min-height:650px}.pg-panel{border:1px solid var(--pg-border);background:var(--pg-panel);border-radius:18px;overflow:hidden;min-width:0}.pg-panel-head{height:48px;padding:0 15px;border-bottom:1px solid var(--pg-border);display:flex;align-items:center;justify-content:space-between;color:#bbb;font-size:12px;font-weight:800;letter-spacing:.08em}.pg-editor{width:100%;height:calc(100% - 48px);min-height:600px;resize:none;border:0;outline:0;background:#090909;color:#e8e8e8;padding:18px;font:14px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}.pg-preview{width:100%;height:calc(100% - 48px);min-height:600px;border:0;background:#fff}.pg-output{height:calc(100% - 48px);min-height:600px;overflow:auto;padding:18px;font:14px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;color:#ddd}.pg-output.light{background:#fff;color:#111}.pg-stack{display:grid;grid-template-rows:repeat(3,minmax(180px,1fr));gap:14px}.pg-stack .pg-editor{min-height:160px}.pg-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.pg-tab{border:1px solid var(--pg-border);background:#0c0c0c;color:#aaa;padding:9px 13px;border-radius:999px;cursor:pointer}.pg-tab.active{background:#fff;color:#000}.pg-note{margin-top:16px;padding:14px 16px;border:1px solid var(--pg-border);border-radius:14px;background:#0b0b0b;color:#aaa;font-size:13px}.pg-console{margin-top:14px;border:1px solid var(--pg-border);border-radius:16px;overflow:hidden;background:#090909}.pg-console pre{margin:0;padding:14px;min-height:70px;max-height:180px;overflow:auto;color:#ccc;font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.pg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pg-card{display:flex;flex-direction:column;min-height:220px;padding:24px;border:1px solid #222;border-radius:22px;background:linear-gradient(145deg,#111,#070707);color:#fff;text-decoration:none;transition:.25s}.pg-card:hover{transform:translateY(-5px);border-color:#555}.pg-card span{font-size:11px;letter-spacing:.14em;color:#888;font-weight:800}.pg-card h2{font-size:28px;margin:18px 0 10px}.pg-card p{color:#999;flex:1}.pg-card b{font-size:13px}.pg-status{font-size:12px;color:#8d8d8d}.pg-table{width:100%;border-collapse:collapse}.pg-table th,.pg-table td{padding:10px 12px;border-bottom:1px solid #ddd;text-align:left}.pg-error{color:#ff8d8d}.pg-success{color:#9df0b0}
@media(max-width:980px){.pg-workspace{grid-template-columns:1fr}.pg-grid{grid-template-columns:repeat(2,1fr)}.pg-head{align-items:flex-start;flex-direction:column}.pg-editor,.pg-preview,.pg-output{min-height:440px}}
@media(max-width:620px){.pg-shell{padding-top:92px}.pg-grid{grid-template-columns:1fr}.pg-actions{width:100%}.pg-btn{flex:1}.pg-editor,.pg-preview,.pg-output{min-height:380px}}