/* STS v5.6.287 - Mobile browser streaming layout
   Makes the site feel like a real STS phone app in mobile browsers. */
:root{ --sts-mobile-bottom: env(safe-area-inset-bottom,0px); }
@media (max-width: 820px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;background:#05070d!important;}
  body.streamx-v5{padding-bottom:calc(72px + var(--sts-mobile-bottom))!important;}
  *{box-sizing:border-box;}

  /* App style header */
  .tw-topbar.sts-glass-nav,
  .sts-glass-nav,
  header.tw-topbar{
    position:sticky!important;top:0!important;z-index:9999!important;
    min-height:64px!important;height:auto!important;
    padding:8px 12px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    background:linear-gradient(180deg,rgba(5,7,13,.98),rgba(5,7,13,.86))!important;
    border-bottom:1px solid rgba(57,255,20,.16)!important;
    box-shadow:0 12px 36px rgba(0,0,0,.42)!important;
    backdrop-filter:blur(16px)!important;
  }
  .sts-mock-brand img,.sts-brand-card img,.tw-logo img{max-height:42px!important;width:auto!important;object-fit:contain!important;}
  .sts-mock-nav,.tw-main-nav,.sts-nav-search,.tw-search,.sts-mock-more-wrap{display:none!important;}
  .sts-mock-left,.sts-nav-left{width:100%!important;display:flex!important;justify-content:center!important;}
  .sts-mock-right,.sts-user-actions,.tw-actions{position:absolute!important;right:10px!important;top:10px!important;gap:6px!important;}
  .sts-mock-right a:not(.tw-btn):not(.sts-nav-profile),
  .sts-user-actions > *:not(.sts-nav-profile):not(.tw-btn),
  .tw-actions > *:not(.tw-btn){display:none!important;}

  /* Bottom app nav */
  .sts-icon-nav,.tw-main-nav,.sts-mobile-bottom-nav{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:10000!important;
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:5px!important;padding:7px 8px calc(7px + var(--sts-mobile-bottom))!important;
    background:rgba(6,8,14,.97)!important;border-top:1px solid rgba(57,255,20,.28)!important;
    box-shadow:0 -18px 45px rgba(0,0,0,.58)!important;backdrop-filter:blur(18px)!important;
  }
  .sts-icon-nav a,.tw-main-nav a,.sts-mobile-bottom-nav a{
    height:50px!important;border-radius:14px!important;display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;gap:2px!important;
    color:#dfe7ff!important;text-decoration:none!important;font-size:10px!important;line-height:1!important;
    background:transparent!important;border:0!important;padding:4px!important;min-width:0!important;
  }
  .sts-icon-nav a:nth-child(n+6),.tw-main-nav a:nth-child(n+6){display:none!important;}
  .sts-icon-nav a.is-active,.tw-main-nav a.is-active,.sts-mobile-bottom-nav a.is-active{color:#39ff14!important;text-shadow:0 0 12px rgba(57,255,20,.5)!important;}

  /* General pages */
  main,.page,.v5-page,.content,.container,.dashboard-shell,.watch-page,.browse-page{
    width:100%!important;max-width:100vw!important;min-width:0!important;margin:0!important;overflow-x:hidden!important;
  }

  /* Watch page: phone app stream + chat */
  html body.streamx-v5.twitch-v53 .v53-watch,
  html body.streamx-v5.twitch-v53 .v586-watch-match{
    display:flex!important;flex-direction:column!important;width:100%!important;max-width:100vw!important;
    min-width:0!important;margin:0!important;padding:0!important;gap:0!important;overflow:hidden!important;
  }
  html body.streamx-v5.twitch-v53 .v53-watch-main{
    width:100%!important;max-width:100vw!important;margin:0!important;padding:0!important;min-width:0!important;overflow:hidden!important;
  }
  html body.streamx-v5.twitch-v53 .v53-player{
    width:100vw!important;max-width:100vw!important;margin:0!important;border-radius:0!important;
    aspect-ratio:16/9!important;min-height:190px!important;max-height:34vh!important;border-left:0!important;border-right:0!important;
  }
  html body.streamx-v5.twitch-v53 .v53-player video,
  html body.streamx-v5.twitch-v53 .v53-player img{width:100%!important;height:100%!important;object-fit:contain!important;}
  html body.streamx-v5.twitch-v53 .v53-stream-info.v586-channel-info-row{
    width:100%!important;max-width:100vw!important;margin:0!important;border-radius:0!important;
    display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;gap:10px!important;
    padding:12px 14px!important;background:linear-gradient(135deg,rgba(10,16,25,.98),rgba(19,10,35,.94))!important;
    border-left:0!important;border-right:0!important;border-top:1px solid rgba(57,255,20,.18)!important;border-bottom:1px solid rgba(137,43,226,.24)!important;
  }
  html body.streamx-v5.twitch-v53 .v53-stream-info .avatar.big{width:54px!important;height:54px!important;min-width:54px!important;}
  html body.streamx-v5.twitch-v53 .v53-stream-info h1{font-size:19px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  html body.streamx-v5.twitch-v53 .v586-channel-line{min-width:0!important;}
  html body.streamx-v5.twitch-v53 .v586-channel-actions,
  html body.streamx-v5.twitch-v53 .pro-stream-actions{
    grid-column:1 / -1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:10px!important;min-width:0!important;width:100%!important;
  }
  html body.streamx-v5.twitch-v53 .v586-channel-actions a,
  html body.streamx-v5.twitch-v53 .v586-channel-actions button,
  html body.streamx-v5.twitch-v53 .pro-stream-actions a,
  html body.streamx-v5.twitch-v53 .pro-stream-actions button{
    width:100%!important;height:42px!important;border-radius:14px!important;font-size:13px!important;padding:0 10px!important;
  }
  html body.streamx-v5.twitch-v53 .v586-channel-tabs{
    position:sticky!important;top:64px!important;z-index:200!important;display:flex!important;overflow-x:auto!important;
    gap:8px!important;padding:8px 10px!important;background:rgba(5,7,13,.95)!important;border-bottom:1px solid rgba(137,43,226,.24)!important;
  }
  html body.streamx-v5.twitch-v53 .v586-channel-tabs a{flex:0 0 auto!important;border-radius:999px!important;padding:9px 13px!important;font-size:12px!important;}
  html body.streamx-v5.twitch-v53 aside.chat-panel.pro-chat,
  html body.streamx-v5.twitch-v53 .chat-panel.v55-chat-ref,
  html body.streamx-v5.twitch-v53 .v53-chat{
    position:relative!important;top:auto!important;right:auto!important;width:100vw!important;max-width:100vw!important;
    min-width:0!important;height:52vh!important;min-height:390px!important;margin:0!important;border-radius:0!important;
    border-left:0!important;border-right:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;
  }
  html body.streamx-v5.twitch-v53 .chat-messages,
  html body.streamx-v5.twitch-v53 #chatMessages{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;padding:9px!important;}
  html body.streamx-v5.twitch-v53 .chat-line{grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;padding:7px!important;}
  html body.streamx-v5.twitch-v53 .chat-bubble{min-width:0!important;max-width:100%!important;}
  html body.streamx-v5.twitch-v53 .chat-form,
  html body.streamx-v5.twitch-v53 .pro-chat-form{grid-template-columns:minmax(0,1fr) 44px 68px!important;gap:7px!important;padding:8px!important;}
  html body.streamx-v5.twitch-v53 #chatInput{min-width:0!important;height:42px!important;font-size:14px!important;}

  /* Support/subscription blocks become phone cards */
  .sts-watch-support-wrap,.sts-support-section,.sts-support-inner{width:100%!important;max-width:100vw!important;margin:12px 0!important;padding:0 10px!important;}
  .sts-superchat-bar,.sts-superchat-wrap{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:12px!important;border-radius:20px!important;}
  .sts-superchat-amounts{display:flex!important;gap:8px!important;overflow-x:auto!important;padding-bottom:4px!important;}
  .sts-superchat-amounts button{flex:0 0 auto!important;height:42px!important;min-width:72px!important;border-radius:999px!important;}
  .sts-superchat-bar input{width:100%!important;height:44px!important;min-width:0!important;}
  .sts-superchat-bar .sts-paypal-btn{width:100%!important;height:44px!important;}
  .sts-sub-tiers{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;}
  .sts-tier-card{width:100%!important;max-width:100%!important;min-width:0!important;flex:none!important;border-radius:20px!important;}

  /* Browse/live cards */
  .sts-browse-grid,.stream-grid,.creator-grid,.cards-grid,.live-grid{
    display:grid!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important;max-width:100%!important;
  }
  .sts-channel-card,.stream-card,.creator-card{width:100%!important;max-width:100%!important;min-width:0!important;}

  /* Mobile live page - make it like the reference phone dashboard */
  .mobile-live-hero,.mobile-live-grid{width:100%!important;max-width:100vw!important;margin:0!important;padding:12px!important;display:flex!important;flex-direction:column!important;gap:12px!important;}
  .mobile-live-hero{background:linear-gradient(180deg,#07101b,#05070d)!important;text-align:left!important;}
  .mobile-live-hero h1{font-size:30px!important;line-height:1!important;margin:6px 0!important;}
  .mobile-live-kicker{color:#ff193f!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-size:11px!important;font-weight:900!important;}
  .phone-broadcast-panel,.mobile-live-help article,.mobile-live-status-card{
    width:100%!important;max-width:100%!important;border-radius:22px!important;background:#0c1421!important;border:1px solid rgba(57,255,20,.16)!important;box-shadow:0 18px 45px rgba(0,0,0,.36)!important;
  }
  .phone-preview-frame{border-radius:18px!important;overflow:hidden!important;aspect-ratio:16/9!important;background:#05070d!important;}
  .phone-control-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .phone-control-row button{height:44px!important;border-radius:14px!important;}
  #startMobileLiveBtn{background:linear-gradient(135deg,#39ff14,#1ebd00)!important;color:#031008!important;}
  #stopMobileLiveBtn{background:linear-gradient(135deg,#ff193f,#ff4b4b)!important;color:white!important;grid-column:1/-1!important;}
  .mobile-camera-tools{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  .mobile-live-help{display:flex!important;flex-direction:column!important;gap:12px!important;}

  /* Hide desktop-only clutter on phones */
  .crypto-ticker,.v586-watch-goals,.v586-watch-about,.channel-about,.v586-watch-server-list{display:none!important;}
}

/* STS v5.6.288 - true mobile watch app tabs: stream + chat fits one phone screen */
@media (max-width: 820px){
  body.sts-mobile-watch-app{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))!important;}
  body.sts-mobile-watch-app .crypto-ticker{display:none!important;}
  body.sts-mobile-watch-app .v53-watch.v586-watch-match{
    height:calc(100dvh - 64px - 66px - env(safe-area-inset-bottom,0px))!important;
    min-height:0!important;max-height:none!important;overflow:hidden!important;
    display:flex!important;flex-direction:column!important;background:#05070d!important;
  }
  body.sts-mobile-watch-app .v53-watch-main{
    display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow:visible!important;
  }
  body.sts-mobile-watch-app .v53-player{
    flex:0 0 auto!important;width:100vw!important;height:auto!important;max-height:30dvh!important;min-height:0!important;
    aspect-ratio:16/9!important;border-radius:0!important;margin:0!important;border-left:0!important;border-right:0!important;
    position:relative!important;z-index:2!important;background:#000!important;
  }
  body.sts-mobile-watch-app .v53-player video,
  body.sts-mobile-watch-app .v53-player img,
  body.sts-mobile-watch-app .mobile-webrtc-player,
  body.sts-mobile-watch-app .mobile-viewer-player{width:100%!important;height:100%!important;object-fit:contain!important;}
  body.sts-mobile-watch-app .v53-player-badges{transform:scale(.82)!important;transform-origin:top left!important;}
  body.sts-mobile-watch-app .v53-stream-info.v586-channel-info-row{
    flex:0 0 auto!important;width:100vw!important;max-width:100vw!important;margin:0!important;border-radius:0!important;
    padding:9px 12px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:9px!important;
    background:linear-gradient(135deg,rgba(8,13,20,.98),rgba(16,8,28,.95))!important;border-left:0!important;border-right:0!important;
  }
  body.sts-mobile-watch-app .v586-channel-info-row .avatar.big{width:44px!important;height:44px!important;min-width:44px!important;}
  body.sts-mobile-watch-app .v586-channel-info-row h1{font-size:16px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0 0 4px!important;}
  body.sts-mobile-watch-app .v586-channel-info-row p{font-size:12px!important;gap:5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;}
  body.sts-mobile-watch-app .v586-channel-info-row .tag-row{display:none!important;}
  body.sts-mobile-watch-app .v586-channel-actions{grid-column:1/-1!important;display:flex!important;gap:6px!important;overflow-x:auto!important;justify-content:flex-start!important;margin:3px 0 0!important;padding-bottom:1px!important;}
  body.sts-mobile-watch-app .v586-channel-actions form{flex:0 0 auto!important;}
  body.sts-mobile-watch-app .v586-channel-actions .watch-action-btn{height:34px!important;min-height:34px!important;border-radius:12px!important;padding:0 12px!important;font-size:12px!important;white-space:nowrap!important;}

  body.sts-mobile-watch-app .sts-mobile-watch-tabs{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:50000!important;
    display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))!important;background:rgba(5,7,13,.98)!important;
    border-top:1px solid rgba(57,255,20,.22)!important;box-shadow:0 -14px 36px rgba(0,0,0,.55)!important;backdrop-filter:blur(18px)!important;
  }
  body.sts-mobile-watch-app .sts-mobile-watch-tab{
    border:0!important;background:transparent!important;color:#aeb5c8!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:2px!important;height:52px!important;border-radius:14px!important;font-size:10px!important;font-weight:900!important;
  }
  body.sts-mobile-watch-app .sts-mobile-watch-tab b{font-size:16px!important;line-height:1!important;}
  body.sts-mobile-watch-app .sts-mobile-watch-tab.is-active{color:#39ff14!important;background:rgba(57,255,20,.10)!important;box-shadow:inset 0 0 0 1px rgba(57,255,20,.25),0 0 18px rgba(57,255,20,.14)!important;}

  body.sts-mobile-watch-app .chat-panel.pro-chat.v53-chat{
    flex:1 1 auto!important;height:auto!important;min-height:0!important;width:100vw!important;max-width:100vw!important;margin:0!important;border-radius:0!important;
    display:flex!important;flex-direction:column!important;overflow:hidden!important;border-left:0!important;border-right:0!important;
  }
  body.sts-mobile-watch-app .chat-head{flex:0 0 auto!important;min-height:44px!important;padding:7px 10px!important;}
  body.sts-mobile-watch-app .sts102-chat-avatar{width:30px!important;height:30px!important;}
  body.sts-mobile-watch-app .sts102-chat-title{font-size:14px!important;}
  body.sts-mobile-watch-app .sts102-chat-sub{display:none!important;}
  body.sts-mobile-watch-app #chatMessages{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;padding:7px 8px!important;}
  body.sts-mobile-watch-app .chat-line{grid-template-columns:30px minmax(0,1fr)!important;gap:7px!important;padding:5px 4px!important;}
  body.sts-mobile-watch-app .chat-avatar-mini{width:30px!important;height:30px!important;min-width:30px!important;}
  body.sts-mobile-watch-app .chat-meta{font-size:12px!important;}
  body.sts-mobile-watch-app .chat-body{font-size:14px!important;line-height:1.25!important;}
  body.sts-mobile-watch-app .chat-inline-emote,
  body.sts-mobile-watch-app .chat-drop-emote-img{max-width:28px!important;max-height:28px!important;}
  body.sts-mobile-watch-app .pro-chat-form{flex:0 0 auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) 42px 64px!important;gap:6px!important;padding:7px 8px!important;}
  body.sts-mobile-watch-app #chatInput{height:40px!important;border-radius:13px!important;font-size:13px!important;padding:0 10px!important;}
  body.sts-mobile-watch-app .chat-owned-emotes-btn{width:42px!important;height:40px!important;border-radius:13px!important;}
  body.sts-mobile-watch-app .pro-chat-form button[type="submit"]{height:40px!important;border-radius:13px!important;font-size:12px!important;padding:0 10px!important;}
  body.sts-mobile-watch-app .chat-wave-btn{display:none!important;}
  body.sts-mobile-watch-app .sts-chat-announcements{display:none!important;}

  /* App tab visibility */
  body.sts-mobile-tab-stream .chat-panel.pro-chat.v53-chat,
  body.sts-mobile-tab-stream #stsSupportDeck,
  body.sts-mobile-tab-stream #panels,
  body.sts-mobile-tab-stream .v53-server-section,
  body.sts-mobile-tab-stream .sts-channel-goals{display:none!important;}

  body.sts-mobile-tab-chat .v53-stream-info.v586-channel-info-row,
  body.sts-mobile-tab-chat #stsSupportDeck,
  body.sts-mobile-tab-chat #panels,
  body.sts-mobile-tab-chat .v53-server-section,
  body.sts-mobile-tab-chat .sts-channel-goals{display:none!important;}
  body.sts-mobile-tab-chat .chat-panel.pro-chat.v53-chat{display:flex!important;}

  body.sts-mobile-tab-support .chat-panel.pro-chat.v53-chat,
  body.sts-mobile-tab-support #panels,
  body.sts-mobile-tab-support .v53-server-section,
  body.sts-mobile-tab-support .sts-channel-goals{display:none!important;}
  body.sts-mobile-tab-support #stsSupportDeck{display:block!important;flex:1 1 auto!important;overflow-y:auto!important;margin:0!important;padding:12px!important;border-radius:0!important;width:100vw!important;max-width:100vw!important;}
  body.sts-mobile-tab-support .sts-subscribe-head h2{font-size:20px!important;}
  body.sts-mobile-tab-support .sts-superchat-inline{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important;}
  body.sts-mobile-tab-support .sts-tip-pills{display:flex!important;overflow-x:auto!important;gap:7px!important;}
  body.sts-mobile-tab-support .sts-tip-pills label span{min-width:70px!important;height:38px!important;}
  body.sts-mobile-tab-support .sts-superchat-inline input[name="message"]{width:100%!important;height:40px!important;}
  body.sts-mobile-tab-support .sts-superchat-inline button{width:100%!important;height:42px!important;}
  body.sts-mobile-tab-support .sts-subscribe-grid{grid-template-columns:1fr!important;gap:10px!important;}
  body.sts-mobile-tab-support .sts-sub-tier{min-height:0!important;padding:14px!important;}

  body.sts-mobile-tab-info .chat-panel.pro-chat.v53-chat,
  body.sts-mobile-tab-info #stsSupportDeck{display:none!important;}
  body.sts-mobile-tab-info .v53-watch-main{overflow-y:auto!important;}
  body.sts-mobile-tab-info #panels,
  body.sts-mobile-tab-info .v53-server-section,
  body.sts-mobile-tab-info .sts-channel-goals{display:block!important;width:100vw!important;max-width:100vw!important;margin:0!important;padding:12px!important;}

  body.sts-mobile-watch-app .chat-owned-emotes-panel,
  body.sts-mobile-watch-app .sts-claimed-emote-picker,
  body.sts-mobile-watch-app .sts-owned-emotes-panel{
    position:fixed!important;left:8px!important;right:8px!important;bottom:calc(72px + env(safe-area-inset-bottom,0px))!important;top:auto!important;width:auto!important;max-width:none!important;max-height:45dvh!important;z-index:60000!important;
  }
}
@media (min-width: 821px){.sts-mobile-watch-tabs{display:none!important;}}

/* STS v5.6.289 - mobile watch emergency final CSS */
@media (max-width:900px){
  body:has(.v53-watch) .tw-topbar,body:has(.v53-watch) header.tw-topbar,body:has(.v53-watch) .crypto-ticker,body:has(.v53-watch) footer,body:has(.v53-watch) .v5-footer{display:none!important}
  body:has(.v53-watch){width:100vw!important;height:100dvh!important;overflow:hidden!important;padding:0!important;margin:0!important;background:#05070d!important}
  body:has(.v53-watch) .v53-watch{position:fixed!important;inset:0 0 calc(64px + env(safe-area-inset-bottom,0px)) 0!important;width:100vw!important;height:calc(100dvh - 64px - env(safe-area-inset-bottom,0px))!important;margin:0!important;padding:0!important;overflow:hidden!important;display:block!important;background:#05070d!important}
  body:has(.v53-watch) .sts-mobile-watch-tabs{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:2147483000!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;width:100vw!important;height:calc(64px + env(safe-area-inset-bottom,0px))!important;background:#05070d!important;border-top:1px solid rgba(57,255,20,.25)!important}
}

/* STS v5.6.352 - mobile creator dashboard phone override */
@media (max-width: 820px){
  .sts-mobile-creator-shell{width:100%!important;max-width:100vw!important;margin:0!important;padding:10px!important;overflow-x:hidden!important;}
  .sts-mobile-creator-hero{display:flex!important;flex-direction:column!important;align-items:flex-start!important;padding:16px!important;border-radius:20px!important;margin:0 0 10px!important;}
  .sts-mobile-creator-hero h1{font-size:38px!important;line-height:.9!important;letter-spacing:-.06em!important;}
  .sts-mobile-open-channel{width:100%!important;}
  .sts-mobile-studio-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;}
  .sts-mobile-camera-card,.sts-mobile-settings-card,.sts-mobile-chat-card{width:100%!important;max-width:100%!important;min-width:0!important;border-radius:20px!important;padding:12px!important;}
  .sts-mobile-phone-frame{width:100%!important;aspect-ratio:16/9!important;border-radius:18px!important;}
  .sts-mobile-phone-frame.is-vertical{width:min(84vw,390px)!important;aspect-ratio:9/16!important;max-height:62vh!important;margin:0 auto!important;border-radius:28px!important;}
  .sts-mobile-primary-controls,.sts-mobile-secondary-controls{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .sts-mobile-primary-controls #stopMobileLiveBtn{grid-column:1/-1!important;}
  .sts-mobile-secondary-controls .sts-mobile-toggle{grid-column:1/-1!important;}
  .sts-mobile-chat-list{max-height:38vh!important;min-height:220px!important;}
  .mobile-live-help{display:none!important;}
}

/* STS v5.6.354 - compact mobile studio cards */
@media (max-width: 820px){
  .sts-mobile-creator-shell{padding:8px!important;}
  .sts-mobile-creator-hero{padding:14px!important;border-radius:18px!important;margin-bottom:8px!important;}
  .sts-mobile-creator-hero h1{font-size:34px!important;line-height:.88!important;}
  .sts-mobile-creator-hero p{font-size:13px!important;margin:8px 0!important;}
  .sts-mobile-live-mini span,.sts-mobile-open-channel{padding:8px 10px!important;font-size:12px!important;}
  .sts-mobile-studio-grid{gap:8px!important;}
  .sts-mobile-camera-card,.sts-mobile-settings-card,.sts-mobile-chat-card{padding:10px!important;border-radius:18px!important;}
  .sts-mobile-phone-frame{max-height:260px!important;min-height:170px!important;border-radius:16px!important;}
  .sts-mobile-phone-frame.is-vertical{width:min(68vw,280px)!important;max-height:58vh!important;border-radius:24px!important;}
  .phone-preview-empty b{font-size:26px!important;}
  .phone-preview-empty strong{font-size:16px!important;}
  .phone-preview-empty span{font-size:12px!important;max-width:280px!important;}
  .sts-mobile-primary-controls,.sts-mobile-secondary-controls{gap:7px!important;margin-top:8px!important;}
  .sts-mobile-primary-controls .v53-btn,.sts-mobile-secondary-controls .v53-btn,.sts-mobile-toggle{min-height:38px!important;height:38px!important;padding:0 9px!important;font-size:12px!important;border-radius:12px!important;}
  .mobile-camera-tools{gap:6px!important;}
  .mobile-camera-tools select,.sts-mobile-settings-card input,.sts-mobile-settings-card select{padding:10px!important;font-size:13px!important;border-radius:12px!important;}
  .mobile-live-message,.mobile-live-debug{font-size:12px!important;padding:8px 10px!important;border-radius:12px!important;}
  .sts-mobile-settings-card h2,.sts-mobile-chat-card h2{font-size:15px!important;margin-bottom:9px!important;}
  .sts-mobile-settings-card label{font-size:12px!important;margin-bottom:8px!important;}
  .sts-mobile-status-list{gap:6px!important;margin-top:8px!important;}
  .sts-mobile-status-list div{padding:8px 9px!important;font-size:12px!important;border-radius:11px!important;}
  .sts-mobile-chat-card{min-height:255px!important;}
  .sts-mobile-chat-list{min-height:145px!important;max-height:220px!important;padding:8px!important;}
  .sts-mobile-chat-form input{height:38px!important;padding:0 10px!important;font-size:13px!important;}
  .sts-mobile-chat-form button{height:38px!important;padding:0 12px!important;font-size:12px!important;}
}

/* STS v5.6.355 - QR phone link for Mobile Studio */
.sts-phone-link-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 190px!important;
  gap:16px!important;
  align-items:center!important;
  margin:14px 0!important;
  padding:18px!important;
  border:1px solid rgba(139,92,246,.45)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(9,12,18,.95),rgba(31,14,55,.88))!important;
  box-shadow:0 18px 50px rgba(0,0,0,.35), inset 0 0 0 1px rgba(57,255,20,.08)!important;
}
.sts-phone-link-copy h2{margin:4px 0 6px!important;font-size:clamp(24px,3vw,42px)!important;line-height:.95!important;text-transform:uppercase!important;letter-spacing:-1px!important;color:#fff!important;}
.sts-phone-link-copy p{margin:0 0 12px!important;color:rgba(255,255,255,.78)!important;max-width:760px!important;}
.sts-phone-link-copy small{display:block!important;margin-top:8px!important;color:rgba(255,255,255,.52)!important;}
.sts-phone-link-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;align-items:center!important;}
.sts-phone-link-actions .v53-btn{min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;}
.sts-phone-link-qr{width:180px!important;height:180px!important;padding:10px!important;border-radius:22px!important;background:#fff!important;box-shadow:0 0 30px rgba(57,255,20,.18)!important;justify-self:end!important;}
.sts-phone-link-qr img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;}
.sts-phone-link-missing{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;border-radius:14px!important;background:#111827!important;color:#fff!important;font-weight:900!important;text-align:center!important;}
@media(max-width:820px){
  .sts-phone-link-card{grid-template-columns:1fr!important;padding:14px!important;border-radius:18px!important;}
  .sts-phone-link-qr{width:160px!important;height:160px!important;justify-self:center!important;}
  .sts-phone-link-copy{text-align:center!important;}
  .sts-phone-link-actions{justify-content:center!important;}
}