/* Workspace manager and dock collapse controls, Studio only. */
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop #studio-layout-manager{display:flex;flex-direction:column;overflow:hidden!important;width:min(360px,calc(100vw - 24px));background:var(--sd-bg)!important}
body#tikinteract-studio #studio-layout-manager[hidden]{display:none!important}
body#tikinteract-studio #studio-layout-manager>header{flex:none;gap:6px!important;min-height:48px}
body#tikinteract-studio #studio-layout-manager>header .widget-title-identity{flex:1;min-width:0}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop #studio-layout-manager>header>[data-profile-help]{order:1;margin-left:auto;display:grid;place-items:center;background:transparent!important;color:var(--sd-muted)!important;border:0!important;box-shadow:none!important;width:28px;height:28px;padding:4px;font-size:16px}
body#tikinteract-studio #studio-layout-manager>header>[data-layout-close]{order:2}
body#tikinteract-studio #studio-layout-manager .studio-layout-manager-body{display:block;flex:1;min-height:0;overflow:auto;padding:16px;font-size:12px;color:var(--sd-text)}
body#tikinteract-studio #studio-layout-manager [data-workspace-section]>p{margin:0 0 14px}
body#tikinteract-studio #studio-layout-manager label{display:grid;gap:7px;margin-bottom:12px;font-size:12px}
body#tikinteract-studio #studio-layout-manager :is(input,select){display:block;width:100%;min-width:0;min-height:38px;padding:8px 10px;border:1px solid var(--sd-line);border-radius:8px;background:var(--sd-soft);color:var(--sd-text);font:400 13px/1.4 Inter,system-ui,sans-serif}
body#tikinteract-studio #studio-layout-manager .profile-manager-actions{display:flex;gap:8px;margin-bottom:12px}
body#tikinteract-studio #studio-layout-manager .profile-manager-actions>button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;width:auto;min-height:36px}
body#tikinteract-studio #studio-layout-manager .profile-manager-primary{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--sd-selection)}
body#tikinteract-studio #studio-layout-manager .profile-manager-delete{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;background:transparent;color:var(--sd-muted)}
body#tikinteract-studio #studio-layout-manager small{display:block;color:var(--sd-muted);font-size:11px;line-height:1.5}
body#tikinteract-studio #studio-layout-manager [data-profile-primary-state]{margin:7px 0}
body#tikinteract-studio #studio-layout-manager .workspace-picker-row{display:flex;gap:7px;min-width:0}
body#tikinteract-studio #studio-layout-manager .workspace-picker-row>select{flex:1;width:0}
body#tikinteract-studio #studio-layout-manager .workspace-picker-row>button{flex:none;width:auto;padding-inline:11px}
body#tikinteract-studio #studio-layout-manager .workspace-quick-actions{display:flex;gap:7px;margin:9px 0}
body#tikinteract-studio #studio-layout-manager .workspace-quick-actions>button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;width:auto;min-height:34px;padding:7px}
body#tikinteract-studio #studio-layout-manager .workspace-create-inline{margin-top:16px;border-top:1px solid var(--sd-line);padding-top:14px}
body#tikinteract-studio #studio-layout-manager .workspace-create-inline label{margin-bottom:8px}
body#tikinteract-studio #studio-layout-manager .workspace-create-inline>button{width:100%;background:var(--sd-selection)}
body#tikinteract-studio #studio-layout-manager .workspace-delete-inline{padding:11px;margin:12px 0;border:1px solid var(--sd-line);border-radius:8px;background:var(--sd-soft)}
body#tikinteract-studio #studio-layout-manager .workspace-delete-inline>button{width:auto;margin:8px 5px 0 0;font-size:11px}
body#tikinteract-studio #studio-layout-manager [data-profile-auto]{margin-top:12px;line-height:1.5}
body#tikinteract-studio #studio-layout-manager .workspace-admin-link{display:flex;align-items:center;justify-content:center;gap:8px;min-height:28px;width:100%;margin-top:13px;padding:8px 0 0;border:0;border-top:1px solid var(--sd-line);border-radius:0;background:transparent;color:var(--sd-muted);font-size:11px}
body#tikinteract-studio #studio-admin-layout-manager{width:min(360px,calc(100vw - 24px));background:var(--sd-bg)!important}
body#tikinteract-studio #studio-admin-layout-manager [data-admin-layout-publish]{margin-top:14px}
body#tikinteract-studio .profile-workspace-guide{padding-bottom:13px;margin-bottom:14px;border-bottom:1px solid var(--sd-line)}
body#tikinteract-studio .profile-workspace-guide h3{font-size:13px;margin:0 0 4px;color:var(--sd-text)}
body#tikinteract-studio .profile-workspace-guide [data-tutorial-copy]{font-size:11px;line-height:1.5;margin-bottom:10px}
body#tikinteract-studio .workspace-tutorial-screen{position:relative;height:210px;border:1px solid var(--sd-line);border-radius:9px;background:var(--sd-soft);overflow:hidden;color:var(--sd-text);font:500 11px/1.4 Inter,system-ui,sans-serif}
body#tikinteract-studio .workspace-tutorial-top{display:flex;justify-content:space-between;padding:9px 10px;border-bottom:1px solid var(--sd-line);font-size:9px}
body#tikinteract-studio .workspace-tutorial-top small{font-size:9px!important;opacity:.7}
body#tikinteract-studio .workspace-tutorial-scene{position:relative;height:92px;padding:10px;background-image:radial-gradient(circle,var(--studio-guide-dot) 1px,transparent 1.3px);background-size:12px 12px}
body#tikinteract-studio .workspace-tutorial-panel{position:absolute;width:96px;height:58px;border:1px solid var(--sd-line);border-radius:6px;background:var(--sd-panel);overflow:hidden}
body#tikinteract-studio .workspace-tutorial-panel>b{display:block;padding:3px 6px;font-size:9px;font-weight:500;line-height:1.4;background:var(--sd-soft);border-bottom:1px solid var(--sd-line)}
body#tikinteract-studio .workspace-tutorial-panel>span{display:block;margin:10px 8px;width:60%;height:3px;background:var(--sd-line);box-shadow:0 7px 0 var(--sd-line)}
body#tikinteract-studio .workspace-tutorial-panel>i{position:absolute;right:3px;bottom:3px;width:7px;height:7px;border-right:1px solid var(--sd-muted);border-bottom:1px solid var(--sd-muted)}
body#tikinteract-studio .tutorial-panel-game{left:15px;top:15px}
body#tikinteract-studio .tutorial-panel-audio{left:126px;top:15px}
body#tikinteract-studio .workspace-tutorial-screen[data-step="0"] .tutorial-panel-audio{animation:workspace-tutorial-move 2.7s forwards}
body#tikinteract-studio .workspace-tutorial-form{display:flex;align-items:center;gap:8px;padding:5px 10px}
body#tikinteract-studio .tutorial-input-caption{display:block;padding:0 10px;font-size:9px!important;line-height:1.3;color:var(--sd-muted)}
body#tikinteract-studio .tutorial-typed-name{display:block;width:6ch;white-space:nowrap;overflow:hidden;border-right:1px solid var(--sd-muted);animation:workspace-tutorial-type 1.1s steps(6,end) forwards}
body#tikinteract-studio .tutorial-field{flex:1;padding:7px;border:1px solid var(--sd-line);border-radius:5px;background:var(--sd-panel);white-space:nowrap;overflow:hidden}
body#tikinteract-studio .tutorial-action{display:block;padding:7px 9px;background:var(--sd-selection);border:1px solid var(--sd-line);border-radius:5px}
body#tikinteract-studio .workspace-tutorial-screen:not([data-step="0"]) .tutorial-action{animation:workspace-tutorial-press 3s forwards}
body#tikinteract-studio .workspace-tutorial-pointer{position:absolute;width:10px;height:14px;right:34px;bottom:47px;background:var(--sd-text);clip-path:polygon(0 0,100% 65%,53% 68%,30% 100%);animation:workspace-tutorial-click 3s forwards}
body#tikinteract-studio .workspace-tutorial-screen[data-step="0"] .workspace-tutorial-pointer{left:155px;top:70px;animation:workspace-tutorial-drag 2.7s forwards}
body#tikinteract-studio .workspace-tutorial-result{position:absolute;bottom:7px;left:10px;font-size:10px!important;color:var(--sd-muted);animation:workspace-tutorial-result 3s forwards}
body#tikinteract-studio #studio-layout-manager .workspace-tutorial-nav{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:8px}
body#tikinteract-studio #studio-layout-manager .workspace-tutorial-nav button{width:27px;height:27px;min-height:27px;padding:3px;border:0;background:transparent;font-size:12px}
body#tikinteract-studio .workspace-tutorial-nav>span{font-size:10px;color:var(--sd-muted);min-width:30px;text-align:center}
body#tikinteract-studio .workspace-tutorial-screen[data-playing=false] *{animation-play-state:paused!important}
body#tikinteract-studio .workspace-tutorial-screen[data-playing=false] .workspace-tutorial-result{opacity:1!important;animation:none!important}
body#tikinteract-studio .workspace-tutorial-screen[data-playing=false] .tutorial-typed-name{width:6ch!important;animation:none!important;border-right:0}
@keyframes workspace-tutorial-move{0%,15%{left:180px;top:35px;height:50px}70%,100%{left:126px;top:15px;height:58px}}
@keyframes workspace-tutorial-drag{0%,15%{left:210px;top:72px}70%,100%{left:156px;top:52px}}
@keyframes workspace-tutorial-type{from{width:0}to{width:6ch}}
@keyframes workspace-tutorial-press{0%,40%,100%{box-shadow:none}55%,70%{box-shadow:0 0 0 2px var(--sd-accent)}}
@keyframes workspace-tutorial-click{0%,25%{transform:translate(18px,18px);opacity:0}45%,65%{transform:translate(0,0);opacity:1}80%,100%{opacity:0}}
@keyframes workspace-tutorial-result{0%,65%{opacity:0}80%,100%{opacity:1}}
@media(prefers-reduced-motion:reduce){body#tikinteract-studio .workspace-tutorial-screen *{animation:none!important}}
body#tikinteract-studio #studio-layout-manager .profile-manager-note{font-size:11px;margin:12px 0;line-height:1.6}
body#tikinteract-studio #studio-layout-manager [data-layout-feedback]{color:var(--sd-text);font-size:12px;line-height:1.6;margin-top:10px}
body#tikinteract-studio #studio-layout-manager [data-layout-feedback]:empty{display:none}
body#tikinteract-studio #studio-layout-manager [data-profile-admin]{border-top:1px solid var(--sd-line);padding-top:10px;font-size:11px;color:var(--sd-muted);margin-top:12px}
body#tikinteract-studio #studio-layout-manager summary{cursor:pointer;padding:5px 0}
body#tikinteract-studio #studio-layout-manager [data-profile-admin] button{margin-top:8px;font-size:11px}
body#tikinteract-studio #studio-layout-manager .profile-manager-sync{display:flex;align-items:center;gap:8px;margin-top:15px;border-top:1px solid var(--sd-line);padding-top:10px}
body#tikinteract-studio #studio-layout-manager .profile-manager-sync>button{width:auto;min-height:28px;padding:4px 6px;margin-left:auto;font-size:10px;border:0;background:transparent}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-app-rail:not([data-collapsed=true]){padding-bottom:33px!important}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-app-rail[data-collapsed]>.studio-dock-collapse{top:auto;bottom:4px;left:50%;right:auto;transform:translateX(-50%);width:28px;height:24px;min-height:24px;padding:3px;border:0;background:transparent;box-shadow:none}
@media(max-width:700px){body#tikinteract-studio #studio-layout-manager :is(input,select){font-size:16px}body#tikinteract-studio #studio-layout-manager .studio-layout-manager-body{padding:13px}}