@font-face{font-family:'Noto Sans SC';src:url('../assets/fonts/noto-sans-sc.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{font-family:'Noto Sans SC','PingFang SC',sans-serif;background:#101114;color:#fff;color-scheme:dark;--design-sx:.3295081967;--design-sy:.3295081967}
*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[role=button]:focus-visible,[role=slider]:focus-visible{outline:4px solid #25f4ee;outline-offset:6px}button:disabled{cursor:default}
.demo-layout{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:16px}.phone-stage{position:relative;width:var(--phone-w,414px);height:var(--phone-h,886px)}
.phone{width:414px;height:886px;padding:6px;background:#27292d;border-radius:61px;box-shadow:inset 0 0 0 1px #62656b,0 25px 90px #0008;position:relative;transform-origin:top left;transform:scale(var(--phone-scale,1))}
.phone::before,.phone::after{content:'';position:absolute;width:3px;background:#45474c;border-radius:3px}.phone::before{left:-3px;top:190px;height:82px}.phone::after{right:-3px;top:220px;height:112px}
.screen{position:relative;width:402px;height:874px;border-radius:55px;overflow:hidden;background:#000;isolation:isolate}.design-canvas{width:1220px;height:2656px;transform:scale(var(--design-sx),var(--design-sy));transform-origin:top left;position:relative;color:white;font-size:40px;line-height:1.25}.design-canvas p{margin:0}.design-canvas img{display:block}.design-canvas video{display:block;object-fit:cover}.design-canvas *{border-width:0;border-style:solid}.design-canvas>div{width:1220px!important;height:2656px!important}
.status-bar{width:1220px;height:188.159px;position:relative;flex-shrink:0}.status-time{position:absolute;left:173.577px;top:65.891px;width:102px;height:67px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,'SF Pro',Arial,sans-serif;font-weight:590;font-size:51.592px;line-height:66.766px;font-variation-settings:'wdth' 100}.status-cellular{position:absolute;left:876.048px;top:80.079px;width:58.269px;height:37.105px}.status-wifi{position:absolute;left:955.561px;top:79.925px;width:52.022px;height:37.414px}.status-battery{position:absolute;left:1027.342px;top:78.905px;width:84.42px;height:39.453px}
[data-screen=messages] .status-bar img,[data-screen=chat] .status-bar img{filter:invert(1)}.live-region{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
/* Mobile keeps the desktop phone shell and fills the available space proportionally. */
.mobile-device{height:var(--viewport-height,100dvh);min-height:0;overflow:hidden}.mobile-device .demo-layout{height:var(--viewport-height,100dvh);min-height:0;padding:4px}
.vertical-message-stream{overflow-y:auto!important;overflow-x:hidden!important;touch-action:pan-y;overscroll-behavior-y:contain;scrollbar-width:none}
.vertical-message-stream::-webkit-scrollbar{display:none}
.design-canvas .viewer-swipe-surface{touch-action:none;user-select:none;-webkit-user-select:none}
.viewer-content{position:absolute;left:0;top:0;width:1220px;height:2656px}
.viewer-status-fixed{z-index:50;pointer-events:none}
.main-tab-link{position:absolute;top:0;width:224px;height:144px;z-index:20;background:transparent;touch-action:manipulation}