body,html{height:100%}body{margin:0;background:var(--vhyx-color-bg);color:var(--vhyx-color-text)}.pg{display:flex;flex-direction:column}.pg-main{flex:1 1;min-height:0;display:grid;grid-template-columns:minmax(320px,38%) 1fr}.pg-pane{min-height:0;min-width:0;display:flex;flex-direction:column}.pg-pane+.pg-pane{border-left:var(--vhyx-border-width) solid var(--vhyx-color-border)}.pg-editor{flex:1 1;min-height:240px;width:100%;resize:none;border:0;outline:none;padding:16px 16px 16px 12px;font:13px/1.6 var(--vhyx-font-mono);-moz-tab-size:2;tab-size:2;color:var(--vhyx-color-text);background:var(--vhyx-color-surface)}.pg-editor:focus-visible{box-shadow:inset 0 0 0 2px var(--vhyx-color-border-focus)}.pg-stage{flex:1 1;min-height:0;overflow:auto;padding:24px}.pg-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-bottom:var(--vhyx-border-width) solid var(--vhyx-color-border)}.pg-diag{max-height:30%;overflow:auto;border-top:var(--vhyx-border-width) solid var(--vhyx-color-border);padding:8px 12px;display:grid;grid-gap:6px;gap:6px}@media (max-width:1023.98px){.pg-main{grid-template-columns:1fr;grid-template-rows:auto auto;overflow:auto}.pg-pane+.pg-pane{border-left:0;border-top:var(--vhyx-border-width) solid var(--vhyx-color-border)}.pg-editor{min-height:320px}}.pg-stage .vc-stage>svg{width:100%;max-height:72vh}:root,:root[data-theme=dark]{--ch-bg:#07090f;--ch-bg-subtle:#0a0d15;--ch-surface:#0d111b;--ch-surface-raised:#111726;--ch-border:#1c2333;--ch-border-strong:#2a3247;--ch-text:#e6e9f2;--ch-text-subtle:#a3abbe;--ch-text-muted:#8a93a8;--ch-accent:#38bdf8;--ch-accent-hover:#7dd3fc;--ch-accent-text:#7dd3fc;--ch-accent-subtle:#0b2233;--ch-accent-border:#16324a;--ch-on-accent:#04121c;--ch-grid:#121826;--ch-code-key:#7dd3fc}:root[data-theme=light]{--ch-bg:#f7f8fa;--ch-bg-subtle:#f1f3f6;--ch-surface:#ffffff;--ch-surface-raised:#ffffff;--ch-border:#e3e6ec;--ch-border-strong:#cfd4dd;--ch-text:#121620;--ch-text-subtle:#3f4757;--ch-text-muted:#5b6475;--ch-accent:#0284c7;--ch-accent-hover:#0369a1;--ch-accent-text:#0369a1;--ch-accent-subtle:#e6f4fb;--ch-accent-border:#b6dcf1;--ch-on-accent:#ffffff;--ch-grid:#e9ecf1;--ch-code-key:#0369a1}:root,:root[data-theme=dark],:root[data-theme=light]{--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;--vhyx-color-bg:var(--ch-bg);--vhyx-color-bg-subtle:var(--ch-bg-subtle);--vhyx-color-surface:var(--ch-surface);--vhyx-color-border:var(--ch-border);--vhyx-color-border-strong:var(--ch-border-strong);--vhyx-color-border-focus:var(--ch-accent);--vhyx-color-text:var(--ch-text);--vhyx-color-text-subtle:var(--ch-text-subtle);--vhyx-color-text-muted:var(--ch-text-muted);--vhyx-color-accent:var(--ch-accent);--vhyx-color-accent-hover:var(--ch-accent-hover);--vhyx-color-accent-active:var(--ch-accent-hover);--vhyx-color-accent-subtle:var(--ch-accent-subtle);--vhyx-color-text-on-accent:var(--ch-on-accent)}code,kbd,pre,samp{font-family:var(--vhyx-font-mono)}body{font-family:var(--vhyx-font-sans);background:var(--ch-bg);color:var(--ch-text);-webkit-font-smoothing:antialiased}code,kbd,pre{font-family:var(--vhyx-font-mono)}.ch-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-gap:24px;gap:24px;height:60px;padding:0 24px;background:color-mix(in srgb,var(--ch-bg-subtle) 88%,transparent);-webkit-backdrop-filter:saturate(140%) blur(12px);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--ch-border)}.ch-header-start{display:flex;align-items:center;gap:16px;min-width:0}.ch-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ch-text);font-size:18px;font-weight:700;letter-spacing:-.02em;text-decoration:none}.ch-brand-mark{color:var(--ch-accent)}.ch-family{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--ch-border);border-radius:10px;background:var(--ch-surface)}.ch-family-link{padding:5px 11px;border-radius:7px;font-size:13px;color:var(--ch-text-muted);text-decoration:none}.ch-family-link:hover{color:var(--ch-text)}.ch-family-link[aria-current]{background:var(--ch-accent-subtle);color:var(--ch-accent-text);font-weight:600}.ch-nav{display:flex;gap:4px}.ch-nav-link{padding:7px 13px;border-radius:8px;font-size:14px;color:var(--ch-text-muted);white-space:nowrap;text-decoration:none}.ch-nav-link:hover,.ch-nav-link[aria-current=page]{color:var(--ch-text);background:var(--ch-surface)}.ch-nav-link[aria-current=page]{font-weight:500;box-shadow:inset 0 0 0 1px var(--ch-border)}.ch-header-actions{justify-self:end;display:flex;gap:8px}.ch-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;border:1px solid var(--ch-border);background:var(--ch-surface);color:var(--ch-text);cursor:pointer}.ch-icon-btn:hover{border-color:var(--ch-border-strong)}.ch-hamburger{display:none}.ch-brand-tag{font-family:var(--vhyx-font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ch-accent-text)}.pg{height:100dvh;background:var(--ch-bg)}.pg-main{grid-template-columns:minmax(340px,38%) 1fr}.pg-pane{background:var(--ch-bg-subtle)}.pg-pane+.pg-pane{border-left-color:var(--ch-border)}.pg-pane--preview{background:var(--ch-bg)}.pg-toolbar{gap:10px;padding:10px 16px;border-bottom-color:var(--ch-border)}.pg-pane-label{font-family:var(--vhyx-font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ch-text-muted);margin-right:4px}.pg-editor{background:var(--ch-bg-subtle);color:var(--ch-text);font:13px/1.7 var(--vhyx-font-mono);padding:18px 18px 18px 20px;caret-color:var(--ch-accent)}.pg-editor:focus-visible{box-shadow:inset 2px 0 0 var(--ch-accent)}.pg-stage{padding:32px;background-image:radial-gradient(color-mix(in srgb,var(--ch-border-strong) 70%,transparent) 1px,transparent 1px);background-size:18px 18px}.pg-stage>*{max-width:1100px;margin:0 auto}.pg-diag{border-top-color:var(--ch-border)}@media (max-width:1023.98px){.ch-header{grid-template-columns:minmax(0,1fr) auto;height:auto;padding:10px 16px;row-gap:8px}.ch-family{display:none}.ch-nav{grid-column:1/-1;order:3;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}.pg{height:auto;min-height:100dvh}.pg-main{grid-template-columns:minmax(0,1fr)}.pg-pane+.pg-pane{border-left:0;border-top:1px solid var(--ch-border)}.pg-editor{flex:none;height:45vh;min-height:280px}.pg-stage{padding:16px}}