.demo-homepage[data-greeting-hidden=true] .demo-welcome,.demo-homepage[data-suggestions-hidden=true] .demo-home-suggestions{visibility:hidden}.demo-homepage .demo-welcome h2{position:relative;display:inline-block;padding:12px 24px;border:1px solid transparent;border-radius:16px}.demo-home-greeting-target{position:absolute;inset:0}.demo-home-greeting-dismiss{position:absolute;top:0;right:0;display:grid;width:20px;height:20px;place-items:center;transform:translate(50%,-50%);border-radius:50%;background:var(--host-active);color:var(--host-heading);opacity:0}.demo-home-greeting-dismiss[data-visible=true]{opacity:1}.demo-home-suggestions{display:flex;width:min(100%,768px);flex-direction:column;gap:8px;margin-top:8px}.demo-home-suggestion{display:flex;align-items:center;gap:12px;min-height:42px;padding:8px 14px;border-radius:12px;color:var(--host-heading);background:var(--host-active);font-size:14px}.demo-home-suggestion>svg{color:var(--host-muted)}.demo-home-suggestion-dismiss{margin-left:auto}.demo-homepage .demo-home-confirm{--confirm-surface:#fff;--confirm-control:#f4f4f4;--confirm-border:#dedede;--confirm-text:#0d0d0d;--confirm-muted:#5d5d5d;--confirm-backdrop:rgb(227 227 227/0.5);position:absolute;inset:88px 0 0;z-index:2;display:grid;place-items:center;background:var(--confirm-backdrop);backdrop-filter:blur(1px);font-family:Demo OpenAI Sans,sans-serif}.demo-homepage .demo-home-confirm[data-mode=dark]{--confirm-surface:#303030;--confirm-control:#212121;--confirm-border:#484848;--confirm-text:#f5f5f5;--confirm-muted:#b4b4b4;--confirm-backdrop:rgb(0 0 0/0.5)}.demo-home-confirm-content{width:420px;padding:24px;border:1px solid var(--confirm-border);border-top:3px solid hsl(190 90% 45%);border-radius:16px;background:var(--confirm-surface);color:var(--confirm-text);box-shadow:0 20px 25px -5px rgb(0 0 0/.1)}.demo-home-confirm-actions,.demo-home-confirm-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.demo-home-confirm-header{margin-bottom:16px}.demo-home-confirm-header h2{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;line-height:24px}.demo-home-confirm-header h2:before{content:"";width:24px;height:24px;background:url(/images/feature-demos/stylergpt.png) 50%/contain no-repeat}.demo-home-confirm-close{display:grid;width:36px;height:36px;place-items:center}.demo-home-confirm-content p{margin-bottom:24px;color:var(--confirm-muted);font-size:14px;line-height:1.625;text-wrap:balance}.demo-home-confirm-actions{justify-content:flex-end;gap:12px}.demo-home-confirm-actions span{padding:6px 12px;border:1px solid var(--confirm-border);border-radius:999px;background:var(--confirm-control);font-size:14px;font-weight:500}.demo-home-confirm-actions .demo-home-cancel{outline:2px solid currentColor;outline-offset:2px}.demo-home-confirm-actions .demo-home-confirm-button{border-color:#424242;background:#424242;color:#f9f9f9}.demo-homepage .demo-timestamps-panel .advanced-settings-panel{display:flex;height:100%;min-height:0;flex-direction:column}.demo-homepage .demo-timestamps-panel .advanced-settings-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--panel-border-strong) transparent}.demo-homepage .demo-timestamps-panel .advanced-settings-item{flex-shrink:0}