body#tikinteract-studio .live-game-frame-wrap{position:relative;isolation:isolate;transform-style:flat}
body#tikinteract-studio #live-game-frame{isolation:isolate;transform-style:flat}
body#tikinteract-studio .studio-stage-heading{flex-wrap:wrap;gap:8px}
body#tikinteract-studio .studio-scene-animation-layer{position:absolute;inset:0;z-index:8;pointer-events:none;background:transparent;overflow:hidden}
body#tikinteract-studio .studio-scene-animation-layer[hidden]{display:none!important}
body#tikinteract-studio .studio-scene-animation-layer video{display:block;width:100%;height:100%;object-fit:contain;background:transparent}
body#tikinteract-studio .studio-scene-animation-status{font-size:12px;line-height:1.5;color:var(--sd-muted);margin:8px 0}
body#tikinteract-studio .studio-broadcast-source,body#tikinteract-studio .studio-scene-animation-stop{font-size:11px;white-space:normal;min-height:30px}
body#tikinteract-studio .studio-stop-game{font-size:10px;min-height:28px;padding:5px 9px;gap:6px;color:var(--sd-text);border-color:color-mix(in srgb,#ee7c87 28%,var(--sd-line))}
body#tikinteract-studio .studio-stop-game i{color:#dc7181;font-size:10px}
body#tikinteract-studio .studio-stop-game:disabled{opacity:.45;cursor:default}
body#tikinteract-studio .studio-live-action-divider{width:1px;height:22px;background:var(--sd-line);flex:none;margin:0 2px}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-quick-game-source{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:5px 9px;font-size:11px;border-radius:8px;color:var(--sd-muted)!important;background:var(--sd-soft)!important;border:1px solid var(--sd-line)!important;box-shadow:none!important}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-quick-game-source[data-output-state=active]{color:#82cfaa!important;background:#65be951c!important;border-color:#65be9560!important}
html[data-mode=light] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-quick-game-source[data-output-state=active]{color:#226b48!important;background:#39845b16!important;border-color:#39845b55!important}
body#tikinteract-studio .studio-quick-game-source:disabled{opacity:.5;cursor:default}
body#tikinteract-studio .studio-quick-game-source[data-output-state=active]::after{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}
body#tikinteract-studio .studio-quick-source-feedback{flex-basis:100%;font-size:12px;line-height:1.5;color:var(--sd-muted);margin:0}
body#tikinteract-studio .studio-source-confirm{width:380px;max-width:calc(100vw - 24px);border-radius:14px;border:1px solid var(--sd-line);background:var(--sd-bg);color:var(--sd-text)}
body#tikinteract-studio .studio-source-confirm h2{font-size:16px;line-height:1.5;margin:0 0 20px}
body#tikinteract-studio .studio-source-confirm .an-actions{display:flex;justify-content:flex-end;gap:8px}
body#tikinteract-studio .studio-source-dialog{max-width:min(560px,calc(100vw - 24px))}
body#tikinteract-studio #studio-live-connection-store[hidden]{display:none!important}
body#tikinteract-studio .studio-live-configuration{width:620px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;overflow:hidden;color:var(--sd-text);background:var(--sd-bg);border:1px solid var(--sd-line);border-radius:16px}
body#tikinteract-studio .studio-live-configuration>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--sd-line)}
body#tikinteract-studio .studio-live-configuration>header h2{font-size:16px;margin:0}
body#tikinteract-studio .studio-live-configuration>.an-dialog-body{max-height:calc(100dvh - 94px);overflow:auto;overscroll-behavior:contain;padding:16px 18px;scrollbar-width:thin;scrollbar-color:var(--sd-muted) transparent}
body#tikinteract-studio .studio-live-configuration .studio-live-configuration-source{margin-top:18px;padding-top:18px;border-top:1px solid var(--sd-line)}
body#tikinteract-studio .studio-live-configuration h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;color:var(--sd-text)}
body#tikinteract-studio .studio-live-configuration-source>h3 i{color:#809fda}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-live-configuration #studio-tiktok-connection{transition:none!important;position:static!important;display:block!important;width:auto!important;height:auto!important;max-height:none!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-live-configuration .studio-connect-heading{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:12px}
body#tikinteract-studio .studio-live-configuration .studio-connect-heading h3{margin:0;font-size:14px!important;font-weight:600!important;color:var(--sd-text)!important}
body#tikinteract-studio .studio-live-configuration .studio-connection::before,body#tikinteract-studio .studio-live-configuration .studio-connection::after{display:none!important}
body#tikinteract-studio .studio-live-configuration [data-live-connection-icon]{color:#66bda7}
body#tikinteract-studio .studio-live-configuration .studio-connect-options{display:none!important}
body#tikinteract-studio .studio-live-configuration .compact-connect-row{display:flex;gap:8px;align-items:center}
body#tikinteract-studio .studio-live-configuration .compact-connect-row input{flex:1;min-width:0;margin:0}
body#tikinteract-studio .studio-live-configuration .compact-connect-row #btn-connect{width:auto;flex:0 0 auto;padding:10px 18px;font-size:12px;border-radius:9px}
body#tikinteract-studio .studio-live-configuration .an-actions{display:flex;gap:8px;flex-wrap:wrap}
body#tikinteract-studio .studio-live-configuration .an-dialog-body p{font-size:12px;line-height:1.6;overflow-wrap:anywhere}
body#tikinteract-studio .studio-live-configuration .studio-connect-heading::before,body#tikinteract-studio .studio-live-configuration-source>h3::before{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:8px;background:var(--sd-soft);color:var(--sd-muted);font:600 12px/1 system-ui;content:'1'}
body#tikinteract-studio .studio-live-configuration-source>h3::before{content:'2'}
body#tikinteract-studio .studio-live-configuration .studio-source-intro{color:var(--sd-muted);margin:0 0 14px}
body#tikinteract-studio .studio-live-configuration .studio-source-link-row{display:flex;gap:8px;align-items:stretch}
body#tikinteract-studio .studio-live-configuration .studio-source-link-row input{flex:1;min-width:0;margin:0;font-size:12px}
body#tikinteract-studio .studio-live-configuration .studio-source-link-row button{flex:none}
body#tikinteract-studio .studio-live-configuration .studio-source-size{margin:10px 0;color:var(--sd-muted)}
body#tikinteract-studio .studio-live-configuration .studio-source-help{margin-top:12px;border:1px solid var(--sd-line);border-radius:9px;padding:10px 12px;background:var(--sd-soft)}
body#tikinteract-studio .studio-live-configuration .studio-source-help summary{cursor:pointer;font-size:12px;font-weight:500;line-height:1.5;padding:0;min-height:0}
body#tikinteract-studio .studio-live-configuration .studio-source-help summary i{margin-right:7px;color:var(--sd-muted)}
body#tikinteract-studio .studio-live-configuration .studio-source-help li{font-size:12px;line-height:1.65;margin:8px 0}
body#tikinteract-studio .studio-live-configuration .studio-source-main-actions{margin:12px 0}
@media(max-width:480px){body#tikinteract-studio .studio-live-configuration>.an-dialog-body{padding:14px}body#tikinteract-studio .studio-live-configuration .compact-connect-row{flex-wrap:wrap}body#tikinteract-studio .studio-live-configuration .compact-connect-row #btn-connect{flex:1}body#tikinteract-studio .studio-live-configuration .studio-source-main-actions .an-button{flex:1 1 auto}}
body#tikinteract-studio .studio-source-dialog label{display:grid;gap:6px;margin:12px 0}
body#tikinteract-studio .studio-source-dialog input,body#tikinteract-studio .studio-source-dialog select{max-width:100%;width:100%}
body#tikinteract-studio .studio-source-dialog ol{padding-left:22px;line-height:1.7}
body#tikinteract-studio .studio-source-dialog .studio-output-cursor{display:flex;align-items:center;gap:9px}
body#tikinteract-studio .studio-source-dialog .studio-output-cursor input{width:16px;height:16px;flex:0 0 16px}
body#tikinteract-studio .studio-source-dialog [data-source-close]{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;padding:0;border:0;border-radius:50%;color:inherit;background:transparent;opacity:.7;cursor:pointer}
body#tikinteract-studio .studio-source-dialog [data-source-close]:hover{opacity:1;background:color-mix(in srgb,currentColor 8%,transparent)}
body#tikinteract-studio .studio-source-dialog [data-source-close]:focus-visible{outline:2px solid currentColor;outline-offset:2px}
body#tikinteract-studio .an-dialog label[hidden]{display:none!important}
/* The event log is one window; its inner list must not paint only half of it. */
html[data-mode] body#tikinteract-studio.studio-app.studio-modern #view-live #live-studio-panel [data-layout-panel=feed]{background:var(--sd-panel,var(--studio-panel))!important;color:var(--sd-text,var(--studio-ink));border:1px solid var(--sd-line,var(--studio-line))!important;border-radius:14px;box-shadow:var(--studio-window-shadow);overflow:hidden!important;padding:0!important}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern #view-live #live-studio-panel [data-layout-panel=feed][data-widget-enabled=true]:not([hidden]){display:flex!important;flex-direction:column}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern #view-live #live-studio-panel [data-layout-panel=feed]>.feed-box{flex:1;min-height:0;max-height:none;width:100%;padding:12px 14px;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern #view-live #live-studio-panel [data-layout-panel=feed] .feed-header{flex:none;font-size:12px;font-weight:400;color:var(--sd-muted);margin-bottom:10px}
