/* The existing V-store Page Studio wears SydWalk's accepted right-edge drawer
   presentation. Its dialog, editor, session, Composer, and recipe owners remain
   unchanged; this file supplies only the missing pull-tab transition joint. */
dialog.page-studio-room-dialog {
  position:fixed;
  inset:0 0 0 auto;
  box-sizing:border-box;
  width:min(50vw,42rem);
  max-width:none;
  height:100dvh;
  max-height:none;
  margin:0;
  padding:clamp(1rem,2.5vw,1.6rem);
  overflow:auto;
  border:0;
  border-left:.42rem solid var(--syd-concrete-riser,#405764);
  border-radius:1.35rem 0 0 1.35rem;
  background-color:var(--syd-concrete,#c8ccca);
  background-image:
    linear-gradient(0deg,transparent calc(20% - .75px),rgb(43 58 65 / 16%) calc(20% - .75px) calc(20% + .75px),transparent calc(20% + .75px) calc(80% - .75px),rgb(43 58 65 / 16%) calc(80% - .75px) calc(80% + .75px),transparent calc(80% + .75px)),
    linear-gradient(92deg,var(--syd-concrete-light,#e1e4e2),var(--syd-concrete,#c8ccca) 60%,var(--syd-concrete-mid,#adb4b1) 61%,var(--syd-concrete-dark,#8b9591));
  box-shadow:inset .42rem 0 var(--syd-concrete-riser,#405764),inset 1px 0 #f1f3f1aa,-.9rem 0 2rem rgb(17 32 39 / 38%);
  overscroll-behavior:contain;
}
dialog.page-studio-room-dialog[open] {
  animation:v-store-page-studio-enter 240ms ease-out both;
}
dialog.page-studio-room-dialog::backdrop {
  background:rgb(7 19 31 / 18%);
}
@keyframes v-store-page-studio-enter {
  from { transform:translateX(105%); }
  to { transform:translateX(0); }
}
@media(max-width:640px) {
  dialog.page-studio-room-dialog {
    width:100vw;
    border-left:0;
    border-radius:0;
  }
}
@media(prefers-reduced-motion:reduce) {
  dialog.page-studio-room-dialog[open] { animation:none; }
}