.feature-demo-history .history-composer{position:relative;width:768px;max-width:100%;padding:16px 12px 10px;border:1px solid var(--host-border);border-radius:28px;background:var(--host-composer);box-shadow:0 2px 8px #0000000a}.feature-demo-history .history-composer-input{min-height:56px;padding:0 8px 16px;font-size:16px;line-height:26px;white-space:pre-wrap;overflow-wrap:break-word}.feature-demo-history .history-placeholder{color:var(--host-muted)}.feature-demo-history .history-composer-tools{display:flex;align-items:center;gap:16px}.feature-demo-history .history-composer-spacer{flex:1}.feature-demo-history .history-caret{display:inline-block;vertical-align:-3px;width:1px;height:19px;margin-left:1px;background:currentColor}.feature-demo-history .history-keypress{position:absolute;top:calc(100% + 20px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;padding:12px 18px;border:1px solid var(--host-border);border-radius:16px;background:var(--host-bg);box-shadow:0 8px 24px #00000014;white-space:nowrap}.feature-demo-history .history-keypress-keys{display:flex;align-items:center;gap:10px;font-size:18px}.feature-demo-history .history-keypress kbd{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--host-border);border-radius:8px;background:var(--host-composer);color:var(--host-text);box-shadow:0 3px 0 var(--host-border);font:500 20px/1 Demo OpenAI Sans,Arial,sans-serif}.feature-demo-history .history-keypress[data-pressed=true] kbd{transform:translateY(2px);background:var(--host-text);color:var(--host-bg);box-shadow:none}.feature-demo-history .history-keypress-label{font-size:15px;color:var(--host-muted)}.feature-demo-history [data-filled=true] .demo-voice{background:var(--host-text);color:var(--host-bg)}.feature-demo-history .demo-controls>div:first-child{min-width:0}.feature-demo-history .demo-controls>div:last-child{flex-shrink:0}