/* The navigation keeps its existing 68px geometry; only its reverse face is new. */
.studio-tools{display:none;position:fixed;z-index:50;left:24px;bottom:24px;width:248px;height:58px;color:#fff;direction:rtl;pointer-events:none}
.studio-tools.is-enhanced{display:block}
.studio-tools[data-blocked]{visibility:hidden}
.studio-tools button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.studio-tools svg{width:19px;height:19px;flex-shrink:0;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.studio-tools button:focus-visible{outline:2px solid #a7c6ef;outline-offset:3px}
.dock-flip-card{position:relative;width:100%;height:100%;perspective:700px}
.studio-tools .nav.studio-dock,.dock-desktop-front,.dock-preferences-back{backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .42s cubic-bezier(.2,.8,.2,1)}
.dock-desktop-front,.dock-preferences-back{position:absolute;inset:0;margin:0;border:1px solid #ffffff16;border-radius:18px;background:#181b21;color:#fff;box-shadow:0 6px 20px #0000000d}
.dock-desktop-front{display:flex;align-items:center;justify-content:center;gap:10px;right:auto;width:156px;padding:0 14px;font-size:12px!important;transform:rotateX(0deg);pointer-events:auto}
.dock-desktop-front>svg:last-child{width:15px;margin-inline-start:auto}
.dock-preferences-toggle{display:none}
.dock-preferences-back{display:flex;align-items:center;gap:5px;padding:6px;transform:rotateX(-180deg);pointer-events:none}
.studio-tools.is-flipped .dock-desktop-front,.studio-tools.is-flipped .nav.studio-dock{transform:rotateX(180deg);pointer-events:none}
.studio-tools.is-flipped .dock-preferences-back{transform:rotateX(0deg);pointer-events:auto}
.studio-tools .dock-return,.studio-tools .studio-utility-button,.studio-tools .dock-appearance>button{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 9px;border:0;border-radius:12px;background:transparent;color:#e8e9ed;gap:7px;font-size:12px;line-height:1.3}
.studio-tools .dock-return:hover,.studio-tools .studio-utility-button:hover{background:#ffffff0d}
.dock-preferences-divider{width:1px;height:24px;background:#ffffff20;flex-shrink:0}
.studio-tools .studio-language{flex:1;min-width:0}
.studio-tools .studio-utility-button{width:100%;white-space:nowrap}
.dock-appearance{display:flex;align-items:center;gap:2px;border-radius:13px;background:#ffffff0b;padding:2px}
.studio-tools .dock-appearance>.dock-day{background:#f5f5f4;color:#202226;height:40px}
.studio-tools .dock-appearance>.theme-preview-toggle{flex-direction:column;gap:2px;padding:2px 6px;height:40px;min-width:44px}
.theme-preview-toggle>span{font-size:8px;color:#bdc0c8;line-height:1}
.studio-tools .studio-popover{position:absolute;z-index:3;top:auto;right:0;left:auto;bottom:calc(100% + 12px);width:248px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 160px - env(safe-area-inset-bottom,0px));overflow-y:auto;margin:0;padding:19px;border:1px solid #e7e7eb;border-radius:18px;background:#fff;color:#27282d;box-shadow:0 10px 35px #0000001a;text-align:right;font-size:12px;line-height:1.8}
.studio-tools .studio-popover{pointer-events:auto}
.studio-tools .studio-popover[hidden]{display:none}
.studio-tools .studio-popover h2{margin:0 0 12px;font-size:14px;color:#202126}
.studio-tools .language-panel ul{list-style:none;margin:0;padding:0}
.studio-tools .language-panel li,.studio-tools .language-panel li>button{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px;min-height:42px;margin:0;padding:4px 0;border:0;background:none;font-size:12px}
.studio-tools .language-panel li>button{color:#757780;cursor:default}
.studio-tools .language-panel li>button>span:last-child{font-size:10px}
.studio-tools .language-current{display:flex;align-items:center;gap:6px;font-size:10px;color:#457453}
.studio-tools .language-current svg{width:14px;height:14px;vertical-align:middle}
.studio-tools .language-panel p{margin:10px 0 0;border-top:1px solid #eee;padding-top:10px;font-size:10px;color:#777}
@media(max-width:760px){
  .studio-tools{left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));width:auto;height:68px}
  .studio-tools .nav.studio-dock{position:absolute;inset:0;width:100%;height:100%;margin:0;transform:rotateX(0deg);pointer-events:auto}
  .dock-desktop-front{display:none}
  .dock-preferences-toggle{position:absolute;z-index:2;right:7px;bottom:calc(100% + 3px);display:flex;align-items:center;gap:7px;min-height:44px;padding:0 9px;border:0;border-radius:12px;background:#ffffffeb;color:#595c63;font-size:10px!important;line-height:1.2;pointer-events:auto}
  .dock-preferences-toggle>svg{width:14px;height:14px}
  .dock-preferences-back{padding:6px 9px;background:rgb(18 22 29 / 94%)}
  .studio-tools .studio-popover{right:7px;bottom:calc(100% + 50px)}
  .studio-tools .dock-return{min-width:48px}
  .studio-tools .dock-appearance{margin-inline-start:8px}
}
@media(max-width:350px){.studio-tools{left:10px;right:10px}.studio-tools .dock-appearance{margin-inline-start:0}}
@media(prefers-reduced-motion:reduce){.studio-tools .nav.studio-dock,.dock-desktop-front,.dock-preferences-back{transition:none}}