/* The outgoing page turns once from its spine. The next page stays underneath. */
html[data-page-turn] { --akr-turn-duration: 640ms; }
html[data-page-turn] .studio-main {
  view-transition-name: workspace-page;
  background: linear-gradient(120deg, #eef2fd, #f1edfc 70%, #edf7f5);
}
html[data-theme="dark"][data-page-turn] .studio-main {
  background: linear-gradient(120deg, #1c2a43, #26263f 70%, #1d303c);
}
/* Disable legacy entrances before first paint so the page does not animate twice. */
html[data-page-turn-content="ready"] .studio-main :is(.studio-page-heading,.studio-metrics,.studio-panel,.studio-links-layout,.studio-dashboard-top,.link-card) { animation: none; }
html[data-page-turn]::view-transition { pointer-events: none; }
html[data-page-turn]::view-transition-group(root) { animation: none; }
html[data-page-turn]::view-transition-old(root) { animation: none; opacity: 0; }
html[data-page-turn]::view-transition-new(root) { animation: none; mix-blend-mode: normal; }
html[data-page-turn]::view-transition-group(workspace-page) {
  z-index: 2;
  top: var(--akr-turn-top, 78px);
  left: var(--akr-turn-left, 238px);
  width: var(--akr-turn-width, calc(100vw - 238px));
  height: var(--akr-turn-frame-height, calc(100dvh - 78px));
  transform: none;
  overflow: clip;
  animation: none;
}
html[data-page-turn]::view-transition-image-pair(workspace-page) {
  isolation: isolate;
  perspective: var(--akr-turn-perspective, 3200px);
  perspective-origin: left center;
}
html[data-page-turn]::view-transition-old(workspace-page),
html[data-page-turn]::view-transition-new(workspace-page) {
  width: 100%;
  height: 100%;
  object-fit: none;
  mix-blend-mode: normal;
  opacity: 1;
}
html[data-page-turn]::view-transition-old(workspace-page) {
  z-index: 2;
  object-position: left var(--akr-turn-old-offset, 0px);
  transform-origin: left center;
  backface-visibility: hidden;
  will-change: transform;
  box-shadow: 14px 0 32px -10px #15244438;
  animation: akr-sheet-out var(--akr-turn-duration) cubic-bezier(.32,.02,.25,1) both;
}
html[data-theme="dark"][data-page-turn]::view-transition-old(workspace-page) { box-shadow: 14px 0 32px -10px #060b185c; }
html[data-page-turn]::view-transition-new(workspace-page) {
  z-index: 1;
  object-position: left var(--akr-turn-new-offset, 0px);
  transform: none;
  animation: none;
}
html[data-page-turn="back"]::view-transition-image-pair(workspace-page) { perspective-origin: right center; }
html[data-page-turn="back"]::view-transition-old(workspace-page) {
  transform-origin: right center;
  box-shadow: -14px 0 32px -10px #15244438;
  animation-name: akr-sheet-back-out;
}
html[data-theme="dark"][data-page-turn="back"]::view-transition-old(workspace-page) { box-shadow: -14px 0 32px -10px #060b185c; }
/* Actual page content rotates in one direction; no travelling overlay or incoming motion. */
@keyframes akr-sheet-out { from { transform: rotateY(0deg); } to { transform: rotateY(-90deg); } }
@keyframes akr-sheet-back-out { from { transform: rotateY(0deg); } to { transform: rotateY(90deg); } }
.studio-navigation .akr-side-link { transition: background .2s, box-shadow .2s, transform .2s; }
.studio-navigation .akr-side-link:active { transform: scale(.975); }
.studio-navigation .akr-side-link.is-turn-target { box-shadow: inset 0 0 0 1px #9a88ed66; background: #9183df20; }
@media(max-width:800px) { html[data-page-turn] { --akr-turn-duration: 520ms; } }
html[data-motion="reduced"]::view-transition-group(*),
html[data-motion="reduced"]::view-transition-old(*),
html[data-motion="reduced"]::view-transition-new(*) { animation: none !important; }
html[data-motion="reduced"] .studio-navigation .akr-side-link { transition: none; transform: none; }
@media(prefers-reduced-motion:reduce) {
  @view-transition { navigation: none; }
  .studio-navigation .akr-side-link { transition: none; }
  .studio-navigation .akr-side-link:active { transform: none; }
}