.pg-shell{height:100%;display:flex;flex-direction:column}.pg-toolbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-6) var(--space-12);border-bottom:var(--border-hairline) solid var(--color-border);background:var(--color-surface);flex-wrap:wrap}.pg-body{flex:1 1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:var(--color-border)}.pg-pane{display:flex;flex-direction:column;min-height:0;background:var(--color-bg)}.pg-pane-head{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-10);border-bottom:var(--border-hairline) solid var(--color-border-subtle);background:var(--color-surface);flex:none}.pg-pane-head .title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text-muted)}.pg-editor{flex:1 1;min-height:0}.pg-pane-preview{position:relative}.pg-preview-outer{flex:1 1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;background:var(--color-surface-sunken);padding:var(--space-8)}.pg-preview-frame{transition:width var(--dur-base) var(--ease-out),height var(--dur-base) var(--ease-out);box-shadow:var(--shadow-md);background:var(--color-bg);border-radius:var(--radius-md);overflow:hidden}.pg-preview-frame iframe{border-radius:inherit}.pg-error-banner{flex:none;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-10);background:var(--color-danger-subtle);color:var(--color-danger);font-family:var(--font-mono);font-size:var(--fs-xs);border-top:var(--border-hairline) solid var(--color-danger-border)}.pg-console{flex:none;border-top:var(--border-hairline) solid var(--color-border);background:var(--color-surface)}.pg-console-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-10);cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text-muted)}.pg-console-head:hover{background:var(--color-surface-hover)}.pg-console-body{max-height:180px;overflow-y:auto;border-top:var(--border-hairline) solid var(--color-border-subtle);background:var(--color-surface-sunken);font-family:var(--font-mono);font-size:var(--fs-xs);padding:var(--space-6) var(--space-8)}.pg-console-empty{color:var(--color-text-faint);padding:var(--space-6);text-align:center}.pg-console-row{padding:var(--space-2) 0;color:var(--color-text-muted)}.pg-console-row.-error{color:var(--color-danger)}.pg-console-row.-warn{color:var(--color-warning)}.pg-console-level{color:var(--color-text-faint)}@media (max-width:900px){.pg-body{grid-template-columns:1fr;grid-auto-rows:1fr;overflow-y:auto}.pg-toolbar{padding:var(--space-6) var(--space-8)}}