.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-content{display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px;height:100%;min-height:340px}.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-width-panel{display:flex;justify-content:center;min-width:0}.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-width-segment{width:min(100%,360px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--panel-border) 70%,transparent)}.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-width-segment .panel-segment-button{min-height:34px;font-size:12px;letter-spacing:0}.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-message-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:0;min-height:0}.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-message-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px;min-width:0;min-height:0;overflow:hidden;padding:12px;border:1px solid var(--panel-border);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-surface) 92%,var(--panel-accent) 8%),var(--panel-surface-muted));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 34%,transparent)}.feature-demo-layout .feature-demo-panel .dark .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-message-card,.feature-demo-layout .feature-demo-panel .demo-panel-root.dark .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-message-card{box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 10%,transparent)}.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-message-card-header{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;align-content:center;align-items:center;min-height:81px}.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-message-title{order:-1;align-self:center;color:var(--panel-text);display:block;font-size:13px;font-weight:650;line-clamp:unset;overflow:visible;text-align:center;text-wrap:balance;white-space:normal;-webkit-line-clamp:unset}.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-preview-bubble{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;min-height:81px;padding:12px 10px;border:1px solid var(--chat-layout-preview-border,var(--panel-border));border-radius:14px 14px 14px 0;background:var(--chat-layout-preview-bg);color:var(--chat-layout-preview-text);box-shadow:var(--panel-shadow-sm);margin-top:0}.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-preview-bubble--user{border-radius:14px 14px 0 14px;margin-top:0}.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-preview-line{display:block;width:62%;height:5px;border-radius:9999px;background:currentColor;opacity:.42}.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-preview-line--wide{width:100%;opacity:.62}.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-color-grid{display:grid;grid-template-columns:1fr;align-content:end;gap:8px;min-height:0}.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-color-control{display:grid;grid-template-columns:minmax(0,1fr) 46px 64px;align-items:center;gap:6px;min-width:0;padding:6px;border:1px solid var(--panel-border);border-radius:10px;background:color-mix(in srgb,var(--panel-surface) 72%,transparent)}.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-color-control>.flex{justify-content:flex-start;text-align:left}.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-control-label-icon{width:12px;height:12px;flex:0 0 12px}.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-border-label,.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-control-label{-moz-column-gap:8px;column-gap:8px;overflow:hidden}.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-control-button .panel-button-label,.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-control-label-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-control-swatch{width:46px;height:28px;justify-self:end}.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-control-button{width:64px;min-height:28px;padding:4px 6px;justify-self:end}.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-border-control{display:flex;min-width:0;min-height:42px;align-items:center;justify-content:space-between;gap:6px;padding:6px;border:1px solid var(--panel-border);border-radius:10px;background:color-mix(in srgb,var(--panel-surface) 72%,transparent)}.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .chat-layout-border-label{display:inline-flex;min-width:0;align-items:center;gap:8px;color:var(--panel-muted);font-size:11px;line-height:1}.feature-demo-layout .feature-demo-panel .panel-toggle:hover .panel-toggle-track{box-shadow:0 0 0 3px var(--panel-accent-soft)}.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage .panel-toggle:has(input:focus-visible){outline:2px solid var(--panel-accent);outline-offset:3px}.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage .toolbox-card[data-upgrade-required=true] :is(.panel-button,.panel-toggle),.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-upgrade-required=true] :is(.panel-button,.panel-segment-button,.panel-toggle){filter:saturate(.35);opacity:.75}.feature-demo-layout .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-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-control-label-text{white-space:normal;overflow:visible;overflow-wrap:anywhere}.feature-demo-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-message-grid{gap:28px}.feature-demo-layout .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-layout .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-layout .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-layout .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-layout .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-layout .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-layout .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-layout .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-layout .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-layout .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-layout .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-layout .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-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-content{min-height:0}.feature-demo-layout .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-layout .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-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-preview-bubble{min-height:56px}.feature-demo-layout .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-layout .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-layout .feature-demo-panel .stylergpt-modal-panel-stage[data-section=chats] .stylergpt-section-workspace .chat-layout-control-button{width:auto;padding-inline:8px}.feature-demo-layout .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}