/* Device chrome is quiet; actual Bot / Mini App content supplies the detail. */
.kr-product-showcase .kr-demo__stage{display:flex;flex-direction:column;gap:28px;padding:32px 40px 28px;min-height:0;border-radius:32px}
.kr-product-showcase .kr-demo__story{width:100%;max-width:none;padding:0;display:flex;justify-content:space-between;align-items:center;gap:24px}
.kr-product-showcase .kr-demo__features{display:flex!important;flex-direction:row!important;gap:4px;background:none!important;flex-wrap:wrap;flex:1}
.kr-product-showcase .kr-demo__features button{border:0!important;background:transparent!important;border-radius:10px;padding:12px 14px;min-height:44px;width:auto;font-size:13px;color:var(--kr-secondary,#62656a)!important}
.kr-product-showcase .kr-demo__features button strong{font-size:13px;font-weight:550;letter-spacing:0}
.kr-product-showcase .kr-demo__features button i{display:none}
.kr-product-showcase .kr-demo__features button[aria-pressed=true]{background:var(--kr-raised,#e5e8e6)!important;color:var(--kr-foreground,#202325)!important}
.kr-product-showcase .kr-feature__progress{display:none}
.kr-product-showcase .kr-demo__caption{margin:0;max-width:180px;line-height:1.5;font-size:11px}
.kr-product-showcase .kr-demo__visual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;justify-items:center;gap:56px;min-height:0;width:100%;max-width:784px;margin:0 auto;padding:0}
.kr-product-device{min-width:0;width:100%;max-width:340px;margin:0}
.kr-product-showcase .kr-device-shell{position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;height:696px;padding:7px 6px 4px;background:linear-gradient(130deg,#454649,#131416 32%,#343537)!important;border:1px solid #55565a!important;border-radius:48px;box-shadow:inset 0 0 0 2px #17181a,0 20px 48px #0002!important;overflow:hidden}
.kr-device-status{height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 21px;border-radius:40px 40px 0 0;background:#f7f8fa;color:#1d252c;font:600 11px/1 system-ui,sans-serif}
.kr-device-status i{position:absolute;top:17px;left:50%;transform:translateX(-50%);width:88px;height:24px;border-radius:18px;background:#08090a}
.kr-device-home{height:22px;flex-shrink:0;background:#f7f8fa;position:relative;border-radius:0 0 40px 40px}
.kr-device-home:after{content:'';position:absolute;left:34%;right:34%;bottom:7px;height:4px;border-radius:4px;background:#1b2229}
.kr-product-showcase .kr-demo__phone{width:100%;height:calc(100% - 70px);flex:1;min-height:0;display:flex;flex-direction:column;border:0!important;border-radius:0;box-shadow:none;overflow:hidden}
.kr-product-showcase .kr-demo__header{height:58px;min-height:58px;padding:0 12px;gap:8px}
.kr-product-showcase .kr-demo__identity strong{font-size:13px}
.kr-product-showcase .kr-demo__identity small{font-size:11px}
.kr-product-showcase .kr-demo__avatar{width:34px;height:34px}
.kr-product-showcase .kr-demo__chat{height:auto;flex:1;min-height:0;padding:14px 9px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.kr-product-showcase .kr-demo__date{margin-bottom:12px}
.kr-product-showcase .kr-demo__message{max-width:100%;padding:11px;border-radius:13px 13px 5px 5px;font:400 12px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.kr-product-showcase .kr-demo__message>strong{display:block;font-size:12px;font-weight:600}
.kr-product-showcase .kr-demo__message>p{margin:7px 0;white-space:pre-line;font-size:12px;line-height:1.5}
.kr-demo__cover{display:block;width:calc(100% + 22px);max-width:none;height:auto;margin:-11px -11px 10px;aspect-ratio:2/1;object-fit:cover;border-radius:13px 13px 0 0}
.kr-demo__cover--compact{aspect-ratio:3/1}
.kr-product-showcase .kr-demo__keyboard{gap:4px}
.kr-product-showcase .kr-demo__keyboard button{min-height:38px;font-size:11px;line-height:1.35;padding:8px 5px}
.kr-product-showcase .kr-demo__composer{height:44px;min-height:44px;font-size:12px}
.kr-product-showcase figcaption{text-align:center;margin-top:20px;font:400 12px/1.5 system-ui,sans-serif;color:var(--kr-secondary,#63666b)}
.kr-product-showcase figcaption strong{display:block;font-weight:600;font-size:14px;color:var(--kr-foreground,#232528);margin-bottom:4px}
.kr-miniapp-native{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 16px;background:#f7f8fa;color:#20252b;min-height:48px;font:400 18px/1 system-ui,sans-serif}
.kr-miniapp-native>span:nth-child(2){text-align:center}
.kr-miniapp-native strong{display:block;font-size:13px;font-weight:600}.kr-miniapp-native small{display:block;font-size:10px;color:#66717a;margin-top:4px}
.kr-product-device iframe{display:block;width:100%;flex:1;min-height:0;border:0;background:#f6f7f5}
.kr-showcase-switch{display:none}
html[data-theme=dark] .kr-product-showcase :is(.kr-device-status,.kr-device-home,.kr-miniapp-native){background:#12191e;color:#e6edf2}
html[data-theme=dark] .kr-product-showcase .kr-device-home:after{background:#d9e1e8}
html[data-theme=dark] .kr-product-showcase .kr-demo__features button[aria-pressed=true]{background:#ffffff12!important}
@media(max-width:780px){
 .kr-product-showcase .kr-demo__stage{padding:20px 12px 28px;border-radius:24px;gap:20px}
 .kr-product-showcase .kr-demo__story{display:block}.kr-product-showcase .kr-demo__caption{max-width:none;text-align:center;margin-top:16px}
 .kr-product-showcase .kr-demo__features{justify-content:center;gap:0}.kr-product-showcase .kr-demo__features button{padding:10px;font-size:12px}
 .kr-showcase-switch{display:flex;align-self:center;gap:4px;padding:4px;background:#88888812;border:1px solid #88888820;border-radius:24px}
 .kr-showcase-switch button{padding:10px 18px;border:0;background:transparent;color:var(--kr-secondary,#666);font:500 12px/1.3 system-ui,sans-serif;border-radius:20px;cursor:pointer}
 .kr-showcase-switch button[aria-pressed=true]{background:var(--kr-foreground,#222);color:var(--kr-canvas,#fff)}
 .kr-product-showcase .kr-demo__visual{grid-template-columns:minmax(0,1fr);gap:0;max-width:340px}
 .kr-demo__stage[data-surface=bot] figure[data-surface=miniapp],.kr-demo__stage[data-surface=miniapp] figure[data-surface=bot]{display:none}
 .kr-product-showcase .kr-device-shell{height:680px}
}
@media(max-width:370px){.kr-product-showcase .kr-demo__stage{padding-inline:7px}.kr-product-showcase .kr-device-shell{height:660px}.kr-product-showcase .kr-demo__features button{padding:10px 7px}}
/* Native Telegram write-bar proportions; the kit icon keeps its 23px geometry. */
.kr-product-showcase .kr-demo__composer{padding:6px 10px;gap:8px;height:48px;min-height:48px}
.kr-tg-menu-button{display:inline-flex;align-items:center;gap:4px;flex:none;padding:4px 10px 4px 6px;min-height:32px;border:0;border-radius:17px;background:#0068cf;color:#fff;font:500 12px/22px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;cursor:pointer}
.kr-tg-menu-button img{display:block;flex:none;width:23px;height:23px}
.kr-tg-menu-button:hover{background:#0057b3}.kr-tg-menu-button:focus-visible{outline:2px solid #8cc7ff;outline-offset:2px}
.kr-tg-message-field{display:flex;align-items:center;justify-content:space-between;flex:1;gap:12px;min-width:0;height:32px;padding:0 12px;border:1px solid #d7dbde;border-radius:18px;background:#fff;color:#66737e;font-size:12px}
.kr-tg-voice{display:block;width:10px;height:16px;border:1.5px solid currentColor;border-radius:8px;position:relative;transform:scale(.75)}
.kr-tg-voice:after{content:'';position:absolute;inset:-1px -4px -5px;border:1.5px solid currentColor;border-top:0;border-radius:0 0 10px 10px}
html[data-theme=dark] .kr-tg-message-field{background:#202c34;border-color:#52616b;color:#c0cdd5}
.kr-product-showcase .kr-demo__keyboard button{font-size:12px;min-height:40px}
.kr-product-showcase .kr-demo__message,.kr-product-showcase .kr-demo__message>p{font-size:13px;line-height:1.55}