.watch-chat-header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.watch-chat-header h2 { margin:0; }
.watch-chat-header span { color:var(--livyno-cyan); font-size:11px; font-weight:800; }
.watch-chat-messages { display:flex; flex-direction:column; justify-content:flex-start; gap:10px; min-height:260px; max-height:520px; margin-top:18px; overflow-y:scroll; scrollbar-width:thin; scrollbar-color:#63d7ed #0b131d; overscroll-behavior:contain; }
.watch-chat-messages > :first-child { margin-top:auto; }
.watch-chat-messages article { display:grid; gap:4px; padding:9px 11px; border:1px solid var(--livyno-line-soft); border-radius:3px; background:var(--livyno-panel-soft); }
.watch-chat-messages article b { color:var(--livyno-cyan); font-size:12px; }
.watch-chat-messages article span { color:var(--livyno-text); overflow-wrap:anywhere; }
.watch-chat-empty, .watch-chat-hint { color:var(--livyno-muted); }
.watch-chat-hint { margin:10px 0 0; font-size:12px; }
.admin-chat-card { min-width:0; }
.admin-card-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.admin-card-heading h2 { margin:0; }
.chat-status-badge { color:var(--livyno-cyan); font-size:11px; font-weight:800; }
.admin-chat-messages { display:flex; flex-direction:column; justify-content:flex-start; gap:10px; min-height:180px; max-height:320px; margin-top:14px; overflow-y:scroll; scrollbar-width:thin; scrollbar-color:#63d7ed #0b131d; overscroll-behavior:contain; }
.admin-chat-messages > :first-child { margin-top:auto; }
.creator-center-shell.is-chat .creator-center-main { padding:0; }
.creator-center-shell.is-chat .creator-center-header { display:none; }
.chat-studio-page { min-height:100vh; background:#050a10; color:#edf4fb; }
.chat-studio-toolbar { display:flex; align-items:center; gap:4px; height:40px; min-height:40px; padding:7px 22px; box-sizing:border-box; border-bottom:1px solid #1e2c3d; background:#080e17; }
.chat-studio-followers { display:flex; align-items:center; height:30px; box-sizing:border-box; padding:0 10px; border:1px solid #205168; border-radius:3px; color:#6ad8e7; font-weight:800; font-size:10px; }
.chat-studio-followers img { display:block; width:16px; height:16px; margin-right:4px; object-fit:contain; }
.chat-studio-scenes { display:flex; gap:4px; }
.chat-studio-scenes button,.chat-studio-scenes a { display:grid; place-items:center; width:30px; height:30px; min-height:30px; padding:0; border:0; border-radius:0; background:transparent; }
.chat-studio-scenes button img,.chat-studio-scenes a img,.chat-studio-settings-icon img { display:block; width:30px; height:30px; object-fit:contain; }
.chat-studio-scenes button:hover img,.chat-studio-scenes a:hover img,.chat-studio-settings-icon:hover img { opacity:.75; }
.chat-studio-settings-icon { display:grid; place-items:center; width:30px; height:30px; min-height:30px; padding:0; border:0; border-radius:0; background:transparent; }
.chat-studio-content-window { position:fixed; top:48px; right:26.5px; bottom:-16px; left:22.5px; z-index:15; display:grid; grid-template-rows:58px minmax(0,1fr); box-sizing:border-box; overflow:hidden; border:1px solid #203a55; border-radius:3px; background:#080e17; box-shadow:0 18px 60px rgba(0,0,0,.55); }.chat-studio-content-window[hidden] { display:none; }.chat-studio-content-window-nav { display:flex; align-items:center; gap:34px; height:58px; padding:0 22px; border-bottom:1px solid #203a55; }.chat-studio-content-window-nav a { color:#8f9db1; font-size:16px; text-decoration:none; }.chat-studio-content-window-nav a.is-active { color:#ff91ad; }.chat-studio-content-window-close { position:absolute; top:10px; right:22px; z-index:2; width:30px; height:30px; padding:0; border:0; border-radius:0; background:transparent; color:#9ab0c4; font-size:24px; line-height:30px; }.chat-studio-content-window iframe { width:100%; height:100%; border:0; background:#080e17; }.chat-studio-content-window-loading { position:absolute; inset:58px 0 0; z-index:1; display:grid; place-items:center; background:#080e17; color:#8e9bad; font-size:12px; }.chat-studio-content-window-loading[hidden] { display:none; }
.chat-studio-broadcast { display:flex; align-items:center; gap:5px; height:30px; min-height:30px; box-sizing:border-box; padding:0 10px; border:1px solid #29415a; border-radius:3px; background:#111a26; color:#aeb9c9; font-size:9px; letter-spacing:.5px; }
.chat-studio-broadcast b,.chat-studio-broadcast span { color:#f3f6fa; }
.chat-studio-broadcast.is-live { border-color:#c53b68; }
.chat-studio-broadcast strong { color:#aeb9c9; }
.chat-studio-bug { height:25px; min-height:25px; margin-left:auto; padding:0 10px; border:1px solid #a42b59; border-radius:3px; background:#26101d; color:#ff6d99; font-size:9px; font-weight:900; }
.chat-studio-bug-modal { position:fixed; inset:0; z-index:30; display:grid; place-items:start center; padding:40px 16px; box-sizing:border-box; background:rgba(2,7,13,.62); }
.chat-studio-bug-modal[hidden] { display:none; }
.chat-studio-bug-dialog { width:min(856px,100%); max-height:calc(100vh - 80px); overflow:auto; box-sizing:border-box; padding:26px 34px 30px; border:2px solid #394454; border-radius:3px; background:#080e17; box-shadow:0 18px 70px rgba(0,0,0,.65); }
.chat-studio-bug-dialog>header { display:flex; justify-content:space-between; gap:20px; padding-bottom:20px; border-bottom:1px solid #2b3745; }.chat-studio-bug-dialog h2 { margin:0 0 8px; font-size:28px; }.chat-studio-bug-dialog header p:not(.chat-studio-bug-eyebrow) { margin:0; color:#8e9bad; font-size:12px; }.chat-studio-bug-eyebrow { margin:0 0 8px; color:#ff91ad; font-size:10px; font-weight:900; letter-spacing:.6px; }.chat-studio-bug-dialog>header button { width:30px; height:30px; flex:0 0 30px; padding:0; border:1px solid #29415a; border-radius:3px; background:#111a26; color:#edf4fb; font-size:22px; line-height:25px; }.chat-studio-bug-dialog form { display:grid; gap:16px; padding-top:20px; }.chat-studio-bug-dialog label { display:grid; gap:7px; color:#9aa8bb; font-size:12px; font-weight:800; }.chat-studio-bug-dialog select,.chat-studio-bug-dialog textarea { width:100%; box-sizing:border-box; border:1px solid #29415a; border-radius:3px; background:#101923; color:#edf4fb; padding:10px 12px; font:inherit; }.chat-studio-bug-dialog textarea { resize:vertical; }.chat-studio-bug-note { margin:0; color:#77869a; font-size:11px; }.chat-studio-bug-submit { justify-self:end; min-height:30px; padding:0 16px; border:1px solid #55cbdc; border-radius:3px; background:#55cbdc; color:#07111b; font-weight:900; }
.chat-studio-layout { display:grid; grid-template-columns:minmax(0, calc(100% - 488px)) 484px; grid-template-rows:calc((100vw - 532px) * .5625); align-items:stretch; gap:4px; padding:8px 22px 0; min-height:0; }
.chat-studio-footer { box-sizing:border-box; width:auto; min-height:96px; margin:4px 22px 22px; padding:4px 0; border:0; border-radius:0; background:transparent; }
.chat-studio-host-grid { display:grid; box-sizing:border-box; grid-template-columns:repeat(8,minmax(0,1fr)); grid-auto-flow:row; align-items:start; justify-content:start; gap:4px; width:100%; min-height:0; }
.chat-studio-footer-controls { display:flex; justify-content:flex-end; align-items:center; gap:10px; margin-top:8px; padding:4px 8px; border:1px solid #29415a; border-radius:3px; background:#080e17; }
.chat-studio-footer-controls button { display:grid; place-items:center; width:64px; height:64px; padding:0; border:0; border-radius:3px; background:transparent; cursor:pointer; }
.chat-studio-footer-controls button img { display:block; width:64px; height:64px; object-fit:contain; }
.chat-studio-footer-controls button:hover { filter:brightness(1.15); }
.chat-studio-host-tile { position:relative; display:grid; box-sizing:border-box; place-items:center; align-self:start; width:100%; height:auto; aspect-ratio:1 / 1; min-height:0; border:1px solid #29415a; border-radius:3px; background:linear-gradient(135deg,#162a3b,#0e1825); color:#b9c9d9; }
.chat-studio-host-tile.is-joinable { padding:8px; cursor:pointer; font:inherit; text-align:center; }
.chat-studio-host-tile.is-joinable:hover { border-color:#6bd7e4; background:linear-gradient(135deg,#1c4050,#111d2b); }
.chat-studio-host-tile.is-joinable[data-host-guest-status="pending"] { border-color:#e6b85c; }
.chat-studio-host-tile.is-joinable[data-host-guest-status="accepted"] { border-color:#55cbdc; }
.chat-studio-host-tile.is-joinable[data-host-guest-status="rejected"] { border-color:#e47791; }
.chat-studio-host-tile.is-joinable b { max-width:100%; overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.chat-studio-host-tile.is-joinable small { color:#8fa3b7; font-size:8px; }
.chat-studio-host-tile span { display:grid; place-items:center; width:16px; height:16px; border:1px solid #b9c9d9; border-radius:50%; color:#b9c9d9; font-size:13px; line-height:13px; }
.chat-studio-host-tile.is-occupied { border-color:#55cbdc; background:linear-gradient(135deg,#1c4050,#111d2b); }
.chat-studio-host-name { max-width:calc(100% - 8px); overflow:hidden; color:#edf4fb; font-size:11px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.chat-studio-host-media { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:2px; }
.chat-studio-host-avatar { position:absolute; z-index:1; top:50%; left:50%; display:grid; place-items:center; box-sizing:border-box; width:55%; aspect-ratio:1; transform:translate(-50%,-50%); color:#fff; font-size:clamp(28px,7vw,72px); font-weight:900; }
.chat-studio-host-avatar img { display:block; width:100%; height:100%; object-fit:contain; }
.chat-studio-host-identity { position:absolute; z-index:4; top:6px; left:6px; display:flex; align-items:center; box-sizing:border-box; min-height:20px; gap:5px; max-width:calc(100% - 12px); padding:3px 6px; border:1px solid rgba(107,215,228,.75); border-radius:3px; background:rgba(6,13,20,.48); color:#fff; font-size:8px; line-height:1.1; pointer-events:none; text-shadow:0 1px 4px rgba(0,0,0,.75); }
.chat-studio-host-identity b { max-width:90px; overflow:hidden; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.chat-studio-host-identity span { display:inline; width:auto; height:auto; border:0; border-radius:0; color:#78d9e5; font-size:8px; white-space:nowrap; }
.chat-studio-host-identity strong { color:#fff; font-size:9px; font-weight:900; }
.chat-studio-host-identity[hidden] { display:none !important; }
.chat-studio-host-disconnect { position:absolute; z-index:3; right:6px; bottom:6px; display:block !important; width:20px !important; height:20px !important; min-height:20px !important; margin:0; padding:0; border:0; background:transparent; cursor:pointer; }
.chat-studio-host-disconnect img { display:block; width:20px; height:20px; object-fit:contain; }
.chat-studio-host-disconnect[aria-disabled="true"] { cursor:default; opacity:.45; }
.chat-studio-host-tile-restore { position:absolute; z-index:3; top:6px; right:6px; display:block !important; width:20px !important; height:20px !important; min-height:20px !important; margin:0; padding:0; border:0; background:transparent; cursor:pointer; }
.chat-studio-host-tile-restore img { display:block; width:20px; height:20px; object-fit:contain; }
.chat-studio-host-tile-duel,.chat-studio-host-tile-gift,.chat-studio-host-tile-mic,.chat-studio-host-tile-camera { position:absolute; z-index:3; right:54px; bottom:6px; display:block !important; width:20px !important; height:20px !important; min-height:20px !important; margin:0; padding:0; border:0; background:transparent; cursor:pointer; }
.chat-studio-host-tile-duel { right:54px; }
.chat-studio-host-tile-gift { right:30px; }
.chat-studio-host-tile-mic { right:78px; }
.chat-studio-host-tile-camera { right:102px; }
.chat-studio-host-tile-duel img,.chat-studio-host-tile-gift img,.chat-studio-host-tile-mic img,.chat-studio-host-tile-camera img { display:block; width:20px; height:20px; object-fit:contain; }
.chat-studio-host-tile [hidden] { display:none !important; }
.chat-studio-host-tile[hidden] { display:none; }
.chat-studio-footer[data-host-layout="" ] [data-host-tile], .chat-studio-footer[data-host-layout="solo"] [data-host-tile] { display:none !important; }
.chat-studio-footer.is-layout-duo .chat-studio-host-grid,
.chat-studio-footer.is-layout-duo-stack .chat-studio-host-grid { grid-template-columns:repeat(8,minmax(0,1fr)); }
.chat-studio-footer.is-layout-trio .chat-studio-host-grid,
.chat-studio-footer.is-layout-trio-bottom .chat-studio-host-grid,
.chat-studio-footer.is-layout-quad .chat-studio-host-grid,
.chat-studio-footer.is-layout-five .chat-studio-host-grid,
.chat-studio-footer.is-layout-six .chat-studio-host-grid,
.chat-studio-footer.is-layout-seven .chat-studio-host-grid,
.chat-studio-footer.is-layout-eight .chat-studio-host-grid,
.chat-studio-footer.is-layout-nine .chat-studio-host-grid { grid-template-columns:repeat(8,minmax(0,1fr)); }
.chat-studio-footer.is-layout-trio .chat-studio-host-tile:nth-child(-n+2),
.chat-studio-footer.is-layout-trio-bottom .chat-studio-host-tile:nth-child(-n+2) { display:grid !important; }
.chat-studio-stage { position:relative; display:grid; place-items:center; width:100%; aspect-ratio:16 / 9; min-height:0; align-self:stretch; overflow:hidden; border:1px solid #203a55; border-radius:3px; background:linear-gradient(90deg,rgba(3,8,18,.82),rgba(3,8,18,.18)),url('/livyno-symfony/og.png') center/cover; }
.chat-studio-stage-profile { position:absolute; z-index:5; top:12px; left:12px; display:flex; flex-direction:column; align-items:flex-start; gap:0; max-width:calc(100% - 24px); }
.chat-studio-stage-avatar { display:grid; place-items:center; width:32px; height:32px; flex:0 0 auto; color:#fff; font-size:9px; font-style:normal; font-weight:950; position:relative; z-index:2; }
.chat-studio-stage-avatar img { width:100%; height:100%; display:block; object-fit:contain; }
.chat-studio-stage-name { position:relative; z-index:1; display:block; margin-top:-12px; margin-left:32px; padding:3px 8px 3px 12px; width:max-content; min-width:0; max-width:none; border:1px solid rgba(107,215,228,.75); border-radius:6px; background:rgba(6,13,20,.25); overflow:hidden; color:#fff; font-size:10px; font-weight:900; text-align:right; text-overflow:ellipsis; white-space:nowrap; text-shadow:0 1px 6px rgba(0,0,0,.65); }
.chat-studio-duel-challenger-button { position:absolute; z-index:20; top:12px; right:12px; display:flex; align-items:center; justify-content:flex-start; gap:0; width:318px; height:80px; padding:12px; border:1px solid #394454; border-radius:3px; background:rgba(6,13,20,.25); cursor:pointer; pointer-events:auto; }
.chat-studio-duel-challenger-button[hidden] { display:none; }
.chat-studio-duel-challenger-profile-row { display:flex; align-items:center; justify-content:flex-start; gap:0; }
.chat-studio-duel-challenger-button .chat-studio-stage-avatar { width:70px; height:70px; font-size:12px; }
.chat-studio-duel-challenger-button .chat-studio-stage-avatar,
.chat-studio-duel-challenger-button .chat-studio-stage-name { transform:translateY(0); }
.chat-studio-duel-challenger-button .chat-studio-stage-name { margin:30px 0 0 -18px; padding:8px 14px 8px 18px; border-color:rgba(107,215,228,.75); border-radius:3px; font-size:14px; line-height:1.1; }
.chat-studio-duel-challenger-actions { position:absolute; top:5px; right:13px; display:flex; align-items:center; gap:6px; }
.chat-studio-duel-challenger-actions button { min-height:30px; padding:6px 8px; border:1px solid rgba(107,215,228,.75); border-radius:3px; background:#111821; color:#dce5ed; font-size:10px; font-weight:800; white-space:nowrap; cursor:pointer; }
.chat-studio-duel-challenger-actions button:hover { border-color:#6bd7e4; color:#fff; }
.chat-studio-camera { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; background:#030812; }
.chat-studio-public-video-grid { position:absolute; inset:0; z-index:1; display:grid; grid-template-columns:1fr; grid-template-rows:minmax(0,1fr); min-width:0; min-height:0; gap:2px; background:#030812; }
.chat-studio-public-video-grid.is-duel-active { grid-template-columns:repeat(2,minmax(0,1fr)); }
.chat-studio-public-video-grid.is-feature-layout-duo { grid-template-columns:repeat(2,minmax(0,1fr)); }
.chat-studio-page[data-feature-mode="duo"] .chat-studio-public-video-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
.chat-studio-public-video-grid.is-featured-guest { display:block; }
.chat-studio-public-video-grid.is-feature-layout-spotlight { display:block; }
.chat-studio-page[data-feature-mode="spotlight"] .chat-studio-public-video-grid { display:block; }
.chat-studio-public-video-grid.is-featured-guest .chat-studio-featured-guest { position:absolute; inset:0; z-index:1; width:100%; height:100%; object-fit:cover; }
.chat-studio-public-video-grid.is-featured-guest > .chat-studio-camera:not(.chat-studio-featured-guest) { position:absolute; z-index:2; right:12px; bottom:12px; inset:auto 12px 12px auto; width:25%; height:30%; min-width:0; min-height:0; border:1px solid rgba(107,215,228,.8); border-radius:3px; box-shadow:0 4px 16px rgba(0,0,0,.55); }
.chat-studio-featured-guest-placeholder { position:absolute; inset:0; z-index:1; display:grid; place-items:center; align-content:center; gap:12px; background:linear-gradient(135deg,#162a3b,#0e1825); color:#fff; }
.chat-studio-featured-guest-placeholder[hidden] { display:none; }
.chat-studio-page[data-duel-accepted="true"] .chat-studio-featured-guest-placeholder { display:none !important; }
.chat-studio-featured-guest-placeholder>div { display:grid; place-items:center; width:28%; aspect-ratio:1; overflow:hidden; border:3px solid #fff; border-radius:50%; background:#182d42; font-size:clamp(36px,8vw,96px); font-weight:900; }
.chat-studio-featured-guest-placeholder>div img { display:block; width:100%; height:100%; object-fit:cover; }
.chat-studio-featured-guest-placeholder>b { padding:5px 12px; border:1px solid rgba(107,215,228,.75); border-radius:3px; background:rgba(6,13,20,.55); font-size:clamp(14px,2vw,24px); }
.chat-studio-public-video-grid.is-duel-active .chat-studio-featured-guest-placeholder { position:relative; inset:auto; grid-column:auto; width:100%; height:100%; }
.chat-studio-public-video-grid .chat-studio-camera { position:relative; inset:auto; display:block; align-self:stretch; min-width:0; min-height:0; width:100%; height:100%; }
.chat-studio-public-video-grid > video.chat-studio-host-media { position:relative; inset:auto; display:block; align-self:stretch; min-width:0; min-height:0; width:100%; height:100%; object-fit:cover; }
.watch-public-video-ambient { display:none !important; pointer-events:none; }
@media (min-width:901px) {
    [data-public-live-viewer][data-primary-video-format="portrait"] .chat-studio-public-video-grid:not(.is-duel-active):not(.is-featured-guest) > .watch-public-video-ambient,
    [data-public-live-viewer][data-primary-video-format="portrait"] .watch-public-stage > .watch-public-video-ambient { position:absolute !important; inset:-9% !important; z-index:0 !important; display:block !important; width:118% !important; height:118% !important; min-width:118% !important; min-height:118% !important; object-fit:cover !important; object-position:center !important; filter:blur(28px) brightness(.48) saturate(.82); transform:scale(1.08); }
    [data-public-live-viewer][data-primary-video-format="portrait"] .chat-studio-public-video-grid:not(.is-duel-active):not(.is-featured-guest) > [data-public-live-video]:not(.chat-studio-featured-guest),
    [data-public-live-viewer][data-primary-video-format="portrait"] .watch-public-stage > [data-public-live-video] { position:relative !important; z-index:1 !important; object-fit:contain !important; object-position:center !important; background:transparent !important; }
    [data-public-live-viewer][data-primary-video-format="landscape"] [data-public-live-video] { object-fit:cover !important; object-position:center !important; }
}
.chat-studio-stage > .chat-studio-camera.watch-public-video { position:absolute !important; inset:0 !important; display:block !important; width:100% !important; height:100% !important; min-width:100% !important; min-height:100% !important; object-fit:cover !important; }
.chat-studio-stage.has-camera .chat-studio-cover { display:none; }
.chat-studio-cover { width:100%; padding-left:7%; color:#fff; font-size:clamp(72px,9vw,148px); font-weight:900; line-height:.9; }
.chat-studio-cover span { display:block; background:linear-gradient(90deg,#24d7e7,#ff4a63); background-clip:text; color:transparent; }
.chat-studio-cover small { display:block; margin-top:26px; color:#f2f5f8; font-size:clamp(24px,3vw,52px); font-weight:500; line-height:1.15; }
.chat-studio-duel-board { position:absolute; z-index:20; top:58px; right:12px; left:12px; min-width:0; padding:0; color:#fff; text-align:center; pointer-events:none; }
.chat-studio-page[data-duel-active="true"] [data-stage-profile] { display:none; }
.chat-studio-duel-scorebar { position:absolute; z-index:21; top:-10px; right:0; left:0; width:100%; pointer-events:none; }
.chat-studio-duel-scorebar[hidden] { display:none; }
.chat-studio-duel-scorebar-track { display:grid; grid-template-columns:minmax(0,var(--duel-divider,50%)) minmax(0,calc(100% - var(--duel-divider,50%))); position:relative; width:100%; min-height:38px; overflow:hidden; border-radius:3px; background:#16bfe3; box-shadow:inset 0 0 0 1px rgba(255,255,255,.3); }
.chat-studio-duel-scorebar-side { display:flex; align-items:center; min-width:0; padding:0 14px; color:#fff; font-size:24px; font-weight:900; line-height:1; text-shadow:0 1px 2px rgba(0,0,0,.4); }
.chat-studio-duel-scorebar-side-creator { justify-content:flex-start; background:#ff3e9b; }
.chat-studio-duel-scorebar-side-challenger { justify-content:flex-end; background:#16bfe3; }
.chat-studio-duel-scorebar-divider { position:absolute; top:0; bottom:0; left:var(--duel-divider,50%); width:3px; transform:translateX(-50%); background:#fff; box-shadow:0 0 8px rgba(255,255,255,.9); }
.chat-studio-duel-scorebar-time { position:absolute; top:42px; left:50%; transform:translateX(-50%); color:#dce5ed; font-size:14px; font-weight:800; line-height:1; white-space:nowrap; text-shadow:0 1px 3px #000; }
.chat-studio-duel-board>b { display:block; color:#ff7899; font-size:9px; letter-spacing:1px; }.chat-studio-duel-board div { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:4px; font-size:20px; font-weight:900; }.chat-studio-duel-board i { color:#ff7899; font-size:12px; font-style:normal; }.chat-studio-duel-board small { display:block; margin-top:3px; color:#aeb9c9; font-size:9px; }
.chat-studio-duel-board-players { pointer-events:none; }
.chat-studio-duel-board-avatar { display:grid; place-items:center; width:40px; height:40px; color:#fff; font-size:12px; font-weight:950; }
.chat-studio-duel-board-avatar img { width:100%; height:100%; display:block; object-fit:contain; }
.chat-studio-duel-audio-toggle { display:none; position:absolute; right:10px; bottom:10px; z-index:30; width:30px; height:30px; box-sizing:border-box; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; cursor:pointer; }
.chat-studio-duel-audio-toggle[data-duel-audio-target="creator"] { right:auto; left:10px; }
.chat-studio-page[data-duel-active="true"] .chat-studio-duel-audio-toggle { display:block; }
.chat-studio-duel-audio-toggle img { display:block; width:30px; height:30px; object-fit:contain; transition:opacity .15s ease; }
.chat-studio-duel-audio-toggle:hover img { opacity:.78; }
.chat-studio-duel-audio-toggle:focus-visible { outline:1px solid rgba(107,215,228,.9); outline-offset:3px; }
.chat-studio-duel-board small { display:block; margin-top:7px; color:#aeb9c9; font-size:14px; }
.chat-studio-duel-board :is([data-duel-board-start],[data-duel-board-cancel]) { display:inline-block; margin:7px 3px 0; padding:5px 12px; border:1px solid rgba(107,215,228,.75); border-radius:3px; background:#111821; color:#dce5ed; font-size:11px; font-weight:800; cursor:pointer; pointer-events:auto; }
.chat-studio-duel-board :is([data-duel-board-start],[data-duel-board-cancel]):hover { border-color:#6bd7e4; color:#fff; }
.chat-studio-chat { display:grid; grid-template-rows:minmax(0,1fr) auto; width:auto; height:auto; min-height:0; align-self:stretch; border:1px solid #263649; border-radius:3px; background:#111821; overflow:hidden; }
.watch-page .watch-side.chat-studio-chat { padding:0; border-left:1px solid #263649; }
.watch-page .watch-side.chat-studio-chat>header { margin:0; }
.watch-page .watch-side.chat-studio-chat .chat-studio-messages { min-height:0; max-height:none; margin:0; }
.watch-page .watch-side.chat-studio-chat .chat-studio-form { margin:0; }
.watch-public-page .watch-public-stage { padding:0; }
.watch-public-page .watch-video-placeholder { width:100%; height:100%; aspect-ratio:auto; border:0; border-radius:0; }
.watch-public-page .watch-public-video { position:absolute; inset:0; z-index:1; display:block; width:100%; height:100%; min-width:100%; min-height:100%; object-fit:cover; }
.watch-public-page .watch-public-video.is-playing + .watch-video-placeholder { display:none; }
.chat-studio-chat>header { display:flex; align-items:center; justify-content:space-between; padding:18px 20px; border-bottom:1px solid #2b3745; }
.chat-studio-chat>header h2 { margin:0; font-size:22px; }.chat-studio-chat>header span { color:#77869a; font-weight:800; }
.chat-studio-messages { display:flex; flex-direction:column; justify-content:flex-start; gap:10px; min-height:0; padding:20px 12px 20px 20px; overflow-y:scroll; scrollbar-width:thin; scrollbar-color:#63d7ed #0b131d; overscroll-behavior:contain; }.chat-studio-messages > :first-child { margin-top:auto; }.chat-studio-messages::-webkit-scrollbar,.watch-chat-messages::-webkit-scrollbar,.admin-chat-messages::-webkit-scrollbar { width:9px; }.chat-studio-messages::-webkit-scrollbar-track,.watch-chat-messages::-webkit-scrollbar-track,.admin-chat-messages::-webkit-scrollbar-track { border-left:1px solid rgba(99,215,237,.12); background:#0b131d; }.chat-studio-messages::-webkit-scrollbar-thumb,.watch-chat-messages::-webkit-scrollbar-thumb,.admin-chat-messages::-webkit-scrollbar-thumb { min-height:42px; border:2px solid #0b131d; border-radius:3px; background:#63d7ed; }.chat-studio-messages::-webkit-scrollbar-thumb:hover,.watch-chat-messages::-webkit-scrollbar-thumb:hover,.admin-chat-messages::-webkit-scrollbar-thumb:hover { background:#8be9f5; }.chat-studio-messages .watch-chat-empty { margin-top:40%; text-align:center; }
.chat-studio-message { display:block; padding:8px 10px; border:1px solid #203044; border-radius:3px; background:#0d1621; }
.chat-studio-message-avatar { display:inline-grid; place-items:center; width:20px; height:20px; margin-right:6px; color:#fff; font-size:7px; font-weight:900; vertical-align:middle; }
.chat-studio-message-avatar img { display:block; width:100%; height:100%; object-fit:contain; }
.chat-studio-message header { display:block; min-height:20px; }
.chat-studio-message header b { display:inline-block; margin-right:4px; color:#6ad8e7; font-size:15px; vertical-align:middle; }
.chat-studio-message-text { color:#dbe4ed; font-size:12px; line-height:1.4; overflow-wrap:anywhere; }
.chat-studio-message-action { display:inline-grid !important; place-items:center; width:20px; min-width:20px !important; height:20px; min-height:20px !important; margin-right:4px; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; cursor:pointer; vertical-align:middle; }
.chat-studio-message-action img { display:block; width:20px; height:20px; object-fit:contain; }
.chat-studio-message-action:hover img { opacity:.75; }
.chat-studio-form { position:relative; display:flex; gap:4px; margin:0; padding:4px; border-top:1px solid #2b3745; }.chat-studio-form input { min-height:30px; height:30px; }.chat-studio-form button { display:grid; place-items:center; min-width:45px; padding:0 14px; }.chat-studio-form button[type="submit"] { width:30px; min-width:30px; height:30px; padding:0; border:0; border-radius:0; background:transparent; }.chat-studio-form button[type="submit"] img { display:block; width:30px; height:30px; object-fit:contain; }.chat-studio-form button[type="submit"]:hover img { opacity:.75; }
.chat-studio-form > button { box-sizing:border-box; min-height:30px; }
.chat-studio-form .chat-studio-emoji-inline { width:30px; min-width:30px; height:30px; min-height:30px; padding:0; border:0; border-radius:0; background:transparent; }.chat-studio-form .chat-studio-emoji-inline img { display:block; width:30px; height:30px; object-fit:contain; }.chat-studio-form .chat-studio-emoji-inline:hover img { opacity:.75; }
.chat-studio-emoji-popup { position:absolute; right:48px; bottom:calc(100% + 4px); z-index:5; display:grid; grid-template-columns:repeat(6,30px); gap:4px; padding:6px; border:1px solid #203a55; border-radius:3px; background:#111821; box-shadow:0 8px 24px rgba(0,0,0,.35); }.chat-studio-emoji-popup[hidden] { display:none; }.chat-studio-emoji-popup button { display:grid; place-items:center; width:30px; min-width:30px; height:30px; padding:0; border:0; border-radius:0; background:transparent; font-size:18px; line-height:1; }.chat-studio-emoji-popup button:hover { opacity:.75; }
.chat-studio-form .chat-studio-microphone-inline { display:grid; place-items:center; width:30px; min-width:30px; height:30px; padding:0; border:0; border-radius:0; background:transparent; font-size:0; }
.chat-studio-form .chat-studio-microphone-inline img { display:block; width:30px; height:30px; object-fit:contain; }
.chat-studio-form .chat-studio-microphone-inline:hover img { opacity:.75; }
.chat-studio-form .chat-studio-gift-inline { display:grid; place-items:center; width:30px; min-width:30px; height:30px; padding:0; border:0; border-radius:0; background:transparent; font-size:0; }
.chat-studio-form .chat-studio-gift-inline img { display:block; width:30px; height:30px; object-fit:contain; }
.chat-studio-form .chat-studio-gift-inline:hover img { opacity:.75; }
.chat-gift-modal { position:fixed; z-index:100; inset:0; display:grid; place-items:center; padding:20px; background:rgba(3,6,10,.74); backdrop-filter:blur(8px); }.chat-gift-modal[hidden] { display:none; }.chat-gift-dialog { width:min(620px,100%); overflow:hidden; border:1px solid #34445a; border-radius:3px; background:#111923; box-shadow:0 30px 90px rgba(0,0,0,.58); }.chat-gift-dialog>header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:20px 22px 16px; border-bottom:1px solid #293546; }.chat-gift-dialog>header span { color:#ff7897; font-size:8px; font-weight:900; letter-spacing:1px; }.chat-gift-dialog h2 { margin:5px 0 4px; font-size:20px; }.chat-gift-dialog>header p { margin:0; color:#7d8a9d; font-size:9px; }.chat-gift-dialog>header>button { width:32px; height:32px; border:1px solid #344358; border-radius:3px; background:#17212d; color:#aab5c4; font-size:18px; }.chat-gift-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; padding:16px 22px; }.chat-gift-grid>button { display:grid; justify-items:center; gap:5px; padding:15px 8px 12px; border:1px solid #304055; border-radius:3px; background:#151e2a; color:#e8edf4; cursor:pointer; }.chat-gift-grid>button:hover { border-color:#68cfdf; background:#1b2937; }.chat-gift-grid>button>span { display:grid; place-items:center; width:45px; height:45px; border-radius:50%; background:rgba(255,255,255,.06); font-size:22px; }.chat-gift-grid>button>.gift-media { width:70px; height:70px; object-fit:contain; }.chat-gift-grid>button.rose>span { background:rgba(255,103,139,.12); }.chat-gift-grid>button.violet>span { background:rgba(156,112,224,.12); }.chat-gift-grid>button.blue>span { background:rgba(90,193,224,.12); }.chat-gift-grid>button.gold>span { background:rgba(255,183,75,.13); }.chat-gift-grid>button>b { font-size:9px; }.chat-gift-grid>button>small { color:#75d8e5; font-size:8px; font-weight:800; }.chat-gift-dialog>footer { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:13px 22px; border-top:1px solid #293546; background:#0e151e; color:#7d8a9d; font-size:8px; }.chat-gift-dialog>footer b { color:#edf3f8; }.chat-gift-dialog>footer p { margin:0; color:#ff819d; text-align:right; }
.chat-studio-form .chat-studio-chat-toggle-inline { display:grid; place-items:center; width:30px; min-width:30px; height:30px; padding:0; border:0; border-radius:0; background:transparent; font-size:0; }
.chat-studio-form .chat-studio-chat-toggle-inline img { display:block; width:30px; height:30px; object-fit:contain; }
.chat-studio-form .chat-studio-chat-toggle-inline:hover img { opacity:.75; }
.chat-studio-form .chat-studio-lock-inline { display:grid; place-items:center; width:30px; min-width:30px; height:30px; padding:0; border:0; border-radius:0; background:transparent; font-size:0; }
.chat-studio-form .chat-studio-lock-inline img { display:block; width:30px; height:30px; object-fit:contain; }
.chat-studio-form .chat-studio-lock-inline:hover img { opacity:.75; }
.chat-studio-form.is-chat-disabled input,.chat-studio-form.is-chat-disabled button:not(.chat-studio-chat-toggle-inline) { opacity:.45; }
.chat-settings-modal { position:fixed; z-index:20; top:42px; left:50%; width:min(370px,calc(100% - 12px)); transform:translateX(-50%); padding:22px 20px 24px; border:1px solid #394454; border-radius:3px; background:#080e17; box-shadow:0 18px 70px rgba(0,0,0,.55); }
.chat-settings-modal>header { display:flex; align-items:center; justify-content:space-between; gap:12px; }.chat-settings-modal h2 { margin:0; font-size:18px; line-height:1.15; }.chat-settings-modal>header button { width:32px; height:32px; border:1px solid #29415a; border-radius:3px; background:#111a26; color:#8fd9e6; font-size:22px; }
.chat-settings-section { margin-top:16px; padding-top:16px; border-top:1px solid #2b3745; }.chat-settings-section h3 { margin:0 0 10px; color:#9aa8bb; font-size:14px; }.chat-settings-choice { display:grid; grid-template-columns:1fr 1fr; gap:6px; }.chat-settings-choice button { min-height:42px; border:1px solid #3c424b; border-radius:3px; background:#151b25; color:#aeb9c9; font-size:12px; font-weight:800; }.chat-settings-choice button.is-active { border-color:#55cbdc; color:#63d7e5; background:#162b34; }.chat-settings-moderators h3 { display:flex; justify-content:space-between; }.chat-settings-moderators h3 span { color:#63d7e5; }.chat-settings-moderators p { margin:0; color:#77869a; font-size:11px; }
@media (max-width:900px) { .chat-studio-page { min-width:1080px; overflow-x:auto; }.chat-studio-toolbar { overflow-x:auto; }.chat-studio-layout { grid-template-columns:minmax(0, calc(100% - 488px)) 480px; grid-template-rows:308px; }.chat-studio-stage,.chat-studio-chat { min-height:0; } }
.chat-studio-layout-modal { position:fixed; inset:0; z-index:30; display:grid; place-items:start center; padding:42px 16px; box-sizing:border-box; background:rgba(2,7,13,.62); }
.chat-studio-device-modal { position:fixed; inset:0; z-index:35; display:grid; place-items:start center; padding:96px 16px; box-sizing:border-box; background:rgba(2,7,13,.62); }
.chat-studio-device-modal[hidden] { display:none; }
.chat-studio-device-dialog { width:min(520px,100%); box-sizing:border-box; padding:24px 30px 28px; border:1px solid #29415a; border-radius:3px; background:#080e17; box-shadow:0 18px 70px rgba(0,0,0,.65); color:#edf4fb; }
.chat-studio-device-dialog>header { display:flex; align-items:center; justify-content:space-between; gap:18px; padding-bottom:18px; border-bottom:1px solid #2b3745; }.chat-studio-device-dialog h2 { margin:0; font-size:25px; }.chat-studio-device-dialog header button { width:32px; height:32px; padding:0; border:1px solid #29415a; border-radius:3px; background:#111a26; color:#edf4fb; font-size:24px; line-height:28px; cursor:pointer; }.chat-studio-device-dialog p { margin:18px 0; color:#8e9bad; font-size:13px; }.chat-studio-device-dialog label { display:block; margin:14px 0 6px; color:#9aa8bb; font-size:13px; font-weight:800; }.chat-studio-device-dialog select { width:100%; min-height:38px; padding:0 10px; border:1px solid #29415a; border-radius:3px; background:#101923; color:#edf4fb; font:inherit; }.chat-studio-device-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:22px; }.chat-studio-device-actions button { min-height:36px; padding:0 14px; border:1px solid #29415a; border-radius:3px; background:#111a26; color:#a9dce5; font-weight:800; cursor:pointer; }.chat-studio-device-actions button:last-child { border-color:#55cbdc; background:#16343d; color:#edf4fb; }
.chat-studio-device-error { margin:12px 0 0 !important; padding:9px 11px; border:1px solid #8d3854; border-radius:3px; background:#2a111d; color:#ff9ab5 !important; font-size:12px !important; line-height:1.4; }
.chat-studio-layout-modal[hidden] { display:none; }
.chat-studio-layout-dialog { width:min(370px,calc(100% - 12px)); max-height:calc(100vh - 40px); overflow:auto; box-sizing:border-box; padding:22px 20px 24px; border:1px solid #29415a; border-radius:3px; background:#080e17; box-shadow:0 18px 70px rgba(0,0,0,.65); color:#edf4fb; }
.chat-studio-layout-dialog>header { display:flex; justify-content:space-between; gap:14px; padding-bottom:12px; border-bottom:1px solid #2b3745; }
.chat-studio-layout-dialog>header>div:first-child { display:block; min-width:0; }
.chat-studio-layout-dialog h2 { margin:0 0 5px; font-size:18px; line-height:1.15; }
.chat-studio-layout-dialog>header h2 { margin:5px 0 0; color:#55cbdc; font-size:10px !important; font-weight:900; letter-spacing:.5px; line-height:1; white-space:nowrap; }
.chat-studio-layout-dialog header p:not(.chat-studio-layout-eyebrow) { max-width:480px; margin:0; color:#8e9bad; font-size:11px; line-height:1.3; }
.chat-studio-layout-eyebrow { margin:0; color:#55cbdc; font-size:10px; font-weight:900; letter-spacing:.5px; line-height:1; white-space:nowrap; }
.chat-studio-layout-dialog>header button { width:32px; height:32px; flex:0 0 32px; padding:0; border:1px solid #29415a; border-radius:3px; background:#111a26; color:#edf4fb; font-size:24px; line-height:28px; cursor:pointer; }
.chat-studio-layout-header-actions { display:flex; flex:0 0 auto; gap:6px; }
.chat-studio-layout-header-actions button { display:grid; place-items:center; }
.chat-studio-layout-header-actions button.is-refreshing { animation:chat-studio-layout-refresh .8s linear infinite; cursor:wait; opacity:.7; }
@keyframes chat-studio-layout-refresh { to { transform:rotate(360deg); } }
.chat-studio-layout-dialog h3 { margin:12px 0 7px; color:#55cbdc; font-size:10px !important; line-height:1; letter-spacing:.5px; }
.chat-studio-layout-choice-columns { display:grid; grid-template-columns:1fr; gap:4px; align-items:start; }
.chat-studio-layout-choice-columns h3 { font-size:10px !important; white-space:nowrap; }
.chat-studio-guest-request { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 0; border-top:1px solid #263649; color:#edf4fb; font-size:12px; }
.chat-studio-guest-request>div { display:flex; gap:4px; }
.chat-studio-guest-request button { min-height:26px; padding:0 8px; border:1px solid #29415a; border-radius:3px; background:#111a26; color:#a9dce5; font-size:10px; font-weight:800; cursor:pointer; }
.chat-studio-guest-request button:first-child { border-color:#55cbdc; background:#16343d; }
.chat-studio-guest-empty { margin:0; color:#77869a; font-size:12px; }
.chat-studio-layout-format-grid { display:grid; grid-template-columns:repeat(2,96px); justify-content:center; gap:8px; }
.chat-studio-layout-format-grid button,.chat-studio-layout-option-grid button { display:flex; align-items:center; justify-content:center; gap:4px; min-width:0; min-height:0; padding:4px 2px; border:0; border-radius:3px; background:transparent; color:#aeb9c9; cursor:pointer; }
.chat-studio-layout-format-grid button:hover,.chat-studio-layout-option-grid button:hover,.chat-studio-layout-format-grid button.is-selected,.chat-studio-layout-option-grid button.is-selected { border:0; background:transparent; color:#edf4fb; }
.chat-studio-layout-format-grid button { flex-direction:column; }
.chat-studio-layout-format-grid img { width:64px; height:36px; object-fit:contain; border:0; border-radius:0; background:transparent; }
.chat-studio-layout-format-grid button.is-selected img,.chat-studio-layout-option-grid button.is-selected img { border:0; box-shadow:none; }
.chat-studio-layout-format-grid span,.chat-studio-layout-option-grid span { font-size:10px !important; line-height:1.1; font-weight:800; white-space:nowrap; }
.chat-studio-layout-option-grid { display:grid; grid-template-columns:repeat(4,78px); grid-auto-rows:44px; justify-content:start; column-gap:4px; row-gap:4px; align-content:start; }
.chat-studio-layout-option-grid button { width:78px; min-height:0; flex-direction:column; gap:4px; padding:0; }
.chat-studio-layout-option-grid img { width:78px; height:44px; object-fit:contain; }
.chat-studio-layout-dialog button:hover { filter:brightness(1.12); }
.chat-studio-feature-modal { position:fixed; inset:0; z-index:35; display:grid; place-items:center; padding:16px; box-sizing:border-box; background:rgba(2,7,13,.62); }
.chat-studio-feature-modal[hidden] { display:none; }
.chat-studio-feature-dialog { width:min(420px,100%); box-sizing:border-box; padding:22px 20px 24px; border:1px solid #29415a; border-radius:3px; background:#080e17; box-shadow:0 18px 70px rgba(0,0,0,.65); color:#edf4fb; }
.chat-studio-feature-dialog>header { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding-bottom:12px; border-bottom:1px solid #2b3745; }
.chat-studio-feature-dialog h2 { margin:5px 0 0; color:#55cbdc; font-size:18px; line-height:1.15; }
.chat-studio-feature-dialog header button { width:32px; height:32px; flex:0 0 32px; padding:0; border:1px solid #29415a; border-radius:3px; background:#111a26; color:#edf4fb; font-size:24px; line-height:28px; cursor:pointer; }
.chat-studio-feature-dialog>p { margin:14px 0 10px; color:#aeb9c9; font-size:12px; }
.chat-studio-feature-actions { display:grid; gap:8px; }
.chat-studio-feature-actions button { display:grid; gap:4px; padding:12px; border:1px solid #29415a; border-radius:3px; background:#111a26; color:#edf4fb; text-align:left; cursor:pointer; }
.chat-studio-feature-actions button:hover { border-color:#55cbdc; background:#16343d; }
.chat-studio-feature-actions b { color:#55cbdc; font-size:13px; }
.chat-studio-feature-actions small { color:#aeb9c9; font-size:11px; }
.chat-studio-feature-return { position:absolute; top:auto; right:6px; bottom:6px; z-index:7; display:grid; place-items:center; width:26px; height:26px; padding:0; border:0; border-radius:0; background:transparent; cursor:pointer; }
.chat-studio-feature-return img { display:block; width:26px; height:26px; object-fit:contain; }
.chat-studio-feature-return[hidden] { display:none; }
.chat-studio-feature-return:hover { filter:brightness(1.15); }
.chat-studio-public-video-grid.is-feature-layout-duo .chat-studio-feature-return { right:6px; }
.chat-studio-feature-return-streamer { top:auto; right:18px; bottom:18px; }
@media (max-width:600px) { .chat-studio-layout-dialog { padding:16px 14px; }.chat-studio-layout-choice-columns { grid-template-columns:1fr; gap:4px; }.chat-studio-layout-format-grid,.chat-studio-layout-option-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.chat-gift-feature { position:absolute; z-index:33; inset:0; display:grid; place-items:center; overflow:hidden; pointer-events:none; background:radial-gradient(circle,rgba(255,196,87,.18),transparent 48%); }.chat-gift-feature[hidden] { display:none; }.chat-gift-feature>span { display:block; font-size:clamp(72px,13vw,150px); line-height:1; filter:drop-shadow(0 12px 24px rgba(0,0,0,.58)) drop-shadow(0 0 22px rgba(255,210,105,.38)); }.chat-gift-feature>span>:is(img,video) { display:block; width:min(44vw,220px); height:min(44vw,220px); object-fit:contain; }.chat-gift-feature.is-playing { animation:chat-gift-feature-enter .35s ease-out both; }.chat-gift-feature.is-playing>span { animation:chat-gift-feature-pop .45s cubic-bezier(.16,.9,.25,1) both; }.chat-gift-feature.is-leaving { animation:chat-gift-feature-leave .3s ease-in both; } @keyframes chat-gift-feature-enter { from { opacity:0; } to { opacity:1; } } @keyframes chat-gift-feature-pop { from { opacity:0; transform:scale(.35) rotate(-10deg); } to { opacity:1; transform:scale(1) rotate(0); } } @keyframes chat-gift-feature-leave { from { opacity:1; } to { opacity:0; } }
.chat-gift-overlay { position:absolute; z-index:32; left:14px; bottom:14px; display:flex; flex-direction:column; align-items:flex-start; gap:5px; width:min(340px,calc(100% - 28px)); pointer-events:none; }.chat-gift-overlay[hidden] { display:none; }.chat-gift-feed-item { box-sizing:border-box; display:grid; grid-template-columns:42px minmax(0,1fr) 48px auto; align-items:center; gap:9px; width:100%; min-height:58px; padding:7px 10px 7px 7px; border-left:2px solid rgba(105,218,231,.82); border-radius:3px; background:linear-gradient(90deg,rgba(8,13,20,.82),rgba(8,13,20,.6)); color:#f5f8fb; box-shadow:0 8px 24px rgba(0,0,0,.28); backdrop-filter:blur(5px); }.chat-gift-feed-item:not(.is-newest) { opacity:.76; transform:scale(.97); transform-origin:left center; }.chat-gift-feed-item.is-newest { border-left-color:#f7c85a; box-shadow:0 8px 28px rgba(0,0,0,.34),0 0 16px rgba(247,200,90,.13); animation:chat-gift-in .35s ease-out both; }.chat-gift-feed-avatar { position:relative; display:grid; place-items:center; width:42px; height:42px; overflow:hidden; border:1px solid rgba(105,218,231,.7); border-radius:50%; background:#1b2936; color:#84e4ef; font-size:15px; font-weight:900; }.chat-gift-feed-avatar img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; }.chat-gift-feed-copy { min-width:0; display:grid; gap:2px; }.chat-gift-feed-copy b,.chat-gift-feed-copy small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.chat-gift-feed-copy b { font-size:13px; line-height:1.15; }.chat-gift-feed-copy small { color:#dce5ec; font-size:10px; }.chat-gift-feed-media { display:grid; place-items:center; width:48px; height:48px; object-fit:contain; font-size:26px; filter:drop-shadow(0 4px 7px rgba(0,0,0,.38)); }.chat-gift-feed-item>strong { min-width:31px; color:#fff; font-size:20px; font-style:italic; letter-spacing:-1px; text-align:right; text-shadow:0 2px 7px rgba(0,0,0,.8); } @keyframes chat-gift-in { from { opacity:0; transform:translateX(-12px) scale(.94); } to { opacity:1; transform:translateX(0) scale(1); } }
@media (max-width:620px) { .chat-gift-modal { align-items:end; padding:8px; }.chat-gift-grid { grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px 16px; }.chat-gift-dialog>header, .chat-gift-dialog>footer { padding-left:16px; padding-right:16px; } }

/* Duel: this Studio's creator always owns the left half, even without a track. */
.chat-studio-page:is([data-duel-accepted="true"],[data-duel-active="true"]) .chat-studio-public-video-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.chat-studio-page:is([data-duel-accepted="true"],[data-duel-active="true"]) .chat-studio-public-video-grid > video[data-duel-side] { position:relative; inset:auto; grid-row:1; width:100%; height:100%; min-width:0; min-height:0; border:0; border-radius:0; box-shadow:none; }
.chat-studio-page:is([data-duel-accepted="true"],[data-duel-active="true"]) .chat-studio-public-video-grid > video[data-duel-side="left"] { grid-column:1; }
.chat-studio-page:is([data-duel-accepted="true"],[data-duel-active="true"]) .chat-studio-public-video-grid > video[data-duel-side="right"] { grid-column:2; }

.chat-studio-duel-board :is([data-duel-board-start],[data-duel-board-cancel])[hidden] { display:none; }

.chat-studio-form .chat-studio-like-inline { width:30px; min-width:30px; height:30px; padding:0; border:0; border-radius:3px; background:transparent; }
.chat-studio-like-inline img { display:block; width:30px; height:30px; object-fit:contain; }
.chat-studio-like-inline:hover img { opacity:.78; }
.chat-studio-like-inline:disabled { opacity:.4; cursor:default; }
.chat-studio-like-total { display:inline-flex; align-items:center; vertical-align:middle; gap:3px; margin-left:5px; color:#6ad8e7; pointer-events:none; font-size:inherit; }
.chat-studio-like-total img { width:12px; height:12px; object-fit:contain; }
.chat-studio-like-burst { position:absolute; inset:0; z-index:32; overflow:hidden; pointer-events:none; }
.chat-studio-like-burst > i { position:absolute; bottom:8px; color:#ff496f; font-size:var(--like-size); line-height:1; font-style:normal; font-weight:900; text-shadow:0 2px 5px rgba(0,0,0,.45),0 0 14px rgba(255,73,111,.56); animation:livyno-stream-like 1450ms cubic-bezier(.18,.75,.28,1) both; }
@keyframes livyno-stream-like { 0% { opacity:0; transform:translateY(0) scale(.72); } 15% { opacity:1; } 50% { opacity:.94; transform:translate(var(--like-drift),-128px) scale(1.14); } 100% { opacity:0; transform:translate(var(--like-drift-end),-260px) rotate(var(--like-rotate)) scale(.72); } }
@media (prefers-reduced-motion:reduce) { .chat-studio-like-burst > i { animation:none; display:none; } }

.chat-studio-preview-gate { position:absolute; inset:0; z-index:60; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:24px; text-align:center; background:#0e1825; color:#fff; }
.chat-studio-preview-gate strong { font-size:24px; }
.chat-studio-preview-gate p { max-width:360px; line-height:1.5; }
.chat-studio-preview-gate > div { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }
.chat-studio-preview-gate a { padding:10px 16px; border:1px solid #6bd7e4; border-radius:3px; color:#6bd7e4; text-decoration:none; }

.chat-studio-like-canvas { position:absolute; right:10px; bottom:10px; z-index:32; display:grid; place-items:center; width:30px; height:30px; padding:0; border:0; background:transparent; cursor:pointer; }
.chat-studio-like-canvas img { display:block; width:30px; height:30px; object-fit:contain; }
.chat-studio-like-canvas:disabled { opacity:.45; cursor:default; }
.chat-studio-like-canvas:focus-visible { outline:1px solid #6ad8e7; outline-offset:3px; }
.chat-studio-stage:has(.chat-studio-like-canvas) .chat-studio-feature-return { right:48px; }
.chat-studio-stage:has(.chat-studio-like-canvas) .chat-studio-duel-audio-toggle:not([data-duel-audio-target="creator"]) { right:48px; }

.chat-studio-duel-feedback { position:absolute; top:64px; left:12px; z-index:8; margin:0; padding:6px 10px; border:1px solid #29415a; border-radius:3px; background:#101923; color:#6ad8e7; font-size:12px; }
.chat-studio-duel-feedback[hidden] { display:none; }

.chat-studio-public-duel-notice { position:absolute; left:12px; bottom:50px; z-index:8; max-width:calc(100% - 24px); box-sizing:border-box; margin:0; padding:6px 10px; border:1px solid #29415a; border-radius:3px; background:#101923; color:#6ad8e7; font-size:12px; }
.chat-studio-public-duel-notice[hidden] { display:none; }

/* One gift control belongs to the watched creator's left duel canvas. */
.chat-studio-duel-canvas-gift { display:none; position:absolute; right:calc(50% + 10px); bottom:10px; z-index:32; width:30px; height:30px; padding:0; border:0; border-radius:3px; background:transparent; cursor:pointer; }
.chat-studio-page:is([data-duel-accepted="true"],[data-duel-active="true"]) .chat-studio-duel-canvas-gift { display:grid; place-items:center; }
.chat-studio-duel-canvas-gift img { display:block; width:30px; height:30px; object-fit:contain; }
.chat-studio-duel-canvas-gift:disabled { cursor:default; }
.chat-studio-duel-canvas-gift:focus-visible { outline:1px solid #6ad8e7; outline-offset:3px; }

.chat-studio-host-tile-restore:disabled { opacity:.4; cursor:default; }

.chat-studio-page:is([data-duel-accepted="true"],[data-duel-active="true"]) .chat-studio-like-canvas { right:calc(50% + 48px); }