.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{--fam-ui:#fb7185;--fam-seal:#34d399;--fam-chart:#38bdf8;--fam-gradient:linear-gradient(90deg,var(--fam-ui),var(--fam-seal),var(--fam-chart));--atmo-brand:var(--vhyx-color-accent);--atmo-surface:var(--vhyx-color-surface);--atmo-border:var(--vhyx-color-border);--atmo-text:var(--vhyx-color-text);--atmo-muted:var(--vhyx-color-text-muted);--atmo-bg:var(--vhyx-color-bg);--atmo-soft:color-mix(in srgb,var(--atmo-brand) 14%,transparent);--atmo-glow:color-mix(in srgb,var(--atmo-brand) 32%,transparent);--atmo-ease:cubic-bezier(0.22,1,0.36,1)}.atmo-hero{position:relative;isolation:isolate;overflow:hidden}.atmo-hero:before{content:"";inset:0;z-index:-2;background-image:linear-gradient(color-mix(in srgb,var(--atmo-border) 60%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--atmo-border) 60%,transparent) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 0,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 80% at 50% 0,#000 30%,transparent 75%)}.atmo-aurora,.atmo-hero:before{position:absolute;pointer-events:none}.atmo-aurora{inset:-20% 0 auto;height:560px;z-index:-1;filter:blur(90px);opacity:.4;overflow:hidden}.atmo-aurora span{position:absolute;border-radius:50%;mix-blend-mode:screen;animation:atmo-drift 18s var(--atmo-ease) infinite alternate}.atmo-aurora span:first-child{width:520px;height:360px;left:10%;top:18%;background:var(--atmo-brand)}.atmo-aurora span:nth-child(2){width:360px;height:280px;left:56%;top:6%;background:var(--fam-seal);opacity:.26;animation-duration:22s;animation-delay:-6s}.atmo-aurora span:nth-child(3){width:320px;height:260px;left:38%;top:36%;background:var(--fam-chart);opacity:.22;animation-duration:26s;animation-delay:-12s}:root[data-theme=light] .atmo-aurora{opacity:.26}:root[data-theme=light] .atmo-aurora span{mix-blend-mode:multiply}@keyframes atmo-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(40px,24px,0) scale(1.08)}}.atmo-gradient-text{background:linear-gradient(100deg,var(--atmo-brand),color-mix(in srgb,var(--atmo-brand) 55%,#fff) 60%,var(--atmo-brand));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:atmo-shine 6s linear infinite}:root[data-theme=light] .atmo-gradient-text{background-image:linear-gradient(100deg,var(--atmo-brand),color-mix(in srgb,var(--atmo-brand) 60%,#000) 60%,var(--atmo-brand))}@keyframes atmo-shine{to{background-position:-200% 0}}.atmo-eyebrow{font-family:var(--vhyx-font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--atmo-brand)}.atmo-family-bar{display:block;width:120px;height:3px;border-radius:99px;background:var(--fam-gradient)}.atmo-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:18px;border:1px solid var(--atmo-border);color:var(--atmo-text);text-decoration:none;background:linear-gradient(180deg,color-mix(in srgb,var(--atmo-brand) 5%,var(--atmo-surface)),var(--atmo-surface) 60%);transition:border-color .3s var(--atmo-ease),transform .3s var(--atmo-ease),box-shadow .3s var(--atmo-ease)}.atmo-card:after{content:"";position:absolute;left:22px;right:22px;top:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--atmo-brand) 70%,transparent),transparent);opacity:.7}.atmo-card[data-interactive]:hover,a.atmo-card:hover{border-color:color-mix(in srgb,var(--atmo-brand) 45%,var(--atmo-border));transform:translateY(-3px);box-shadow:0 24px 60px -32px var(--atmo-glow)}a.atmo-card:focus-visible{outline:2px solid var(--atmo-brand);outline-offset:2px}.atmo-card strong{font-size:16px;letter-spacing:-.01em}.atmo-card p,.atmo-card span.atmo-card-text{margin:0;font-size:14px;line-height:1.6;color:var(--atmo-muted)}.atmo-card-icon{width:38px;height:38px;justify-content:center;border-radius:11px;background:linear-gradient(135deg,color-mix(in srgb,var(--atmo-brand) 28%,transparent),color-mix(in srgb,var(--atmo-brand) 8%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--atmo-brand) 35%,transparent)}.atmo-card-icon,.atmo-card-more{display:inline-flex;align-items:center;color:var(--atmo-brand)}.atmo-card-more{gap:6px;align-self:flex-start;margin-top:auto;padding-top:4px;font-size:13px;font-weight:600;white-space:nowrap}.atmo-page-glow{position:relative;isolation:isolate}.atmo-page-glow:before{content:"";position:absolute;z-index:-1;top:-80px;left:0;width:min(760px,100%);height:320px;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--atmo-brand) 10%,transparent),transparent)}:root[data-theme=light] .atmo-page-glow:before{background:radial-gradient(closest-side,color-mix(in srgb,var(--atmo-brand) 7%,transparent),transparent)}@media (prefers-reduced-motion:reduce){.atmo-aurora span,.atmo-gradient-text{animation:none}.atmo-card{transition:none}a.atmo-card:hover{transform:none}}: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;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent)}.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);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent)}.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)}}.pg-preview-stage{background-image:radial-gradient(60% 50% at 50% 0,color-mix(in srgb,var(--atmo-brand) 9%,transparent),transparent 70%),radial-gradient(var(--vhyx-color-border) 1px,transparent 1px);background-size:auto,1.5rem 1.5rem}.pg-preview-viewport{position:relative;border:1px solid color-mix(in srgb,var(--atmo-brand) 18%,var(--vhyx-color-border));box-shadow:0 30px 70px -40px var(--atmo-glow),var(--vhyx-shadow-md)}.pg-preview-viewport:after{content:"";position:absolute;left:24px;right:24px;top:-1px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--atmo-brand) 70%,transparent),transparent)}