:where(.demo-code-blocks) .feature-demo-panel .demo-panel-tokens[data-layout=sidebar] .code-blocks-section{gap:10px}:where(.demo-code-blocks) .feature-demo-panel .demo-panel-tokens[data-layout=sidebar] .code-block-theme-preview pre{padding:11px 12px 30px;font-size:10.5px;line-height:1.45}:where(.demo-code-blocks) .feature-demo-panel .stylergpt-theme-root--modal-panel .code-block-themes-panel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}:where(.demo-code-blocks) .feature-demo-panel .code-block-theme-preview{position:relative;aspect-ratio:39/19;border:1px solid var(--panel-border);border-radius:var(--panel-radius-md);overflow:hidden;transition:border-color .18s ease,transform .18s ease}:where(.demo-code-blocks) .feature-demo-panel .code-block-theme-preview-with-invocation{aspect-ratio:39/20}:where(.demo-code-blocks) .feature-demo-panel .code-block-theme-preview-tile{aspect-ratio:39/27}:where(.demo-code-blocks) .feature-demo-panel .code-block-theme-preview.cursor-pointer:hover{border-color:var(--panel-border-strong)}:where(.demo-code-blocks) .feature-demo-panel .code-block-theme-preview.panel-hover-scale:hover{transform:scale(1.02)}:where(.demo-code-blocks) .feature-demo-panel .code-block-theme-preview pre{margin:0;padding:14px 14px 34px;width:100%;height:100%;overflow:hidden;font-family:Geist Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:12px;line-height:1.55;white-space:pre}:where(.demo-code-blocks) .feature-demo-panel .code-block-theme-preview-tile pre{padding:10px 10px 32px;font-size:10.5px;line-height:1.45}:where(.demo-code-blocks) .feature-demo-panel .code-block-theme-preview code{color:inherit;font:inherit}:where(.demo-code-blocks) .feature-demo-panel .code-block-theme-preview-label{position:absolute;inset-inline:0;bottom:0;display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:11px}:where(.demo-code-blocks) .feature-demo-panel .code-block-theme-preview-label>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.demo-code-blocks) .feature-demo-panel .stylergpt-modal-panel-stage .stylergpt-section-workspace .code-block-theme-preview pre{font-size:10px;line-height:1.6;padding:12px;overflow-x:hidden;white-space:pre-wrap;overflow-wrap:anywhere}:where(.demo-code-blocks) .feature-demo-panel .stylergpt-modal-panel-stage .stylergpt-section-workspace .code-block-theme-preview code{white-space:inherit;overflow-wrap:inherit}:where(.demo-code-blocks) .feature-demo-panel .stylergpt-section-workspace__inspector>.code-blocks-section{min-height:100%;justify-content:space-between;gap:20px}:where(.demo-code-blocks) .feature-demo-panel .stylergpt-modal-panel-stage .stylergpt-section-workspace .code-block-theme-preview{aspect-ratio:auto;height:auto;min-width:0}:where(.demo-code-blocks) .feature-demo-panel .stylergpt-modal-panel-stage .stylergpt-section-workspace .code-block-theme-preview pre{height:auto;min-height:0}:where(.demo-code-blocks) .feature-demo-panel .stylergpt-modal-panel-stage .stylergpt-section-workspace .code-block-theme-preview-label{position:static;flex-wrap:wrap}:where(.demo-code-blocks) .feature-demo-panel .stylergpt-modal-panel-stage .stylergpt-section-workspace .code-block-theme-preview-label>span{white-space:normal;overflow-wrap:anywhere}:where(.demo-code-blocks) .feature-demo-panel .stylergpt-modal-panel-stage .stylergpt-section-workspace--catalog .stylergpt-section-workspace__main .code-block-theme-preview pre{font-size:12px;padding:16px}:where(.demo-code-blocks) .feature-demo-panel .stylergpt-section-workspace--catalog .code-blocks-section{display:flex;flex-direction:column}:where(.demo-code-blocks) .feature-demo-panel .stylergpt-section-workspace--catalog .code-blocks-actions:empty{display:none}:where(.demo-code-blocks) .feature-demo-panel .stylergpt-section-workspace--catalog .code-blocks-section>.code-block-theme-preview{flex:1;display:flex;flex-direction:column}:where(.demo-code-blocks) .feature-demo-panel .stylergpt-modal-panel-stage .stylergpt-section-workspace--catalog .code-blocks-section>.code-block-theme-preview>pre{flex:1}:where(.demo-code-blocks) .feature-demo-panel .stylergpt-section-workspace--catalog .code-blocks-section>.flex{justify-content:center;align-self:center}:where(.demo-code-blocks) .feature-demo-panel .demo-panel-tokens [data-testid=code-blocks-reset]{flex:0 0 auto;width:auto;padding-inline:16px;margin-inline:auto}.demo-code-blocks .demo-new-chat[data-conversation=true]{flex:0 0 auto;padding:24px 38px 14px;gap:10px}.demo-code-blocks .demo-conversation-disclaimer{color:var(--host-muted);font-size:12px}.demo-code-conversation{flex:1;min-height:0;width:768px;max-width:calc(100% - 76px);margin:18px auto 0;font-size:16px;line-height:1.7}.demo-code-user{text-wrap:balance;width:-moz-fit-content;width:fit-content;max-width:570px;margin:0 0 30px auto;padding:12px 20px;border-radius:24px;background:var(--host-active)}.demo-code-answer>p{margin:0 0 16px}.demo-chat-code{border-radius:16px;overflow:hidden;margin:20px 0}.demo-chat-code-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-size:13px}.demo-chat-code-header>span:last-child{display:flex;align-items:center;gap:7px}.demo-chat-code pre{margin:0;padding:12px 16px 20px;font:14px/1.7 Geist Mono,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.demo-chat-code code{font:inherit}.demo-code-answer-actions{display:flex;gap:16px;color:var(--host-muted)}.demo-code-answer-actions svg{width:17px;height:17px}.demo-code-catalog{position:relative;scroll-behavior:auto}