.feature-demo-fonts .feature-demo-panel .font-preview-card{position:relative;display:flex;flex-direction:column;align-items:stretch}.feature-demo-fonts .feature-demo-panel .font-preview-card--host{min-height:184px;justify-content:center;padding-bottom:64px!important}.feature-demo-fonts .feature-demo-panel .font-preview-title{display:block;text-align:center}.feature-demo-fonts .feature-demo-panel .font-preview-spacer{display:block;height:1em}.feature-demo-fonts .feature-demo-panel .font-preview-sample{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;margin:0;color:var(--panel-text);font-size:.78em;line-height:1.55;overflow:hidden;text-align:justify;-moz-text-align-last:left;text-align-last:left}.feature-demo-fonts .feature-demo-panel .font-preview-sample--host{max-width:560px;font-size:15px;line-height:1.55;text-align:justify;-moz-text-align-last:left;text-align-last:left;-webkit-line-clamp:5}.feature-demo-fonts .feature-demo-panel .font-preview-action{position:absolute;left:50%;bottom:14px;width:auto;min-width:148px;max-width:calc(100% - 28px);transform:translateX(-50%)}.feature-demo-fonts .feature-demo-panel .fonts-panel-search-field{position:relative;display:flex;align-items:center;gap:8px;width:100%;min-height:38px;margin-bottom:12px;padding:0 36px 0 10px;border-radius:var(--panel-radius-sm);border:1px solid var(--panel-border);background:var(--panel-surface);color:var(--panel-muted);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.feature-demo-fonts .feature-demo-panel .fonts-panel-search-field:hover{border-color:var(--panel-border-strong);background:var(--panel-surface-muted)}.feature-demo-fonts .feature-demo-panel .fonts-panel-search-field:focus-within{border-color:var(--panel-accent);box-shadow:var(--panel-focus-ring);background:var(--panel-surface)}.feature-demo-fonts .feature-demo-panel .fonts-panel-search-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--panel-text);font-size:13px;line-height:1.4}.feature-demo-fonts .feature-demo-panel .fonts-panel-search-field input::-moz-placeholder{color:var(--panel-muted)}.feature-demo-fonts .feature-demo-panel .fonts-panel-search-field input::placeholder{color:var(--panel-muted)}.feature-demo-fonts .feature-demo-panel .fonts-panel-search-field input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.feature-demo-fonts .feature-demo-panel .fonts-panel-search-status{position:absolute;top:50%;right:9px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;transform:translateY(-50%)}.feature-demo-fonts .feature-demo-panel .fonts-panel-search-clear,.feature-demo-fonts .feature-demo-panel .fonts-panel-search-spinner{display:none}.feature-demo-fonts .feature-demo-panel .fonts-panel-search-field--searching .fonts-panel-search-spinner{display:block;color:var(--panel-accent);animation:spin 1s linear infinite}.feature-demo-fonts .feature-demo-panel .fonts-panel-search-field--has-value:not(.fonts-panel-search-field--searching) .fonts-panel-search-clear{display:inline-flex}.feature-demo-fonts .feature-demo-panel .fonts-panel-search-clear{align-items:center;justify-content:center;width:22px;height:22px;border-radius:9999px;color:var(--panel-muted);background:transparent;border:0;transition:background .18s ease,color .18s ease}.feature-demo-fonts .feature-demo-panel .fonts-panel-search-clear:hover{background:var(--panel-ghost-hover);color:var(--panel-text)}.feature-demo-fonts .feature-demo-panel .fonts-panel-category-pill{position:absolute;bottom:6px;left:50%;max-width:calc(100% - 12px);display:inline-flex;align-items:center;justify-content:center;transform:translateX(-50%);padding:2px 7px;border-radius:9999px;border:1px solid var(--panel-border);background:var(--panel-surface);color:var(--panel-muted);font-family:var(--panel-font);font-size:10px;font-weight:700;line-height:1.25;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feature-demo-fonts .feature-demo-panel .fonts-panel-empty{display:flex;min-height:96px;align-items:center;justify-content:center;margin-bottom:4px;padding:16px;border:1px dashed var(--panel-border);border-radius:var(--panel-radius-md);background:var(--panel-surface-muted);color:var(--panel-muted);font-size:13px;font-weight:600;text-align:center}.feature-demo-fonts .feature-demo-panel .stylergpt-theme-root--modal-panel .fonts-panel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage:has(>.stylergpt-section-workspace){overflow:hidden;container-type:inline-size}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px;height:100%;min-height:0;flex:1 1 auto}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace__inspector,.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace__main{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;overflow-x:hidden;padding-inline-end:10px;scrollbar-gutter:stable}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--header{grid-template-rows:minmax(0,1fr)}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace__header{grid-column:1/-1;min-width:0}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage .stylergpt-section-workspace--header .background-detail-panel{margin-top:0}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace__inspector{border-inline-start:1px solid var(--panel-border);padding-inline-start:16px;display:flex;flex-direction:column}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace .stylergpt-embedded-catalog{margin:0;border:0;background:transparent;box-shadow:none;animation:none}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace .stylergpt-embedded-catalog>.panel-card-header{position:sticky;top:0;z-index:2;padding:0 0 12px;background:var(--panel-surface);flex-wrap:wrap}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace .stylergpt-embedded-catalog>.panel-card-body{padding:0}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace .stylergpt-embedded-catalog .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace .font-preview-sample{max-height:none;overflow:visible;display:block;-webkit-line-clamp:unset;font-size:12px;line-height:1.6}.feature-demo-fonts .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}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage .stylergpt-section-workspace .code-block-theme-preview code{white-space:inherit;overflow-wrap:inherit}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace__inspector>.code-blocks-section,.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace__inspector>.font-panel--default,.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace__inspector>.font-panel--selected,.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace__inspector>.themes-section{min-height:100%;justify-content:space-between;gap:20px}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage .stylergpt-section-workspace .themes-preview-frame{height:auto;aspect-ratio:auto!important}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage .stylergpt-section-workspace .themes-preview-image{width:100%;height:auto;min-width:0;min-height:0;-o-object-fit:contain;object-fit:contain}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace__inspector>div:has(>.stylergpt-section-editor){flex:1;display:flex;min-height:0}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace .background-type-selector .line-clamp-1,.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace .stylergpt-section-editor .line-clamp-1{display:block;overflow:visible;white-space:normal;-webkit-line-clamp:unset;overflow-wrap:anywhere}@supports not selector(::-webkit-scrollbar){.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace__inspector,.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace__main{scrollbar-width:thin;scrollbar-color:var(--panel-accent) var(--panel-bg)}}.feature-demo-fonts .feature-demo-panel .stylergpt-editor-section--idle{grid-template-columns:minmax(0,1fr)}.feature-demo-fonts .feature-demo-panel .stylergpt-editor-section--idle>.stylergpt-section-workspace__inspector{display:none}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage .stylergpt-section-workspace .font-preview-card--host{height:auto;padding:12px!important}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage .stylergpt-section-workspace .font-preview-sample{text-align:start}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=background] .stylergpt-section-workspace .background-detail-preview{min-height:180px}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=background] .stylergpt-section-workspace__inspector .background-detail-preview{min-height:130px}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace:has(.stylergpt-section-editor) [data-testid=background-color-select],.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace:has(.stylergpt-section-editor) [data-testid=background-gradient-select]{display:none}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=appearance] .stylergpt-section-workspace__main>.appearance-mode-segment{margin-bottom:16px}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=appearance] .stylergpt-section-workspace__main>.panel-divider+.flex{margin-top:16px}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace .background-type-selector{gap:6px}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace .background-type-selector>.panel-tile{min-height:54px;aspect-ratio:auto}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog{grid-template-columns:minmax(0,1fr) clamp(210px,40%,280px)}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .stylergpt-embedded-catalog .grid{grid-template-columns:minmax(0,1fr)}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog>.stylergpt-section-workspace__main>:first-child{min-width:0}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage .stylergpt-section-workspace .code-block-theme-preview{aspect-ratio:auto;height:auto;min-width:0}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage .stylergpt-section-workspace .code-block-theme-preview pre{height:auto;min-height:0}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage .stylergpt-section-workspace .code-block-theme-preview-label,.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .themes-preview-frame>.absolute{position:static;flex-wrap:wrap}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage .stylergpt-section-workspace .code-block-theme-preview-label>span,.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .themes-preview-frame .truncate{white-space:normal;overflow-wrap:anywhere}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog>.stylergpt-section-workspace__main{display:flex;flex-direction:column}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog>.stylergpt-section-workspace__main>:first-child{margin-block:auto;flex-shrink:0}.feature-demo-fonts .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}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .themes-panel-grid>.panel-image-frame{aspect-ratio:auto!important;display:block;overflow:hidden}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .themes-panel-grid>.panel-image-frame>img{width:100%;height:auto;display:block}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .themes-panel-grid>.panel-image-frame>.absolute{position:static;flex-wrap:wrap}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .stylergpt-embedded-catalog .line-clamp-1{display:block;-webkit-line-clamp:unset;overflow:visible;white-space:normal;overflow-wrap:anywhere}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .stylergpt-embedded-catalog .panel-hover-scale:hover{transform:none}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace [role=button]:focus-visible{outline:2px solid var(--panel-accent);outline-offset:-2px}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .stylergpt-embedded-catalog>.panel-card-header{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .stylergpt-embedded-catalog>.panel-card-header>div{margin-left:0;min-width:0}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .stylergpt-embedded-catalog .panel-card-header .panel-select{width:100%!important;min-width:0}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .stylergpt-embedded-catalog .panel-title{display:block;-webkit-line-clamp:unset;overflow:visible;white-space:normal}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage .stylergpt-section-workspace .background-opacity-control{align-self:stretch;width:100%}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .stylergpt-embedded-catalog>.panel-card-header>.panel-title{display:none}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .stylergpt-embedded-catalog>.panel-card-header:not(:has(select)){display:none}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .stylergpt-embedded-catalog>.panel-card-body{padding:3px}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog>.stylergpt-section-workspace__main>:first-child,.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace__main>.background-detail-panel{margin-block:0;min-height:100%;flex:1 0 auto}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=background] .stylergpt-section-workspace__main>.background-detail-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,42%);grid-template-rows:minmax(180px,1fr);gap:16px}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=background] .stylergpt-section-workspace .background-preview-card{grid-column:1/-1;min-height:0;display:flex}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=background] .stylergpt-section-workspace .background-detail-preview{flex:1;height:100%}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=background] .stylergpt-section-workspace .background-detail-action{grid-column:2;grid-row:2;align-self:end;min-width:0;white-space:normal}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=background] .stylergpt-section-workspace:has(.stylergpt-section-editor) .background-opacity-control{grid-column:1/-1}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .code-blocks-section,.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .themes-section{display:flex;flex-direction:column}.feature-demo-fonts .feature-demo-panel .stylergpt-editor-section.stylergpt-section-workspace--catalog>.stylergpt-section-workspace__main>div:empty,.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .code-blocks-actions:empty,.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .themes-actions:empty{display:none}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .code-blocks-section>.code-block-theme-preview,.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .themes-preview-wrap{flex:1}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=theme] .stylergpt-section-workspace__main>.themes-section{flex:1;min-height:0}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage .stylergpt-section-workspace--catalog .themes-preview-frame{display:flex;flex-direction:column;flex:1}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage .stylergpt-section-workspace--catalog .themes-preview-image{flex:1;min-height:0;-o-object-fit:contain;object-fit:contain}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .themes-preview-frame>.absolute{width:100%;flex:none}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .code-blocks-section>.code-block-theme-preview{display:flex;flex-direction:column}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage .stylergpt-section-workspace--catalog .code-blocks-section>.code-block-theme-preview>pre,.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .font-preview-stack--default,.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .font-preview-stack--selected{flex:1}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage .stylergpt-section-workspace--catalog .font-preview-card{flex:1;justify-content:flex-start;align-items:stretch;gap:14px;padding:18px!important}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .font-preview-spacer{display:none}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .font-preview-sample{margin:0}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=appearance] .stylergpt-section-workspace__main{display:flex;flex-direction:column}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=appearance] .stylergpt-section-workspace .grid.grid-cols-4{margin-block:auto}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=appearance] .stylergpt-section-workspace .panel-color-option-swatch{width:56px;height:56px}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog [data-testid=background-image-tile-upload]{height:72px;aspect-ratio:auto}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=appearance] .stylergpt-section-workspace__main>.appearance-mode-segment,.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=appearance] .stylergpt-section-workspace__main>.panel-divider+.flex{margin-block:0}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=appearance] .stylergpt-section-workspace .grid.grid-cols-4{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:14px;padding-block:8px}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=appearance] .stylergpt-section-workspace .panel-color-option{width:70px;height:70px}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-color-control{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-control-label-text,.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .panel-button-label{white-space:normal;overflow:visible;overflow-wrap:anywhere}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace .background-preview-composer__prompt{white-space:normal;overflow-wrap:anywhere;overflow:visible}@container (max-width: 480px){.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace{grid-template-columns:minmax(0,1fr);overflow-y:auto;overflow-x:hidden;padding-inline-end:10px;scrollbar-gutter:stable}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace__main{overflow:visible;min-height:240px}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace__inspector{min-height:280px;max-height:360px;border-inline-start:0;border-top:1px solid var(--panel-border);padding:12px 10px 0 0}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog>.stylergpt-section-workspace__main>:first-child,.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace__main>.background-detail-panel{min-height:240px}}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=appearance] .stylergpt-section-workspace .grid.grid-cols-4{padding-inline:3px}@container (max-width: 480px){.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace,.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--header{grid-template-rows:max-content minmax(280px,1fr)}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace__main{height:-moz-max-content;height:max-content}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog>.stylergpt-section-workspace__main>:first-child{flex:none;min-height:0}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace__main>.background-detail-panel{height:280px}.feature-demo-fonts .feature-demo-panel .stylergpt-editor-section--idle{grid-template-rows:max-content}}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .themes-preview-frame{cursor:default}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=appearance] .stylergpt-section-workspace__main{gap:12px}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=appearance] .stylergpt-section-workspace .grid.grid-cols-4{display:flex;flex-wrap:wrap;justify-content:center}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=appearance] .stylergpt-section-workspace .panel-color-option{flex:0 0 70px}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=appearance] .stylergpt-editor-section:has(.stylergpt-section-editor) .stylergpt-section-workspace__main>.panel-divider,.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=appearance] .stylergpt-editor-section:has(.stylergpt-section-editor) .stylergpt-section-workspace__main>.panel-divider+.flex{display:none}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--header>.stylergpt-section-workspace__main{display:flex;flex-direction:column;gap:14px}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--header>.stylergpt-section-workspace__main>.stylergpt-section-workspace__header{flex:none;min-height:0}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--header>.stylergpt-section-workspace__main>.background-detail-panel{flex:1;min-height:0}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace .background-type-selector{grid-template-columns:repeat(4,minmax(0,1fr));padding:3px}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace .background-type-selector>.panel-tile{padding:6px 2px}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace__inspector:has(.stylergpt-section-editor){padding-inline-end:0;scrollbar-gutter:auto}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=background] .stylergpt-section-workspace--catalog .background-opacity-control{grid-column:1/-1}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=font] .stylergpt-section-workspace__main{overflow-y:hidden}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=font] .font-preview-stack--default,.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=font] .font-preview-stack--selected,.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=font] .stylergpt-section-workspace__main>:first-child{min-height:0;flex:1}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=font] .font-preview-card{min-height:0;overflow:hidden}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=font] .font-preview-title,.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=font] .font-scope-control,.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=font] .typography-size-segment{flex-shrink:0}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=font] .font-preview-text{flex:1;min-height:0;overflow:hidden}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=font] .font-preview-text[data-overflow=true]{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 32px),transparent)}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=font] .font-preview-paragraphs{display:flex;flex-direction:column;gap:14px}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace .stylergpt-embedded-catalog>.panel-card-header{border-bottom:0}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section--idle>.stylergpt-section-workspace__main{padding-inline:10px;scrollbar-gutter:stable both-edges}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-message-grid{gap:28px}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section:not(.stylergpt-editor-section--idle) .chat-layout-content{height:auto;min-height:100%;grid-template-rows:auto 1fr;gap:12px}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section:not(.stylergpt-editor-section--idle) .chat-layout-message-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,168px),1fr));gap:12px}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section:not(.stylergpt-editor-section--idle) .chat-layout-message-card{grid-template-rows:auto minmax(56px,1fr) auto auto;align-content:start;min-height:290px;padding:10px;gap:8px}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section:not(.stylergpt-editor-section--idle) .chat-layout-message-card-header,.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section:not(.stylergpt-editor-section--idle) .chat-layout-preview-bubble{min-height:56px}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section:not(.stylergpt-editor-section--idle) .chat-layout-message-card-header{align-content:stretch;align-items:stretch}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section:not(.stylergpt-editor-section--idle) .chat-layout-message-title{font-size:12px;line-height:1.35;text-wrap:balance}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section:not(.stylergpt-editor-section--idle) .chat-layout-color-grid{gap:6px;align-content:start}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section:not(.stylergpt-editor-section--idle) .chat-layout-color-control{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 6px;padding:5px}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section:not(.stylergpt-editor-section--idle) .chat-layout-control-button{width:auto;min-width:0;font-size:10px;padding:4px 7px}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section:not(.stylergpt-editor-section--idle) .chat-layout-control-button .panel-button-label{white-space:nowrap;overflow-wrap:normal}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-editor-section:not(.stylergpt-editor-section--idle) .chat-layout-border-control{min-height:34px;padding:4px 5px}.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .code-blocks-section>.flex,.feature-demo-fonts .feature-demo-panel .stylergpt-section-workspace--catalog .themes-actions{justify-content:center;align-self:center}.feature-demo-fonts .feature-demo-panel .demo-panel-tokens .font-scope-control{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}.feature-demo-fonts .feature-demo-panel .demo-panel-tokens .font-scope-label{font-size:11px;flex:0 1 auto;text-wrap:balance}.feature-demo-fonts .feature-demo-panel .demo-panel-tokens .font-scope-control .panel-segment{margin:0;min-width:0;flex:1;max-width:290px}.feature-demo-fonts .feature-demo-panel .demo-panel-tokens .font-scope-control .panel-segment-button{padding-inline:8px;white-space:normal;font-size:11px}.feature-demo-fonts .feature-demo-panel .demo-panel-tokens .font-scope-control .panel-segment-button:disabled{opacity:.45;cursor:default}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=appearance] .stylergpt-section-workspace__main{container-type:size}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=appearance] .stylergpt-section-workspace .grid.grid-cols-4{--palette-tile-size:clamp(44px,calc((100cqh - 184px) / 3),70px);width:min(100%,calc(8 * var(--palette-tile-size) + 104px));align-self:center;flex-shrink:0}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=appearance] .stylergpt-section-workspace .panel-color-option{flex-basis:var(--palette-tile-size);width:var(--palette-tile-size);height:var(--palette-tile-size)}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=appearance] .stylergpt-section-workspace .panel-color-option-swatch,.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=appearance] .stylergpt-section-workspace .panel-pipette-placeholder{width:80%;height:80%}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-content{min-height:0}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-message-card{grid-template-rows:auto minmax(56px,1fr) auto auto}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-message-card-header{min-height:0;align-items:stretch;align-content:stretch;grid-template-rows:minmax(0,1fr)}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-preview-bubble{min-height:56px}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-control-label{grid-column:auto;justify-content:flex-start;-moz-column-gap:5px;column-gap:5px}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-control-swatch{width:100%;height:28px;padding:0}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-control-button{width:auto;padding-inline:8px}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-control-button .panel-button-label{white-space:nowrap;overflow-wrap:normal}.feature-demo-fonts .feature-demo-panel .stylergpt-modal-panel-stage:is([data-section=appearance],[data-section=chats],[data-section=background]) .stylergpt-section-workspace__inspector{container-type:size}