/* 컬렉션 안의 Withok 규칙과 STstudio의 공용 머리글·푸터를 서로 격리한다. */
/* 컬렉션 부모도 Withok의 기본 바탕을 쓴다. 공용 머리글·푸터는 이 페이지 토큰만 물려받는다. */
:root { --bg: #1e1e1e; --ink: #f2efe6; --muted: #8f8d85; --rule: #282826; }
* { box-sizing: border-box; }
html { background: var(--bg); }
body.studio-collection-page {
  margin: 0; padding-top: var(--header-h); height: 100vh; height: 100dvh;
  display: flex; flex-direction: column; overflow: hidden;
  background: var(--bg); color: var(--ink);
  font-family: var(--st-latin, 'Space Mono'), 'gothic-a1', monospace;
}
.studio-collection { flex: 1; min-height: 0; }
.studio-collection iframe { display: block; border: 0; width: 100%; height: 100%; background: var(--bg); }
.studio-collection-page > .site-footer { flex-shrink: 0; padding-block: var(--sp-2); }