/* The hero demo owns its layout; every response has the same reserved space. */
.hero-scene{height:570px;overflow:clip}
.hero-scene .command-demo{top:104px;left:6%;right:0;transform:rotate(-1.5deg);border-color:#d6e4ee;box-shadow:0 25px 60px #214d791c}
.command-demo .discord-bar{padding:10px 16px;font-size:12px}
.command-demo .demo-label{display:flex;align-items:center;gap:5px;font-size:9px;color:#526f85}
.demo-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#5a9b86;flex-shrink:0}
.demo-scene-caption{display:flex;justify-content:space-between;padding:12px 18px 0;color:#55758d;font-size:10px}
.demo-counter{font-family:Consolas,monospace;font-size:10px;color:#7891a5;letter-spacing:1px}
.command-demo .demo-stage{padding:13px 18px 0;min-height:211px}
.command-demo .bot-message>img{width:34px;height:34px;border-radius:10px}
.command-demo .bot-name{font-size:12px}
.command-demo .message-hint{font-size:9px;color:#6a8092;display:block;margin-top:2px}
.demo-reply-area{position:relative;height:176px;min-height:176px}
.command-demo .demo-response{margin-top:9px;padding:12px 13px 9px;min-height:147px;animation:demo-reply-in .35s ease both}
.command-demo .demo-response strong{font-size:12px;line-height:1.7;display:block}
.command-demo .demo-response>p{font-size:10px;margin:3px 0 10px;color:#647d91;line-height:1.7}
.command-demo .embed-footer{font-size:8px;line-height:1.7;margin-top:11px;color:#698295}
.demo-command-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.demo-command-list>div{border:1px solid #dce9f2;border-radius:6px;background:#ffffff8a;padding:7px 5px;text-align:center}
.demo-command-list code{font-size:10px;font-weight:700;color:#40799f;background:transparent;padding:0}
.demo-command-list span{display:block;font-size:8px;margin-top:3px;color:#657d90}
.demo-security-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:15px;font-size:9px;color:#698397}
.demo-security-grid b{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:#2c526d;margin-top:3px}
.demo-dashboard-tabs{display:flex;gap:4px;margin-top:9px;flex-wrap:wrap}
.demo-dashboard-tabs span{font-size:8px;padding:2px 7px;border:1px solid #d6e4ee;background:#fff;border-radius:4px;color:#5a788e}
.demo-dashboard-tabs .selected{background:#dfeefa;border-color:#c6dceb;color:#356f9a}
.demo-member{display:flex;gap:8px;align-items:center;border:1px solid #dbe7ef;border-radius:7px;padding:8px;background:#ffffffb5}
.demo-member-avatar{width:26px;height:26px;background:#e5eaf8;color:#7a8db6;border-radius:9px;display:grid;place-items:center;font-family:system-ui;font-size:10px;flex-shrink:0}
.demo-member>div{flex:1;min-width:0}.demo-member b{font-size:10px;display:block}.demo-member small{display:block;font-size:8px;color:#698294}
.demo-member-state{font-size:8px;color:#9b7e3d;border-radius:4px;background:#f7f0dc;padding:2px 7px;white-space:nowrap}
.demo-next-step{font-size:9px;color:#56758d;margin-top:9px}.demo-next-step code{font-size:9px;white-space:normal}
.demo-composer{padding:8px 17px 0}
.command-demo .discord-input{margin:0;min-height:38px;padding:7px 10px;display:flex;justify-content:flex-start;align-items:center;gap:7px;background:#f6f9fc;transition:border-color .25s,box-shadow .25s}
.demo-input-plus{font-size:17px;color:#a2b6c5;line-height:1}
.command-demo [data-demo-command]{padding:0;background:transparent;font-size:12px;color:#345f7e;white-space:pre;min-height:20px;font-weight:500}
.demo-caret{width:1.5px;height:15px;background:#5a8dab;display:none;animation:demo-caret-blink 1s steps(1,end) infinite}
.demo-enter{margin-left:auto;font-size:14px;color:#86a1b6}
.demo-input-meta{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#6b879c;padding-top:5px;min-height:23px;gap:5px}
.demo-sent{display:inline-flex;align-items:center;gap:3px;color:#4f8878;white-space:nowrap}.demo-sent .icon{width:11px;height:11px}
.demo-controls{display:flex;align-items:center;justify-content:space-between;padding:10px 17px 12px;gap:8px}
.demo-scene-buttons{display:flex;gap:6px;flex-wrap:wrap}
.demo-scene-buttons button{display:flex;align-items:center;gap:5px;font-family:Consolas,monospace;font-size:10px;background:#fff;color:#6d889c;border:1px solid #e1eaf2;border-radius:5px;padding:4px 8px;line-height:1.5;transition:background .2s,color .2s,border-color .2s}
.demo-scene-buttons button[aria-pressed=true]{background:#eaf3fa;color:#2b6189;border-color:#c9dfed}
.demo-button-dot{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.5}
.demo-toggle{width:28px;height:28px;display:grid;place-items:center;border:1px solid #dce7ef;border-radius:6px;background:#fff;color:#557c98;flex-shrink:0;padding:0}
.demo-toggle:hover,.demo-scene-buttons button:hover{border-color:#9ebfd6;background:#f0f7fb}
.demo-standby,.demo-typing{display:none;position:absolute;inset:10px 0;align-items:center;justify-content:center;gap:8px;border:1px dashed #dce8f0;border-radius:8px;color:#7a95a9;font-size:10px;background:#f8fbfd}
.demo-slash{display:grid;place-items:center;font-family:Consolas,monospace;width:23px;height:23px;border-radius:6px;border:1px solid #d9e5ee;color:#739cb9}
.typing-dots{display:inline-flex;gap:3px}.typing-dots i{width:4px;height:4px;background:#7a9cb5;border-radius:50%;animation:demo-typing-bounce 1s ease-in-out infinite}.typing-dots i:nth-child(2){animation-delay:.13s}.typing-dots i:nth-child(3){animation-delay:.26s}
.command-demo[data-phase=typing] .demo-caret{display:inline-block}
.command-demo[data-phase=typing] .discord-input{border-color:#b9d5e9;box-shadow:0 0 0 3px #e9f3fa}
.command-demo[data-phase=typing] .demo-standby,.command-demo[data-phase=waiting] .demo-typing{display:flex}
.command-demo:not([data-phase=complete]) .demo-sent{visibility:hidden}
.command-demo.is-paused *{animation-play-state:paused!important}
.command-demo.is-paused .demo-response{animation:none}
.hero-scene .floating-tag{display:none}
.hero-scene .floating-bottom{top:22px;bottom:auto;left:auto;right:2%;z-index:2;pointer-events:none;max-width:85%;transform:rotate(3deg)}
.hero-scene .floating-bottom small{font-size:9px}
@keyframes demo-caret-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes demo-typing-bounce{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}
@keyframes demo-reply-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px) and (min-width:781px){.hero-scene{height:570px}.hero-scene .command-demo{top:110px;left:3%}.command-demo .demo-response{padding-inline:10px}.command-demo .demo-response strong{font-size:11px}.demo-command-list span{font-size:7px}.demo-scene-buttons button{padding-inline:6px;font-size:9px}}
@media(max-width:780px){.hero-scene{height:600px}.hero-scene .command-demo{left:3%;right:2%;top:135px;transform:rotate(-1deg)}.hero-scene .floating-bottom{top:48px;left:auto;right:3%;max-width:84%;padding:10px 15px}.command-demo .demo-stage{padding-inline:13px}.demo-scene-caption{padding-inline:13px}.demo-composer{padding-inline:12px}.demo-controls{padding-inline:12px}.command-demo .demo-response strong{font-size:11px}.command-demo .demo-response>p{font-size:9px}.command-demo .demo-response{padding-inline:10px}.command-demo .embed-footer{font-size:8px}.command-demo .bot-message>img{width:29px;height:29px}.demo-scene-buttons button{font-size:9px;padding:5px 7px}.demo-member-state{font-size:7px}.demo-member{gap:5px}.demo-command-list span{font-size:7px}.demo-security-grid{gap:8px}.demo-security-grid b{font-size:9px}.demo-input-meta{font-size:7px}}
@media(max-width:370px){.hero-scene{height:620px}.hero-scene .command-demo{left:2%;right:2%;top:120px}.hero-scene .floating-bottom{font-size:11px;padding:10px 12px;top:30px}.command-demo .discord-bar{padding-inline:12px;font-size:11px}.command-demo .demo-label{font-size:8px}.command-demo .demo-stage{min-height:241px;gap:7px;padding-inline:10px}.command-demo .demo-response{min-height:174px;padding:10px 8px}.demo-reply-area{min-height:185px}.command-demo .message-hint{font-size:8px}.command-demo .demo-response strong{font-size:10px}.demo-command-list{gap:3px}.demo-command-list>div{padding:6px 2px}.demo-command-list code{font-size:9px}.demo-command-list span{font-size:7px}.demo-dashboard-tabs span{padding:2px 5px;font-size:7px}.demo-next-step{font-size:8px}.demo-next-step code{font-size:8px}.demo-member-avatar{display:none}.demo-scene-buttons{gap:3px}.demo-scene-buttons button{font-size:8px;padding:5px 6px;gap:3px}.demo-input-meta{font-size:7px}.demo-standby,.demo-typing{font-size:9px}.command-demo [data-demo-command]{font-size:11px}}
@media(prefers-reduced-motion:reduce){.demo-response,.demo-caret,.typing-dots i{animation:none!important}.demo-caret{opacity:1}.command-demo .discord-input,.demo-scene-buttons button{transition:none}}