.demo-credit{font:11px/1.6 system-ui,sans-serif!important;letter-spacing:0!important;color:inherit;opacity:.76;text-align:center;margin:14px auto 0;padding:9px 12px;max-width:720px;overflow-wrap:anywhere}
.demo-credit a{color:inherit;text-decoration:underline;text-underline-offset:3px}.demo-credit small{display:block;font-size:10px}
.demo-channel-logo{display:inline-block!important;width:24px!important;height:24px!important;object-fit:contain!important;border-radius:6px;flex-shrink:0}
.channel-chip:has(.demo-channel-logo),.channel-tile:has(.demo-channel-logo){display:inline-flex;align-items:center;gap:8px}
[data-demo-channel][aria-current=true]{outline:2px solid var(--accent);outline-offset:2px}
#demo-dialog{width:min(450px,calc(100% - 28px));padding:25px;border:1px solid #8884;border-radius:20px;background:var(--panel,var(--card,#fff));color:var(--ink,var(--text,#222));font:14px/1.65 system-ui,sans-serif}
#demo-dialog::backdrop{background:#17131abb}#demo-dialog h2{font-size:24px;line-height:1.25;margin:18px 0}#demo-dialog p{white-space:pre-line}#demo-dialog-close{display:block;margin-left:auto;width:44px;height:44px;border:1px solid #8884;border-radius:50%;background:transparent;color:inherit;font-size:25px;cursor:pointer}
.demo-history{margin:0;background:#f4f3f0;color:#28262b;font:14px/1.7 system-ui,sans-serif}.demo-history main{width:min(760px,calc(100% - 32px));margin:35px auto}.demo-history header{display:flex;align-items:center;gap:15px}.demo-history header img{width:56px;height:56px;border-radius:14px}.demo-history h1{font-size:30px;line-height:1.15;margin:6px 0}.demo-history header p,.demo-history-note{font-size:12px;color:#6e6870}.demo-history a{color:inherit}.demo-history input{box-sizing:border-box;width:100%;padding:13px 16px;border:1px solid #26212b20;border-radius:12px;font:inherit;background:white;color:inherit;margin:22px 0 10px}.demo-history ol{list-style:none;padding:0;margin:0}.demo-history li{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #26212b16}.demo-history li img{width:46px;height:46px;object-fit:cover;border-radius:9px}.demo-history li div{min-width:0;flex:1}.demo-history li strong,.demo-history li span{display:block;overflow-wrap:anywhere}.demo-history li span{font-size:12px;color:#6e6870}.demo-history time{font-size:11px;color:#6e6870;white-space:nowrap}.demo-history button{min-height:44px;padding:10px 18px;border:0;border-radius:25px;background:var(--accent);color:white;font:inherit;cursor:pointer}
@media(max-width:420px){.demo-credit{font-size:10px!important;padding-left:6px;padding-right:6px}.demo-credit small{font-size:9px}.demo-history time{white-space:normal;max-width:70px}}