/* V370: sections-only right drawer; other dialogs untouched */
html body.studio-app dialog#modal.v266-sections-dialog[open]{position:fixed!important;inset:0 0 0 auto!important;left:auto!important;right:0!important;top:0!important;bottom:0!important;margin:0!important;padding:0!important;width:min(390px,88vw)!important;max-width:88vw!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:18px 0 0 18px!important;overflow-y:auto!important;overflow-x:hidden!important;background:rgba(64,59,54,.94)!important;box-shadow:-14px 0 45px rgba(0,0,0,.28)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;transform:translate3d(0,0,0)!important;animation:v370-drawer-in .42s cubic-bezier(.22,1,.36,1) both!important;will-change:transform,opacity}
html body.studio-app dialog#modal.v266-sections-dialog.v370-closing[open]{animation:v370-drawer-out .32s cubic-bezier(.4,0,.8,.3) both!important;pointer-events:none!important}
html body.studio-app dialog#modal.v266-sections-dialog>.modal-body{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-height:100%!important;max-height:none!important;margin:0!important;padding:54px 20px 28px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
html body.studio-app dialog#modal.v266-sections-dialog #closeModal.modal-close{position:absolute!important;top:13px!important;left:15px!important;right:auto!important;float:none!important;width:38px!important;height:38px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;color:#f2e8dc!important;font-size:0!important;line-height:1!important;appearance:none!important;-webkit-tap-highlight-color:transparent!important;transition:color .2s ease,filter .2s ease!important}
html body.studio-app dialog#modal.v266-sections-dialog #closeModal.modal-close::after{content:'→'!important;display:block!important;font:normal 29px/1 Georgia,serif!important;color:inherit!important}
html body.studio-app dialog#modal.v266-sections-dialog #closeModal.modal-close:hover,html body.studio-app dialog#modal.v266-sections-dialog #closeModal.modal-close:active{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;color:#fff!important;filter:drop-shadow(0 0 5px rgba(255,255,255,.48))!important}
html body.studio-app dialog#modal.v266-sections-dialog #closeModal.modal-close:focus{background:transparent!important;outline:0!important;box-shadow:none!important}
html body.studio-app dialog#modal.v266-sections-dialog #closeModal.modal-close:focus-visible{outline:1px solid rgba(255,255,255,.55)!important;outline-offset:2px!important}
html body.studio-app dialog#modal.v266-sections-dialog::backdrop{background:rgba(0,0,0,.48)!important;backdrop-filter:blur(3px)!important;animation:v370-backdrop-in .35s ease both!important}
html body.studio-app dialog#modal.v266-sections-dialog.v370-closing::backdrop{animation:v370-backdrop-out .32s ease both!important}
@keyframes v370-drawer-in{from{transform:translate3d(105%,0,0);opacity:.65}to{transform:translate3d(0,0,0);opacity:1}}
@keyframes v370-drawer-out{from{transform:translate3d(0,0,0);opacity:1}to{transform:translate3d(105%,0,0);opacity:.65}}
@keyframes v370-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes v370-backdrop-out{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){html body.studio-app dialog#modal.v266-sections-dialog[open],html body.studio-app dialog#modal.v266-sections-dialog.v370-closing[open],html body.studio-app dialog#modal.v266-sections-dialog::backdrop{animation-duration:.01ms!important}}

/* V371: slightly broader arrow; no white focus rectangle */
html body.studio-app dialog#modal.v266-sections-dialog #closeModal.modal-close::after{font-weight:700!important;transform:scaleX(1.12)!important;transform-origin:center!important}
html body.studio-app dialog#modal.v266-sections-dialog #closeModal.modal-close:focus-visible,html body.studio-app dialog#modal.v266-sections-dialog #closeModal.modal-close:focus,html body.studio-app dialog#modal.v266-sections-dialog #closeModal.modal-close:active{outline:none!important;outline-offset:0!important;border:0!important;box-shadow:none!important;background:transparent!important;-webkit-tap-highlight-color:transparent!important}

/* V374: establish the initial off-screen frame before the first-ever opening. */
html body.studio-app dialog#modal.v266-sections-dialog[open]:not(.v370-closing){animation:none!important;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .42s ease!important;transform:translate3d(0,0,0)!important;opacity:1!important}
html body.studio-app dialog#modal.v266-sections-dialog.v374-preopen[open]{animation:none!important;transition:none!important;transform:translate3d(105%,0,0)!important;opacity:.65!important}
@media(prefers-reduced-motion:reduce){html body.studio-app dialog#modal.v266-sections-dialog[open]:not(.v370-closing){transition:none!important}}