.pg-root{min-height:100vh;display:flex;flex-direction:column;background-color:var(--vhyx-color-bg);color:var(--vhyx-color-text);font-family:var(--vhyx-font-sans)}.pg-header{height:3.5rem;border-bottom:var(--vhyx-border-width) solid var(--vhyx-color-border);display:flex;justify-content:space-between;padding:0 var(--vhyx-space-5);background-color:var(--vhyx-color-surface);position:-webkit-sticky;position:sticky;top:0;z-index:var(--vhyx-z-sticky);flex-shrink:0}.pg-header-brand{display:flex;gap:var(--vhyx-space-3)}.pg-header-title{font-size:var(--vhyx-text-md);font-weight:var(--vhyx-weight-semibold);color:var(--vhyx-color-text)}.pg-header-subtitle{font-size:var(--vhyx-text-xs);color:var(--vhyx-color-text-muted)}.pg-header-actions{gap:var(--vhyx-space-3)}.pg-body{display:flex;flex:1 1;overflow:hidden;height:calc(100vh - 3.5rem)}.pg-sidebar{width:14rem;flex-shrink:0;border-right:var(--vhyx-border-width) solid var(--vhyx-color-border);overflow-y:auto;padding:var(--vhyx-space-4) 0;background-color:var(--vhyx-color-surface)}.pg-sidebar-group{margin-bottom:var(--vhyx-space-4);padding:0 var(--vhyx-space-3)}.pg-sidebar-group-label{font-size:var(--vhyx-text-2xs);font-weight:var(--vhyx-weight-semibold);letter-spacing:var(--vhyx-tracking-widest);padding:0 var(--vhyx-space-2);margin-bottom:var(--vhyx-space-1)}.pg-sidebar-item{display:block;padding:var(--vhyx-space-1-5) var(--vhyx-space-2);font-size:var(--vhyx-text-sm);border-radius:var(--vhyx-radius-sm);border:none;font-family:var(--vhyx-font-sans);transition:background-color var(--vhyx-duration-fast) var(--vhyx-easing-standard),color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}.pg-sidebar-item:hover{background-color:var(--vhyx-color-bg-subtle)}.pg-sidebar-item[data-active=true]{background-color:var(--vhyx-color-accent-subtle);font-weight:var(--vhyx-weight-medium)}.pg-canvas{overflow:hidden}.pg-canvas,.pg-preview-area{flex:1 1;display:flex;flex-direction:column}.pg-preview-area{overflow:auto}.pg-preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--vhyx-space-3) var(--vhyx-space-5);border-bottom:var(--vhyx-border-width) solid var(--vhyx-color-border);background-color:var(--vhyx-color-surface);flex-shrink:0}.pg-component-name{font-size:var(--vhyx-text-lg);font-weight:var(--vhyx-weight-semibold);color:var(--vhyx-color-text)}.pg-live-preview{flex:1 1;display:flex;align-items:center;justify-content:center;padding:var(--vhyx-space-16);background-color:var(--vhyx-color-bg-subtle);background-image:radial-gradient(var(--vhyx-color-border) 1px,transparent 1px);background-size:1.5rem 1.5rem;min-height:16rem}.pg-controls{border-top:var(--vhyx-border-width) solid var(--vhyx-color-border);background-color:var(--vhyx-color-surface);padding:var(--vhyx-space-4) var(--vhyx-space-5);flex-shrink:0}.pg-controls-title{font-size:var(--vhyx-text-xs);font-weight:var(--vhyx-weight-semibold);text-transform:uppercase;letter-spacing:var(--vhyx-tracking-wider);color:var(--vhyx-color-text-muted);margin-bottom:var(--vhyx-space-3)}.pg-controls-grid{display:flex;flex-wrap:wrap;gap:var(--vhyx-space-4)}.pg-control-item{display:flex;flex-direction:column;gap:var(--vhyx-space-1-5);min-width:9rem}.pg-control-label{font-size:var(--vhyx-text-xs);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text-subtle);font-family:var(--vhyx-font-mono)}.pg-control-toggle{display:flex;align-items:center;gap:var(--vhyx-space-2);min-height:var(--vhyx-size-md)}.pg-panel{width:22rem;border-left:var(--vhyx-border-width) solid var(--vhyx-color-border);flex-direction:column;overflow:hidden;background-color:var(--vhyx-color-surface)}.pg-panel,.pg-panel-tabs{flex-shrink:0;display:flex}.pg-panel-tabs{border-bottom:var(--vhyx-border-width) solid var(--vhyx-color-border)}.pg-panel-tab{flex:1 1;padding:var(--vhyx-space-2-5) var(--vhyx-space-3);font-size:var(--vhyx-text-xs);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text-muted);background:transparent;border:none;cursor:pointer;font-family:var(--vhyx-font-sans);border-bottom:var(--vhyx-border-width-2) solid transparent;transition:color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}.pg-panel-tab:hover{color:var(--vhyx-color-text)}.pg-panel-tab[data-active=true]{color:var(--vhyx-color-accent);border-bottom-color:var(--vhyx-color-accent)}.pg-panel-content{flex:1 1;overflow-y:auto;padding:var(--vhyx-space-4)}.pg-code-block{background-color:var(--vhyx-color-bg-inverse);border-radius:var(--vhyx-radius-md);overflow:hidden;font-size:var(--vhyx-text-xs)}.pg-code-header{display:flex;align-items:center;justify-content:space-between;padding:var(--vhyx-space-2) var(--vhyx-space-3);border-bottom:1px solid rgba(255,255,255,.1)}.pg-code-copy,.pg-code-lang{font-family:var(--vhyx-font-mono);font-size:var(--vhyx-text-2xs);color:var(--vhyx-color-text-muted)}.pg-code-copy{background:transparent;border:none;cursor:pointer;padding:var(--vhyx-space-1) var(--vhyx-space-2);border-radius:var(--vhyx-radius-sm)}.pg-code-copy:hover,.pg-code-pre{color:var(--vhyx-color-text-inverse)}.pg-code-pre{padding:var(--vhyx-space-3) var(--vhyx-space-4);font-family:var(--vhyx-font-mono);white-space:pre;overflow-x:auto;line-height:var(--vhyx-leading-relaxed);margin:0}.pg-contract-row{display:flex;border-bottom:var(--vhyx-border-width) solid var(--vhyx-color-border);font-size:var(--vhyx-text-xs)}.pg-contract-row:last-child{border-bottom:none}.pg-contract-key{width:8rem;flex-shrink:0;color:var(--vhyx-color-text-muted);background-color:var(--vhyx-color-bg-subtle);border-right:var(--vhyx-border-width) solid var(--vhyx-color-border)}.pg-contract-key,.pg-contract-value{padding:var(--vhyx-space-2) var(--vhyx-space-2);font-family:var(--vhyx-font-mono)}.pg-contract-value{color:var(--vhyx-color-text);flex:1 1}.pg-contract-badge{display:inline-block;padding:var(--vhyx-space-0-5) var(--vhyx-space-1-5);border-radius:var(--vhyx-radius-full);font-size:var(--vhyx-text-2xs);font-weight:var(--vhyx-weight-semibold)}.pg-token-item{display:flex;align-items:flex-start;gap:var(--vhyx-space-2);padding:var(--vhyx-space-2) 0;border-bottom:var(--vhyx-border-width) solid var(--vhyx-color-border);font-size:var(--vhyx-text-xs)}.pg-token-item:last-child{border-bottom:none}.pg-token-name{flex:1 1}.pg-dark-toggle{display:flex;align-items:center;gap:var(--vhyx-space-2);font-size:var(--vhyx-text-xs);color:var(--vhyx-color-text-subtle)}.pg-section-label{font-weight:var(--vhyx-weight-semibold);text-transform:uppercase;letter-spacing:var(--vhyx-tracking-wider);margin-bottom:var(--vhyx-space-2)}.pg-panel-description,.pg-section-label{font-size:var(--vhyx-text-xs);color:var(--vhyx-color-text-muted)}.pg-panel-description{line-height:var(--vhyx-leading-relaxed);margin-bottom:var(--vhyx-space-3)}.pg-center{flex:1 1;display:flex;flex-direction:column;min-width:0}.pg-header-link{font-size:var(--vhyx-text-xs);color:var(--vhyx-color-text-subtle);text-decoration:none;display:flex;align-items:center;gap:var(--vhyx-space-1);padding:var(--vhyx-space-1) var(--vhyx-space-2);border-radius:var(--vhyx-radius-sm);transition:color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}.pg-header-link:hover{color:var(--vhyx-color-text)}.pg-theme-toggle{display:flex;align-items:center;justify-content:center;width:var(--vhyx-size-sm);height:var(--vhyx-size-sm);border-radius:var(--vhyx-radius-sm);background:transparent;border:none;cursor:pointer;color:var(--vhyx-color-text-subtle);transition:color var(--vhyx-duration-fast) var(--vhyx-easing-standard)}.pg-theme-toggle:hover{color:var(--vhyx-color-text)}.pg-sidebar-search{padding:var(--vhyx-space-3) var(--vhyx-space-3) var(--vhyx-space-2)}.pg-sidebar-item{display:flex;align-items:center;justify-content:space-between}.pg-preview-panel{flex-direction:column;overflow:hidden}.pg-preview-panel,.pg-preview-toolbar{display:flex;border-bottom:var(--vhyx-border-width) solid var(--vhyx-color-border)}.pg-preview-toolbar{align-items:center;justify-content:space-between;padding:var(--vhyx-space-2) var(--vhyx-space-4);background-color:var(--vhyx-color-surface);flex-shrink:0;gap:var(--vhyx-space-3)}.pg-preview-widths{gap:var(--vhyx-space-1)}.pg-preview-width-btn{padding:var(--vhyx-space-1) var(--vhyx-space-2-5);font-size:var(--vhyx-text-xs);border-radius:var(--vhyx-radius-sm);border:var(--vhyx-border-width) solid var(--vhyx-color-border);color:var(--vhyx-color-text-subtle);font-family:var(--vhyx-font-sans);transition:all var(--vhyx-duration-fast) var(--vhyx-easing-standard)}.pg-preview-width-btn[data-active=true]{background:var(--vhyx-color-accent-subtle);border-color:var(--vhyx-color-accent);color:var(--vhyx-color-accent)}.pg-preview-theme-btn{display:flex;gap:var(--vhyx-space-1-5);padding:var(--vhyx-space-1) var(--vhyx-space-2-5);font-size:var(--vhyx-text-xs);border-radius:var(--vhyx-radius-sm);border:var(--vhyx-border-width) solid var(--vhyx-color-border);background:transparent;font-family:var(--vhyx-font-sans)}.pg-preview-stage{flex:1 1;overflow:auto;background-image:radial-gradient(var(--vhyx-color-border) 1px,transparent 1px);background-size:1.5rem 1.5rem;display:flex;justify-content:center;align-items:flex-start;padding:var(--vhyx-space-8) var(--vhyx-space-4)}.pg-preview-viewport{background-color:var(--vhyx-color-surface);min-height:12rem;display:flex;align-items:center;justify-content:center;padding:var(--vhyx-space-8);border-radius:var(--vhyx-radius-lg);box-shadow:var(--vhyx-shadow-md);transition:width var(--vhyx-duration-normal) var(--vhyx-easing-standard)}.pg-code-output{flex-shrink:0;overflow:hidden;max-height:16rem;display:flex;flex-direction:column}.pg-code-output-header{display:flex;align-items:center;justify-content:space-between;padding:var(--vhyx-space-2) var(--vhyx-space-3);background-color:var(--vhyx-color-bg-inverse);flex-shrink:0}.pg-code-output-filename{font-size:var(--vhyx-text-xs)}.pg-code-output-copy,.pg-code-output-filename{font-family:var(--vhyx-font-mono);color:var(--vhyx-color-text-muted)}.pg-code-output-copy{background:transparent;border:none;cursor:pointer;font-size:var(--vhyx-text-2xs);padding:var(--vhyx-space-1) var(--vhyx-space-2);border-radius:var(--vhyx-radius-sm)}.pg-code-output-copy:hover{color:var(--vhyx-color-text-inverse)}.pg-code-output-body{flex:1 1;overflow:auto;font-size:var(--vhyx-text-xs)}.pg-code-output-body pre{overflow:visible}.pg-code-output-body pre,.pg-code-output-fallback{margin:0;padding:var(--vhyx-space-3) var(--vhyx-space-4);font-size:var(--vhyx-text-xs)}.pg-code-output-fallback{background:var(--vhyx-color-bg-inverse);color:var(--vhyx-color-text-inverse);font-family:var(--vhyx-font-mono);overflow:auto;flex:1 1}.pg-control-panel{width:20rem;flex-shrink:0;border-left:var(--vhyx-border-width) solid var(--vhyx-color-border);background-color:var(--vhyx-color-surface)}.pg-control-panel,.pg-control-panel .vhyx-tabs{display:flex;flex-direction:column;overflow:hidden}.pg-control-panel .vhyx-tabs{flex:1 1}.pg-control-panel .vhyx-tabs-content{flex:1 1;overflow-y:auto}.pg-props-panel{padding:var(--vhyx-space-3) var(--vhyx-space-4);gap:var(--vhyx-space-4)}.pg-prop-row,.pg-props-panel{display:flex;flex-direction:column}.pg-prop-row{gap:var(--vhyx-space-2)}.pg-prop-meta{display:flex;align-items:center;gap:var(--vhyx-space-1)}.pg-prop-name{font-family:var(--vhyx-font-mono);font-size:var(--vhyx-text-xs);color:var(--vhyx-color-text-subtle)}.pg-prop-changed{color:var(--vhyx-color-accent);font-size:var(--vhyx-text-md);line-height:1}.pg-prop-value{font-size:var(--vhyx-text-xs);color:var(--vhyx-color-text-muted);font-family:var(--vhyx-font-mono)}.pg-prop-control-row{display:flex;align-items:center;gap:var(--vhyx-space-3)}.pg-props-footer{padding-top:var(--vhyx-space-2);border-top:var(--vhyx-border-width) solid var(--vhyx-color-border)}.pg-contract-panel{padding:var(--vhyx-space-3) var(--vhyx-space-4)}.pg-panel-hint{font-size:var(--vhyx-text-xs);color:var(--vhyx-color-text-muted);margin-bottom:var(--vhyx-space-3);line-height:var(--vhyx-leading-relaxed)}.pg-panel-hint code{font-family:var(--vhyx-font-mono);font-size:var(--vhyx-text-2xs);background:var(--vhyx-color-bg-subtle);padding:0 var(--vhyx-space-1);border-radius:var(--vhyx-radius-xs)}.pg-contract-upgrade-notice{display:flex;align-items:flex-start;gap:var(--vhyx-space-2);padding:var(--vhyx-space-2) var(--vhyx-space-3);background:var(--vhyx-color-warning-subtle);border:var(--vhyx-border-width) solid var(--vhyx-color-warning);border-radius:var(--vhyx-radius-md);margin-bottom:var(--vhyx-space-3);font-size:var(--vhyx-text-xs);color:var(--vhyx-color-warning-text)}.pg-contract-upgrade-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--vhyx-color-warning);flex-shrink:0;margin-top:4px}.pg-contract-table{border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-md);overflow:hidden;margin-bottom:var(--vhyx-space-3)}.pg-contract-row[data-highlighted=true]{background:rgba(245,158,11,.08)}.pg-contract-learn-more{font-size:var(--vhyx-text-xs);color:var(--vhyx-color-accent);text-decoration:none}.pg-tokens-panel{padding:var(--vhyx-space-3) var(--vhyx-space-4)}.pg-tokens-group{margin-bottom:var(--vhyx-space-4)}.pg-tokens-group-label{font-size:var(--vhyx-text-2xs);font-weight:var(--vhyx-weight-semibold);text-transform:uppercase;letter-spacing:var(--vhyx-tracking-widest);color:var(--vhyx-color-text-muted);margin-bottom:var(--vhyx-space-2)}.pg-token-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--vhyx-space-2);padding:var(--vhyx-space-1-5) 0;border-bottom:var(--vhyx-border-width) solid var(--vhyx-color-border);font-size:var(--vhyx-text-xs)}.pg-token-row:last-child{border-bottom:none}.pg-token-name-wrap{display:flex;align-items:center;gap:var(--vhyx-space-1);min-width:0}.pg-token-name{font-family:var(--vhyx-font-mono);font-size:var(--vhyx-text-2xs);color:var(--vhyx-color-accent);word-break:break-all}.pg-token-copy{background:transparent;border:none;cursor:pointer;padding:0 var(--vhyx-space-1)}.pg-token-copy,.pg-token-desc{color:var(--vhyx-color-text-muted);font-size:var(--vhyx-text-2xs);flex-shrink:0}.pg-token-desc{text-align:right}.pg-theme-panel{padding:var(--vhyx-space-3) var(--vhyx-space-4);gap:var(--vhyx-space-4)}.pg-theme-panel,.pg-theme-row{display:flex;flex-direction:column}.pg-theme-row{gap:var(--vhyx-space-2)}.pg-theme-label{font-size:var(--vhyx-text-xs);font-weight:var(--vhyx-weight-medium);color:var(--vhyx-color-text-subtle);margin-bottom:var(--vhyx-space-1)}.pg-theme-color-row{display:flex;align-items:center;gap:var(--vhyx-space-2)}.pg-theme-color-input{width:2rem;height:2rem;border-radius:var(--vhyx-radius-sm);cursor:pointer;padding:2px}.pg-theme-color-input,.pg-theme-hex-input{border:var(--vhyx-border-width) solid var(--vhyx-color-border);background:var(--vhyx-color-surface)}.pg-theme-hex-input{flex:1 1;padding:var(--vhyx-space-1-5) var(--vhyx-space-2);border-radius:var(--vhyx-radius-sm);font-family:var(--vhyx-font-mono);font-size:var(--vhyx-text-xs);color:var(--vhyx-color-text);outline:none}.pg-theme-hex-input:focus{border-color:var(--vhyx-color-border-focus);box-shadow:var(--vhyx-shadow-focus)}.pg-theme-radius-row{display:flex;gap:var(--vhyx-space-1)}.pg-theme-radius-btn{flex:1 1;padding:var(--vhyx-space-1-5) var(--vhyx-space-2);font-size:var(--vhyx-text-xs);border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-sm);background:transparent;cursor:pointer;color:var(--vhyx-color-text-subtle);font-family:var(--vhyx-font-sans);transition:all var(--vhyx-duration-fast) var(--vhyx-easing-standard)}.pg-theme-radius-btn[data-active=true]{background:var(--vhyx-color-accent-subtle);border-color:var(--vhyx-color-accent);color:var(--vhyx-color-accent)}.pg-theme-css-output{background:var(--vhyx-color-bg-inverse);color:var(--vhyx-color-text-inverse);padding:var(--vhyx-space-3);border-radius:var(--vhyx-radius-md);font-family:var(--vhyx-font-mono);font-size:var(--vhyx-text-2xs);overflow:auto;max-height:10rem;margin:0;line-height:var(--vhyx-leading-relaxed)}.pg-theme-copy-btn{background:transparent;border:none;color:var(--vhyx-color-accent);cursor:pointer;font-size:var(--vhyx-text-xs);font-family:var(--vhyx-font-sans)}.pg-panel-empty{padding:var(--vhyx-space-6) var(--vhyx-space-4);font-size:var(--vhyx-text-sm);color:var(--vhyx-color-text-muted);line-height:var(--vhyx-leading-relaxed)}.pg-prop-number-input{width:100%;padding:var(--vhyx-space-1-5) var(--vhyx-space-2);border:var(--vhyx-border-width) solid var(--vhyx-color-border);border-radius:var(--vhyx-radius-sm);background:var(--vhyx-color-surface);color:var(--vhyx-color-text);outline:none}.pg-panel-empty code,.pg-prop-number-input{font-family:var(--vhyx-font-mono);font-size:var(--vhyx-text-xs)}.pg-panel-empty code{background:var(--vhyx-color-bg-subtle);padding:0 var(--vhyx-space-1);border-radius:var(--vhyx-radius-xs)}:root{--vhyx-font-sans:var(--font-geist),system-ui,-apple-system,"Segoe UI",sans-serif;--vhyx-font-mono:var(--font-geist-mono),ui-monospace,"SFMono-Regular",Menlo,monospace;--pg-header-height:60px;--pg-stage-dot:color-mix(in srgb,var(--vhyx-color-border-strong) 70%,transparent)}body{background:var(--vhyx-color-bg);color:var(--vhyx-color-text);font-family:var(--vhyx-font-sans);-webkit-font-smoothing:antialiased}.pg-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-gap:var(--vhyx-space-6);gap:var(--vhyx-space-6);height:var(--pg-header-height);padding:0 var(--vhyx-space-6);background:var(--vhyx-color-bg-subtle);border-bottom:1px solid var(--vhyx-color-border)}.pg-header-start{display:flex;align-items:center;gap:var(--vhyx-space-4);min-width:0}.pg-header-brand{display:inline-flex;align-items:center;gap:10px;color:var(--vhyx-color-text);font-size:18px;font-weight:700;letter-spacing:-.02em;text-decoration:none}.pg-header-brand-mark,.pg-header-tag{color:var(--vhyx-color-accent)}.pg-header-tag{font-family:var(--vhyx-font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.pg-family{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--vhyx-color-border);border-radius:10px;background:var(--vhyx-color-surface)}.pg-family-link{padding:5px 11px;border-radius:7px;font-size:13px;color:var(--vhyx-color-text-muted);text-decoration:none}.pg-family-link:hover{color:var(--vhyx-color-text)}.pg-family-link[aria-current]{background:var(--vhyx-color-accent-subtle);color:var(--vhyx-color-accent);font-weight:600}.pg-header-nav{display:flex;gap:4px}.pg-header-nav-link{padding:7px 13px;border-radius:8px;font-size:14px;color:var(--vhyx-color-text-muted);text-decoration:none;white-space:nowrap}.pg-header-nav-link:hover,.pg-header-nav-link[aria-current=page]{color:var(--vhyx-color-text);background:var(--vhyx-color-surface)}.pg-header-nav-link[aria-current=page]{font-weight:500;box-shadow:inset 0 0 0 1px var(--vhyx-color-border)}.pg-header-actions{justify-self:end;display:flex;align-items:center;gap:var(--vhyx-space-2)}.pg-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;border:1px solid var(--vhyx-color-border);background:var(--vhyx-color-surface);color:var(--vhyx-color-text);cursor:pointer}.pg-icon-btn:hover{border-color:var(--vhyx-color-border-strong)}.pg-body{flex:none;height:calc(100vh - var(--pg-header-height));min-height:0}.pg-control-panel,.pg-sidebar{overflow-y:auto}.pg-sidebar{width:232px;padding:var(--vhyx-space-4) var(--vhyx-space-3);background:var(--vhyx-color-bg-subtle);border-right:1px solid var(--vhyx-color-border)}.pg-sidebar-search{padding:0 0 var(--vhyx-space-3)}.pg-filter{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--vhyx-color-border);border-radius:9px;background:var(--vhyx-color-surface);color:var(--vhyx-color-text-muted)}.pg-filter:focus-within{border-color:var(--vhyx-color-border-focus)}.pg-filter input{all:unset;flex:1 1;min-width:0;font-size:13px;color:var(--vhyx-color-text)}.pg-sidebar-group{margin-bottom:var(--vhyx-space-2)}.pg-sidebar-group-label{padding:10px 10px 6px;font-family:var(--vhyx-font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--vhyx-color-text-muted)}.pg-sidebar-item{width:100%;padding:7px 10px;border-radius:8px;border:0;background:transparent;color:var(--vhyx-color-text-subtle);font:inherit;font-size:14px;text-align:left;text-decoration:none;cursor:pointer}.pg-sidebar-item:hover{background:var(--vhyx-color-surface);color:var(--vhyx-color-text)}.pg-sidebar-item[data-active=true]{background:var(--vhyx-color-accent-subtle);color:var(--vhyx-color-accent);font-weight:500;box-shadow:inset 2px 0 0 var(--vhyx-color-accent)}.pg-center{overflow:hidden}.pg-center-head{padding:var(--vhyx-space-5) var(--vhyx-space-6) var(--vhyx-space-4);border-bottom:1px solid var(--vhyx-color-border)}.pg-title{margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em}.pg-subtitle{margin:4px 0 0;font-size:14px;color:var(--vhyx-color-text-subtle)}.pg-preview-panel{flex:1 1;min-height:0}.pg-preview-panel,.pg-preview-toolbar{border-bottom:1px solid var(--vhyx-color-border)}.pg-preview-toolbar{padding:10px var(--vhyx-space-4);background:var(--vhyx-color-bg)}.pg-preview-widths{display:flex;gap:2px;padding:3px;border:1px solid var(--vhyx-color-border);border-radius:9px;background:var(--vhyx-color-surface)}.pg-preview-width-btn{padding:5px 10px;border-radius:6px;border:0;background:transparent;color:var(--vhyx-color-text-muted);font:inherit;font-size:12px;cursor:pointer}.pg-preview-width-btn:hover{color:var(--vhyx-color-text)}.pg-preview-width-btn[data-active=true]{background:var(--vhyx-color-bg-muted);color:var(--vhyx-color-text)}.pg-preview-theme-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:9px;border:1px solid var(--vhyx-color-border);background:var(--vhyx-color-surface);color:var(--vhyx-color-text-subtle);font:inherit;font-size:12px;cursor:pointer}.pg-preview-stage{background-color:var(--vhyx-color-bg-subtle);background-image:radial-gradient(var(--pg-stage-dot) 1px,transparent 1px);background-size:18px 18px;padding:var(--vhyx-space-10) var(--vhyx-space-6)}.pg-preview-viewport{background-color:var(--vhyx-color-bg);color:var(--vhyx-color-text);border:1px solid var(--vhyx-color-border);border-radius:16px;box-shadow:0 24px 60px -30px rgb(0 0 0/.45);min-height:16rem;max-width:100%;padding:0;overflow:hidden}.pg-preview-viewport .pg-live-preview{background:none;padding:var(--vhyx-space-12) var(--vhyx-space-8);min-height:16rem;width:100%}.pg-console{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;padding:12px var(--vhyx-space-4) 14px;background:#090c13;color:#c8cdd9;border-top:1px solid #1c2333;font-family:var(--vhyx-font-mono);font-size:12px}.pg-console-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}.pg-console-head strong{font-family:var(--vhyx-font-sans);font-size:13px;font-weight:600;color:#e6e9f2}.pg-console-live{color:#6ee7b7}.pg-console-hint{color:#6b7489}.pg-console-clear{margin-left:auto;padding:3px 8px;border:1px solid #1c2333;border-radius:6px;background:transparent;color:#8a93a8;font:inherit;cursor:pointer}.pg-console-clear:hover{color:#e6e9f2;border-color:#2a3247}.pg-console-lines{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;height:128px;overflow-y:auto}.pg-console-line{white-space:pre-wrap;overflow-wrap:anywhere;animation:pg-line-in var(--vhyx-duration-normal) var(--vhyx-easing-decelerate) both}.pg-console-time{color:#4a5368}.pg-console-line--muted{color:#8a93a8}.pg-console-line--ok{color:#6ee7b7}.pg-console-line--warn{color:#fcd34d}.pg-console-line--stop{color:#fca5a5}@keyframes pg-line-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pg-console-line{animation:none}}.pg-control-panel{width:320px;background:var(--vhyx-color-bg-subtle);border-left:1px solid var(--vhyx-color-border)}.pg-control-panel .vhyx-tabs-list{padding:10px 12px;border-bottom:1px solid var(--vhyx-color-border);gap:2px;flex-wrap:wrap}.pg-control-panel .pg-code-output{max-height:none;margin:var(--vhyx-space-4);border:1px solid var(--vhyx-color-border);border-radius:10px}.pg-code-output-header{background:var(--vhyx-color-surface);border-bottom:1px solid var(--vhyx-color-border)}.pg-code-output-copy:hover{color:var(--vhyx-color-text)}.pg-code-output-body{background:var(--vhyx-color-bg)}.pg-code-output-body pre{background:transparent!important;white-space:pre-wrap;overflow-wrap:anywhere}.pg-code-output-fallback{background:var(--vhyx-color-bg);color:var(--vhyx-color-text)}.pg-code-output-body span{color:var(--shiki-light)}[data-theme=dark] .pg-code-output-body span{color:var(--shiki-dark)}@media (max-width:1100px){.pg-header{grid-template-columns:minmax(0,1fr) auto;height:auto;padding:10px var(--vhyx-space-4);row-gap:8px}.pg-header-nav{grid-column:1/-1;order:3;overflow-x:auto;scrollbar-width:none}.pg-family{display:none}.pg-body{flex-direction:column;height:auto;overflow:visible}.pg-sidebar{width:auto;display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;padding:10px var(--vhyx-space-4);border-right:0;border-bottom:1px solid var(--vhyx-color-border)}.pg-sidebar-group-label,.pg-sidebar-search{display:none}.pg-sidebar-group{display:contents}.pg-sidebar-item{width:auto;flex:0 0 auto;white-space:nowrap}.pg-center{overflow:visible}.pg-preview-panel{flex:0 0 auto}.pg-control-panel{width:auto;border-left:0;border-top:1px solid var(--vhyx-color-border)}}