/* The page around the scene: transparent, so the host section's cream shows
   around the plate. Shared by index.html and en.html. */
html, body { margin: 0; background: transparent; }
body { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Pretendard Variable", Pretendard, system-ui, "Apple SD Gothic Neo", sans-serif; color: #20231E; -webkit-font-smoothing: antialiased; }
#root, noscript { display: block; max-width: 720px; margin: 0 auto; }
.hs-scene > .ss-fit { margin-inline: auto; }
/* The description is for assistive technology; the scene itself is aria-hidden. */
.hs-summary { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.hs-controls { display: flex; justify-content: flex-end; gap: 8px; margin: 8px 0 0; }
.hs-control { appearance: none; min-height: 44px; margin: 0; padding: 8px 14px; border: 1px solid #20231E; border-radius: 3px; background: transparent; color: #20231E; font-family: inherit; font-size: 13px; font-weight: 600; line-height: 1.4; cursor: pointer; }
.hs-control:hover { background: rgba(32, 35, 30, .07); }
.hs-control[aria-pressed="true"] { background: #20231E; color: #FAFAF6; }
.hs-control:focus-visible { outline: 2px solid #20231E; outline-offset: 2px; }
noscript img { display: block; width: 100%; height: auto; border-radius: 10px; }