/* Studio editor helpers only; never mounted in a game or OBS capture target. */
body#tikinteract-studio{--studio-guide-dot:#bfcbd52c;--studio-guide-line:#afcabb;--studio-guide-soft:#9cb7a115}
html[data-mode=light] body#tikinteract-studio{--studio-guide-dot:#35483d27;--studio-guide-line:#507460;--studio-guide-soft:#77938412}
body#tikinteract-studio .studio-workspace.studio-guides-active{background-image:radial-gradient(circle,var(--studio-guide-dot) 1px,transparent 1.3px)!important;background-size:16px 16px!important;background-position:0 0}
body#tikinteract-studio .studio-workspace.sle-edit:not(.studio-guides-active){background-image:none!important}
body#tikinteract-studio .studio-layout-guide-overlay{position:fixed;inset:0;z-index:8500;pointer-events:none;overflow:hidden;contain:strict}
body#tikinteract-studio .studio-layout-guide-overlay[hidden],body#tikinteract-studio .studio-layout-guide-line[hidden]{display:none!important}
body#tikinteract-studio .studio-layout-guide-line{position:absolute;background:var(--studio-guide-line);opacity:.85;pointer-events:none}
body#tikinteract-studio .studio-layout-guide-line::before,body#tikinteract-studio .studio-layout-guide-line::after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:var(--studio-guide-line);left:-2px;top:-2px}
body#tikinteract-studio .studio-layout-guide-line[data-axis=x]::after{top:auto;bottom:-2px}
body#tikinteract-studio .studio-layout-guide-line[data-axis=y]::after{left:auto;right:-2px}
/* Compact STREAM picker with a small persistent utility footer. */
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-stream-selector{display:flex;flex-direction:column;width:min(340px,calc(100vw - 24px))!important;overflow:hidden!important}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-stream-selector>header{gap:5px!important;min-height:46px;padding:9px 12px}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-stream-selector>header>.widget-title-identity{order:0;flex:1;min-width:0;gap:7px}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-stream-selector>header h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px!important}
body#tikinteract-studio .studio-stream-footer{position:relative;flex:none;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:9px 12px;border-top:1px solid var(--sd-line);background:var(--sd-bg);border-radius:0 0 16px 16px}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-stream-footer>[data-widget-layout]{display:flex;align-items:center;gap:6px;width:auto!important;min-width:0;min-height:30px;height:30px;padding:5px 9px;margin:0!important;border:1px solid var(--sd-line)!important;border-radius:7px;background:var(--sd-soft)!important;color:var(--sd-text)!important;box-shadow:none!important;font:500 11px/1.3 Inter,system-ui,sans-serif}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-stream-footer>[data-widget-guides]{display:grid;place-items:center;flex:none;width:32px!important;min-width:32px;min-height:32px;height:32px;padding:0;margin:0 0 0 auto!important;border:1px solid transparent!important;border-radius:8px;background:transparent!important;color:var(--sd-muted)!important;box-shadow:none!important;cursor:pointer}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-stream-footer>[data-widget-guides][aria-checked=true]{color:#74bd99!important;background:#74bd991a!important;border-color:#74bd9938!important}
html[data-mode=light] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-stream-footer>[data-widget-guides][aria-checked=true]{color:#287450!important;background:#28745012!important;border-color:#28745030!important}
body#tikinteract-studio [data-widget-guides] svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-stream-selector [data-widget-toggle-all]{display:flex;align-items:center;justify-content:center;gap:8px;grid-column:1/-1;min-height:34px;margin:0 0 3px;padding:6px 10px;border:1px solid var(--sd-line);border-radius:7px;background:var(--sd-soft);color:var(--sd-text);font-size:11.5px;box-shadow:none;cursor:pointer}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-stream-selector>header>[data-stream-layout-help]{order:1;display:grid;place-items:center;flex:none;width:26px;height:28px;min-width:26px;min-height:28px;padding:4px;margin:0!important;border:0!important;border-radius:50%;background:transparent!important;box-shadow:none!important;color:var(--sd-muted)!important;cursor:pointer}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-stream-selector>header>button:not([data-stream-layout-help]):not([data-widget-guides]):not([data-widget-layout]){order:2;margin-left:0}
body#tikinteract-studio [data-stream-layout-help] svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
body#tikinteract-studio [data-stream-layout-help][aria-expanded=true]{color:var(--sd-text)!important}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-stream-selector>header{position:relative;top:auto;flex:none}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-stream-selector [data-widget-options]{flex:1 1 auto;min-height:0;overflow:auto;align-content:start;gap:6px;padding:12px}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-stream-selector [data-widget-options]>p{font-size:12px;line-height:1.5;margin:0 0 6px}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-stream-selector .widget-panel-toggle{min-height:42px;padding:7px 9px;gap:8px;border-radius:7px;font-size:11.5px;line-height:1.35}
body#tikinteract-studio .studio-stream-selector .widget-panel-dot{width:8px;height:8px}
body#tikinteract-studio .studio-stream-workspace-picker{grid-column:1/-1;display:flex;align-items:flex-end;flex-wrap:wrap;gap:7px;margin:0 0 5px;min-width:0}
body#tikinteract-studio .studio-stream-workspace-picker>label{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0;color:var(--sd-muted);font:500 11px/1.4 Inter,system-ui,sans-serif}
html[data-mode] body#tikinteract-studio .studio-stream-workspace-picker select{width:100%;min-width:0;height:34px;padding:5px 25px 5px 9px;border:1px solid var(--sd-line);border-radius:7px;background-color:var(--sd-soft);color:var(--sd-text);font:500 11.5px/1.4 Inter,system-ui,sans-serif;box-shadow:none}
html[data-mode] body#tikinteract-studio .studio-stream-workspace-picker>button{display:flex;align-items:center;justify-content:center;gap:6px;flex:none;width:auto;min-height:34px;height:34px;margin:0;padding:6px 9px;border:1px solid var(--sd-line);border-radius:7px;background:var(--sd-soft);color:var(--sd-text);font:500 11px/1.4 Inter,system-ui,sans-serif;box-shadow:none;cursor:pointer}
body#tikinteract-studio .studio-stream-workspace-picker :disabled{opacity:.5;cursor:default}
body#tikinteract-studio .studio-stream-workspace-picker>small{flex-basis:100%;color:var(--sd-muted);font:400 11px/1.4 Inter,system-ui,sans-serif}
body#tikinteract-studio .studio-stream-workspace-picker>small:empty{display:none}
@media(max-width:700px){html[data-mode] body#tikinteract-studio .studio-stream-workspace-picker select,html[data-mode] body#tikinteract-studio .studio-stream-workspace-picker>button{height:40px;min-height:40px}}
@media(max-width:700px){html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-stream-selector .widget-panel-toggle{min-height:44px}html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-stream-selector>header{padding-inline:10px;gap:4px}}
body#tikinteract-studio .studio-stream-layout-help{flex:0 1 auto;min-height:0;overflow:auto;padding:14px 16px;border-bottom:1px solid var(--sd-line);background:var(--sd-bg)}
body#tikinteract-studio .studio-stream-layout-help[hidden]{display:none!important}
body#tikinteract-studio .studio-stream-layout-help h3{font:600 13px/1.5 Inter,system-ui,sans-serif;color:var(--sd-text);margin:12px 0 8px}
body#tikinteract-studio .studio-stream-layout-help ol{padding-left:18px;margin:0;font:400 12px/1.7 Inter,system-ui,sans-serif;color:var(--sd-muted)}
body#tikinteract-studio .studio-stream-layout-help li+li{margin-top:6px}
body#tikinteract-studio .studio-stream-help-note{font:400 11px/1.5 Inter,system-ui,sans-serif;color:var(--sd-muted);margin:9px 0 0}
body#tikinteract-studio .studio-stream-help-demo{--demo-cycle:10s;position:relative;height:139px;border:1px solid var(--sd-line);border-radius:8px;background:var(--sd-soft);overflow:hidden}
body#tikinteract-studio .help-demo-caption{position:absolute;left:10px;top:10px;font:500 10px/1.4 Inter,system-ui,sans-serif;color:var(--sd-muted)}
body#tikinteract-studio .help-demo-assist{position:absolute;right:10px;top:8px;width:50px;height:20px;border:1px solid var(--sd-line);border-radius:20px;background:var(--sd-panel);animation:studio-help-assist var(--demo-cycle) infinite}
body#tikinteract-studio .help-demo-assist>b{position:absolute;top:4px;font:650 8px/1.2 Inter,system-ui,sans-serif;color:var(--sd-muted)}
body#tikinteract-studio .help-demo-assist>.help-demo-off{right:6px}
body#tikinteract-studio .help-demo-assist>.help-demo-on{left:6px;color:var(--sd-text)}
body#tikinteract-studio .help-demo-assist>i{position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--sd-muted);animation:studio-help-thumb var(--demo-cycle) infinite}
body#tikinteract-studio .help-demo-grid{position:absolute;inset:32px 0 23px;background-image:radial-gradient(circle,var(--studio-guide-dot) 1px,transparent 1.3px);background-size:12px 12px;animation:studio-help-on var(--demo-cycle) infinite}
body#tikinteract-studio .help-demo-alignment{position:absolute;left:31px;width:154px;height:1px;background:var(--studio-guide-line);z-index:2}
body#tikinteract-studio .help-demo-alignment-top{top:40px;animation:studio-help-top var(--demo-cycle) infinite}
body#tikinteract-studio .help-demo-alignment-bottom{top:104px;animation:studio-help-bottom var(--demo-cycle) infinite}
body#tikinteract-studio .help-demo-card{position:absolute;border:1px solid var(--sd-line);border-radius:5px;background:var(--sd-panel);width:64px;height:64px;top:40px;z-index:1}
body#tikinteract-studio .help-demo-card::before{content:'';position:absolute;inset:0 0 auto;height:11px;border-bottom:1px solid var(--sd-line);background:var(--studio-guide-soft)}
body#tikinteract-studio .help-demo-card-static{left:40px}
body#tikinteract-studio .help-demo-card-moving{left:124px;top:55px;height:44px;animation:studio-help-panel var(--demo-cycle) infinite}
body#tikinteract-studio .help-demo-card-moving i{position:absolute;right:3px;bottom:3px;width:7px;height:7px;border-right:1px solid var(--studio-guide-line);border-bottom:1px solid var(--studio-guide-line)}
body#tikinteract-studio .help-demo-pointer{position:absolute;left:150px;top:60px;width:9px;height:12px;background:var(--sd-text);clip-path:polygon(0 0,100% 65%,52% 67%,28% 100%);z-index:3;animation:studio-help-pointer var(--demo-cycle) infinite}
body#tikinteract-studio .help-demo-explanation{position:absolute;inset:auto 8px 6px;display:grid;text-align:center;font:500 10px/1.4 Inter,system-ui,sans-serif;color:var(--sd-muted)}
body#tikinteract-studio .help-demo-explanation>span{grid-area:1/1}
body#tikinteract-studio .help-demo-off{animation:studio-help-off var(--demo-cycle) infinite}
body#tikinteract-studio .help-demo-on{animation:studio-help-on var(--demo-cycle) infinite}
@keyframes studio-help-off{0%,38%,98%,100%{opacity:1}42%,94%{opacity:0}}
@keyframes studio-help-on{0%,38%,98%,100%{opacity:0}42%,94%{opacity:1}}
@keyframes studio-help-assist{0%,38%,98%,100%{background:var(--sd-panel)}42%,94%{background:var(--studio-guide-soft)}}
@keyframes studio-help-thumb{0%,38%,98%,100%{left:3px;background:var(--sd-muted)}42%,94%{left:33px;background:#79b69a}}
@keyframes studio-help-top{0%,50%,98%,100%{opacity:0}58%,94%{opacity:.9}}
@keyframes studio-help-bottom{0%,69%,98%,100%{opacity:0}76%,94%{opacity:.9}}
@keyframes studio-help-panel{0%,100%{left:124px;top:55px;height:44px}18%{left:144px;top:47px;height:44px}33%,45%{left:134px;top:54px;height:44px}58%,65%{left:112px;top:40px;height:44px}76%,94%{left:112px;top:40px;height:64px}}
@keyframes studio-help-pointer{0%,100%{left:150px;top:60px}18%{left:170px;top:52px}30%{left:160px;top:59px}36%,42%{left:calc(100% - 34px);top:16px}48%{left:160px;top:59px}58%{left:138px;top:45px}65%{left:171px;top:79px}76%,94%{left:171px;top:99px}}
@media(prefers-reduced-motion:reduce){body#tikinteract-studio .studio-stream-help-demo *{animation:none!important}body#tikinteract-studio .help-demo-off{opacity:0}body#tikinteract-studio .help-demo-on,body#tikinteract-studio .help-demo-alignment,body#tikinteract-studio .help-demo-grid{opacity:1}body#tikinteract-studio .help-demo-assist>i{left:33px;background:#79b69a}body#tikinteract-studio .help-demo-card-moving{left:112px;top:40px;height:64px}body#tikinteract-studio .help-demo-pointer{left:171px;top:99px}}
