/* Compact dock, logo-only minimization and touch-sized window controls. */
body#tikinteract-studio .studio-utilities-collapse{display:grid;place-items:center;width:24px;height:30px;min-width:24px;padding:4px;border:0;background:transparent;color:var(--sd-muted);cursor:pointer}
body#tikinteract-studio .studio-utilities-collapse svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body#tikinteract-studio #studio-dock-utilities .header-account-actions>:is(#studio-user-menu-wrap,#studio-account-avatar){order:90}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop #studio-dock-utilities[data-utilities-collapsed=true] .studio-topbar-grip{display:grid;place-items:center}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop #studio-dock-utilities[data-utilities-collapsed=true] .header-account-actions>:not(.studio-credit-balance):not(#studio-user-menu-wrap):not(#studio-account-avatar){display:none!important}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop :is(.studio-widget-window,.studio-widget-config,#studio-user-dialog[open]){resize:none!important;clip-path:inset(0 round 17px);border-radius:17px!important}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-app-rail>.studio-dock-collapse{position:absolute;right:-7px;top:-7px;z-index:3;display:grid;place-items:center;width:24px;height:24px;min-height:24px;padding:4px;border:1px solid var(--sd-line);border-radius:50%;background:var(--sd-panel);color:var(--sd-text);cursor:pointer;touch-action:manipulation}
body#tikinteract-studio .studio-dock-collapse svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-app-rail[data-collapsed=true]>.studio-dock-collapse{top:auto;bottom:3px;right:50%;transform:translateX(50%);width:28px;height:24px;border:0;background:transparent;box-shadow:none}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-app-rail[data-collapsed=true]{width:64px!important;min-height:0!important;height:82px!important;gap:0!important;padding:7px!important;border-radius:16px!important}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-app-rail[data-collapsed=true]>:not(.studio-dock-handle):not(.studio-dock-collapse){display:none!important}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-app-rail[data-collapsed=true] .cp-rail-brand{width:100%!important;height:44px!important;min-height:44px!important}
body#tikinteract-studio .studio-window-resize{position:fixed;display:flex;align-items:flex-end;justify-content:flex-end;width:24px;height:24px;min-height:24px;padding:2px;border:0;border-radius:0;background:transparent!important;box-shadow:none!important;color:var(--sd-muted);cursor:nwse-resize;touch-action:none!important;z-index:8;transform:none!important;transition:color .15s ease,opacity .15s ease!important}
body#tikinteract-studio .studio-window-resize[hidden]{display:none!important}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop :is(.studio-widget-window,.studio-widget-config,#studio-user-dialog[open]){overflow-x:hidden!important}
body#tikinteract-studio .studio-window-resize svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;opacity:.7}
body#tikinteract-studio .studio-window-resize:is(:hover,:active) svg{opacity:1}
body#tikinteract-studio .studio-window-resize[data-resize-corner=nw]{align-items:flex-start;justify-content:flex-start;clip-path:polygon(0 0,100% 0,0 100%)}
body#tikinteract-studio .studio-window-resize[data-resize-corner=ne]{align-items:flex-start;justify-content:flex-end;cursor:nesw-resize;clip-path:polygon(0 0,100% 0,100% 100%)}
body#tikinteract-studio .studio-window-resize[data-resize-corner=sw]{align-items:flex-end;justify-content:flex-start;cursor:nesw-resize;clip-path:polygon(0 0,100% 100%,0 100%)}
body#tikinteract-studio .studio-window-resize[data-resize-corner=nw] svg{rotate:180deg}
body#tikinteract-studio .studio-window-resize[data-resize-corner=ne] svg{rotate:-90deg}
body#tikinteract-studio .studio-window-resize[data-resize-corner=sw] svg{rotate:90deg}
/* Floating menus do not reserve a strip inside the STREAM canvas. */
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop #view-live #live-studio-panel .studio-workspace.sle-custom{width:var(--sle-viewport-width,100vw)!important;max-width:none!important;margin-left:calc(-1 * var(--sle-viewport-left,0px))!important;margin-right:0!important;padding-inline:0!important}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop :is(.studio-widget-window,.studio-widget-config,#studio-user-dialog[open]){max-width:100vw!important;max-height:100dvh!important}
@media(max-width:700px){
 html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-app-rail{width:52px!important;padding:8px 4px!important;gap:5px!important}
 html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-app-rail :is(.studio-app-nav button,.studio-ai-nav button,.sw-rail-footer button,.studio-workspace-switch button)>span{display:none!important}
 html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-app-rail :is(.studio-app-nav button,.studio-ai-nav button,.sw-rail-footer button){min-height:42px!important;padding:8px 0!important;gap:0!important}
 html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-app-rail :is(.studio-app-nav,#studio-ai-nav){gap:4px!important}
 html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-workspace-switch{margin:6px 0 10px!important;padding-bottom:10px}
 html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .sw-rail-footer{padding-top:8px!important;margin-top:8px!important}
 html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-app-rail[data-collapsed=true]{width:52px!important;height:74px!important;padding:4px!important}
 html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop #view-live .studio-widget-window{max-width:calc(100vw - 16px)!important;min-width:200px;max-height:calc(100dvh - 82px);resize:none}
 html[data-mode] body#tikinteract-studio.studio-widget-desktop #studio-user-dialog[open]{max-width:calc(100vw - 16px);min-width:200px;max-height:calc(100dvh - 82px);resize:none}
 html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop #view-live .studio-widget-title{gap:8px!important;padding-left:12px!important;padding-right:12px!important}
 body#tikinteract-studio .widget-title-identity{min-width:0;flex:1}
 html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-widget-title h2{font-size:13px!important;white-space:normal}
 body#tikinteract-studio .widget-title-grip{display:none}
 body#tikinteract-studio .studio-window-resize{width:28px;height:28px;min-height:28px}
 body#tikinteract-studio #studio-back-to-site span{display:none}
 body#tikinteract-studio #studio-back-to-site{min-width:32px;min-height:32px;justify-content:center}
}
/* Shared window details: friendly headings, quiet scrollbars and flat close icons. */
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-widget-config>header{background:var(--sd-panel)!important;color:var(--sd-text);min-height:54px;padding:12px 16px;border-bottom:1px solid var(--sd-line)!important}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-widget-config h2{color:var(--sd-text)!important;font:600 14px/1.4 Inter,sans-serif}
body#tikinteract-studio .widget-section-intro{margin:0 0 18px;color:var(--sd-muted);font:400 12px/1.65 Inter,sans-serif}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop #studio-animations-panel.studio-widget-window>.an-heading>div:first-child{display:none}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop :is(.widget-title-close,.studio-widget-config>header>button,[data-sw-close]){display:grid;place-items:center;flex:none;width:28px;height:28px;min-width:28px;min-height:28px;padding:3px;border:0!important;border-radius:50%;background:transparent!important;box-shadow:none!important;filter:none!important;color:var(--sd-muted)!important;font:300 20px/1 Inter,sans-serif;cursor:pointer;transition:color .15s ease,opacity .15s ease}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop :is(.widget-title-close,.studio-widget-config>header>button,[data-sw-close]):hover{color:var(--sd-text)!important;opacity:.8;background:transparent!important;box-shadow:none!important}
body#tikinteract-studio [data-sw-close] svg{width:17px;height:17px;stroke-width:1.5}
body#tikinteract-studio.studio-widget-desktop :is(.studio-widget-window,.studio-widget-config,.sw-window-content,.studio-dock-scroll){scrollbar-width:thin;scrollbar-color:#8295b955 transparent;overscroll-behavior:contain}
body#tikinteract-studio.studio-widget-desktop :is(.studio-widget-window,.studio-widget-config,.sw-window-content,.studio-dock-scroll)::-webkit-scrollbar{width:4px;height:4px}
body#tikinteract-studio.studio-widget-desktop :is(.studio-widget-window,.studio-widget-config)::-webkit-scrollbar-track{background:transparent;margin-block:58px var(--window-scroll-end,34px)}
body#tikinteract-studio.studio-widget-desktop :is(.sw-window-content,.studio-dock-scroll)::-webkit-scrollbar-track{background:transparent;margin-block:12px 20px}
body#tikinteract-studio.studio-widget-desktop :is(.studio-widget-window,.studio-widget-config,.sw-window-content,.studio-dock-scroll)::-webkit-scrollbar-thumb{border:1px solid transparent;border-radius:10px;background:#8295b955;background-clip:padding-box}
body#tikinteract-studio.studio-widget-desktop :is(.studio-widget-window,.studio-widget-config,.sw-window-content,.studio-dock-scroll)::-webkit-scrollbar-button{display:none;width:0;height:0}
body#tikinteract-studio.studio-widget-desktop :is(.studio-widget-window,.studio-widget-config,.sw-window-content,.studio-dock-scroll)::-webkit-scrollbar-corner{background:transparent}
@supports selector(::-webkit-scrollbar){body#tikinteract-studio.studio-widget-desktop :is(.studio-widget-window,.studio-widget-config,.sw-window-content,.studio-dock-scroll){scrollbar-width:auto}}
/* The dock no longer carries a logo; its small grip remains usable minimized. */
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-app-rail>.studio-dock-handle{display:grid!important;place-items:center;min-height:24px;height:24px;padding:3px;background:transparent;box-shadow:none;color:var(--sd-muted);font-size:12px}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-app-rail[data-collapsed=true]{height:62px!important;padding:5px!important}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-app-rail[data-collapsed=true]>.studio-dock-handle{display:grid!important}
body#tikinteract-studio .studio-page-signature{position:fixed;right:18px;bottom:14px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:3px;padding:0;background:transparent;border:0;box-shadow:none;pointer-events:none;--brand-size:20px}
body#tikinteract-studio .studio-signature-caption{color:#f4f4f7;font:650 7px/1.3 Inter,system-ui,sans-serif;letter-spacing:2px;text-indent:2px;filter:drop-shadow(0 1px 1px #000c)}
html[data-mode=light] body#tikinteract-studio .studio-signature-caption{color:#101014;filter:none}
body#tikinteract-studio .studio-page-signature .ti-brand-name{filter:drop-shadow(0 1px 1px #000c) drop-shadow(0 0 1px #000a)}
html[data-mode=light] body#tikinteract-studio .studio-page-signature .ti-brand-name{filter:none}
@media(max-width:700px){body#tikinteract-studio .studio-page-signature{right:10px;bottom:10px;--brand-size:16px}}
/* Softer elevation than the two global docks, shared by Studio windows. */
body#tikinteract-studio .studio-window-moving{will-change:transform;transition:none!important}
html[data-mode=dark] body#tikinteract-studio{--studio-window-shadow:0 7px 24px #0004,0 1px 3px #0003}
html[data-mode=light] body#tikinteract-studio{--studio-window-shadow:0 6px 20px #1621361c,0 1px 3px #16213612}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop #view-live #live-studio-panel [data-layout-panel][data-widget-enabled=true],html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop :is(.studio-widget-window,.studio-widget-config,#studio-user-dialog[open],.an-dialog[open]){box-shadow:var(--studio-window-shadow)!important}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop :is(.studio-widget-window,.studio-widget-config,#studio-user-dialog[open]){clip-path:none!important}
body#tikinteract-studio .an-workspace-skeleton{display:grid;grid-template-columns:2fr 1fr;gap:14px;min-height:260px;opacity:.35}
body#tikinteract-studio .an-workspace-skeleton>div{min-height:110px;background:var(--sd-soft);border-radius:12px}
body#tikinteract-studio .an-workspace-skeleton>div:first-child{grid-row:span 2}
body#tikinteract-studio .studio-layout-manager-body{padding:18px;display:grid;gap:12px;font:400 12px/1.6 Inter,system-ui,sans-serif}
body#tikinteract-studio .studio-layout-manager-body p{margin:0;color:var(--sd-muted)}
body#tikinteract-studio .studio-layout-manager-body label{display:grid;gap:6px;color:var(--sd-text)}
body#tikinteract-studio .studio-layout-manager-body :is(select,button){min-height:36px;width:100%;padding:8px 10px;border:1px solid var(--sd-line);border-radius:8px;background:var(--sd-soft);color:var(--sd-text);font:500 12px/1.4 Inter,system-ui,sans-serif}
body#tikinteract-studio .studio-layout-manager-body button{cursor:pointer}body#tikinteract-studio .studio-layout-manager-body button:disabled{opacity:.5;cursor:default}
body#tikinteract-studio .studio-layout-manager-body [data-layout-save]{background:var(--sd-selection)}
body#tikinteract-studio .studio-layout-manager-body [hidden]{display:none!important}
body#tikinteract-studio #studio-tour-tooltip{width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:var(--sd-panel);color:var(--sd-text);border:1px solid var(--sd-line);border-radius:14px;box-shadow:var(--studio-window-shadow);padding:18px}
body#tikinteract-studio #studio-tour-title{font-size:17px;color:var(--sd-text)}body#tikinteract-studio #studio-tour-description{font-size:13px;line-height:1.65;color:var(--sd-muted)}
body#tikinteract-studio #studio-tour-tooltip .studio-help-close{background:transparent;box-shadow:none;border:0;color:var(--sd-muted)}
body#tikinteract-studio #studio-tour-highlight{border:1px solid var(--sd-accent);border-radius:12px;box-shadow:none}
body#tikinteract-studio #studio-help-dialog.studio-tour-dialog{background:transparent!important;backdrop-filter:none!important;filter:none!important}
body#tikinteract-studio #studio-help-dialog::backdrop{background:transparent!important;backdrop-filter:none!important}
body#tikinteract-studio #studio-help-dialog .studio-tour-shade{background:#080b121f!important;backdrop-filter:none!important}
html[data-mode=light] body#tikinteract-studio #studio-help-dialog .studio-tour-shade{background:#18223a0c!important}
body#tikinteract-studio #studio-tour-highlight{background:transparent!important;backdrop-filter:none!important}
body#tikinteract-studio #studio-tour-tooltip .studio-tour-navigation button{background:var(--sd-soft);color:var(--sd-text);border-color:var(--sd-line)}
body#tikinteract-studio #studio-tour-tooltip #studio-tour-next{background:var(--sd-selection);color:var(--sd-text)}
body#tikinteract-studio #studio-tour-tooltip :is(.section-kicker,#studio-tour-progress){color:var(--sd-muted)}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-widget-config [data-widget-layout]{display:flex;align-items:center;justify-content:center;gap:9px;min-height:38px;padding:10px 12px;border:1px solid var(--sd-line)!important;border-radius:8px;background:var(--layout-button-bg)!important;color:var(--sd-text)!important;font:600 12px/1.4 Inter,system-ui,sans-serif;box-shadow:none!important;text-shadow:none;filter:none}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop .studio-widget-config [data-widget-layout]:hover{background:var(--layout-button-hover)!important}
body#tikinteract-studio [data-widget-layout]>i{color:var(--sd-muted)}

html[data-mode=dark] body#tikinteract-studio{--layout-button-bg:#ffffff0c;--layout-button-hover:#ffffff14}
html[data-mode=light] body#tikinteract-studio{--layout-button-bg:#00000006;--layout-button-hover:#0000000c}

/* Default topbar position; saved inline coordinates take precedence after dragging. */
html[data-mode] body#tikinteract-studio.studio-app.studio-modern.studio-widget-desktop #studio-dock-utilities{top:0!important;right:0!important}

body#tikinteract-studio .studio-dock-handle .studio-collapsed-panel-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:var(--sd-text)}
body#tikinteract-studio .studio-interface-icon{flex:none;width:16px;height:16px;color:var(--sd-accent)}
body#tikinteract-studio .sle-animation-feedback{margin:10px 0;font:500 12px/1.55 Inter,sans-serif;color:var(--sd-text);overflow-wrap:anywhere}
body#tikinteract-studio .sle-animation-feedback.is-error{color:var(--sd-danger,#d66c77)}

/* Favorite sounds keep compact tiles instead of stretching with the window. */
html[data-mode] body#tikinteract-studio.studio-app.studio-modern #view-live #live-studio-panel .studio-audio #live-favorite-sounds{grid-template-columns:repeat(auto-fill,76px)!important;grid-auto-rows:76px;grid-auto-flow:row!important;gap:8px!important;justify-content:start;align-content:start}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern #view-live #live-studio-panel #live-favorite-sounds>.live-favorite-card{width:76px!important;height:76px!important;min-height:0!important;max-width:100%;padding:4px;aspect-ratio:1}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern #view-live #live-studio-panel #live-favorite-sounds .live-favorite-icon{font-size:19px}
html[data-mode] body#tikinteract-studio.studio-app.studio-modern #view-live #live-studio-panel #live-favorite-sounds .live-favorite-title{font-size:10px;line-height:1.2;white-space:normal;max-height:24px}
@media(max-width:700px){
 html[data-mode] body#tikinteract-studio.studio-app.studio-modern #view-live #live-studio-panel .studio-audio #live-favorite-sounds{grid-template-columns:repeat(auto-fill,72px)!important;grid-auto-rows:72px}
 html[data-mode] body#tikinteract-studio.studio-app.studio-modern #view-live #live-studio-panel #live-favorite-sounds>.live-favorite-card{width:72px!important;height:72px!important}
}

/* DEFAULT follows the reference on desktop and becomes a scrollable stack on phones. */
html[data-mode] body#tikinteract-studio.studio-app.studio-modern #view-live #live-studio-panel .studio-workspace.sle-custom.sle-default-preset{position:fixed!important;inset:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;min-height:0!important;margin:0!important;padding:0!important;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--sd-line) transparent}
body#tikinteract-studio .sle-default-preset::-webkit-scrollbar{width:6px}
body#tikinteract-studio .sle-default-preset::-webkit-scrollbar-track{background:transparent;margin-block:8px}
body#tikinteract-studio .sle-default-preset::-webkit-scrollbar-thumb{background:var(--sd-line);border-radius:8px}
body#tikinteract-studio.studio-app.studio-modern .studio-palettes .sd-palette-options>button{min-height:76px}
body#tikinteract-studio .sd-palette-options .sd-palette-preview{height:34px}
@media(max-width:1199px){
 html[data-mode] body#tikinteract-studio.studio-app.studio-modern #view-live #live-studio-panel .studio-workspace.sle-custom{position:fixed!important;inset:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;margin:0!important;padding:0!important;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--sd-line) transparent;touch-action:pan-y}
 html[data-mode] body#tikinteract-studio.studio-app.studio-modern #view-live #live-studio-panel .studio-workspace.sle-custom [data-layout-panel]{overscroll-behavior-y:auto!important;touch-action:pan-y}
}