
      main.main{position:relative;}
      #swbEditorEmbed{position:absolute;inset:0;z-index:60;background:var(--bg);display:none;}
      #swbEditorEmbed iframe{width:100%;height:100%;border:0;display:block;background:var(--bg);}
      /* 편집기 열림 시 .main을 뷰포트 높이로 '고정'(min-height 아님) — 뒤 페이지 콘텐츠가 길어도
         절대배치 임베드/iframe이 화면보다 커지지 않게 해, iframe 내부 편집기의 100vh가 정확히
         '보이는 영역(100vh-56px)'이 되도록 한다. (프리뷰/타임라인이 아래로 밀리던 문제 해결) */
      body.swb-editor-open .main{max-width:none !important;padding:0 !important;min-width:0;
        height:calc(100vh - 56px);max-height:calc(100vh - 56px);overflow:hidden;}
      @supports (height:100dvh){ body.swb-editor-open .main{height:calc(100dvh - 56px);max-height:calc(100dvh - 56px);} }
      /* 편집기 열림 시 앱 셸 전체를 풀폭으로 — .layout의 max-width:1400/margin:auto 중앙 박스 해제
         (일반 스튜디오 페이지는 기존 1400px 가독 폭 유지) → 편집기가 calc(100vw - 사이드바)를 채움 */
      body.swb-editor-open .layout{max-width:none !important;margin:0 !important;}
      body.swb-editor-open #swbEditorEmbed{display:block;}
      /* 편집기 열린 동안에도 하단 탭이 오버레이 위로 올라와 보이고 눌리도록 */
      body.swb-editor-open .swb-mobile-tabs{z-index:70;}
      a.nav-item.swb-embed-active{background:var(--accent-soft,rgba(99,102,241,0.12));}
    