.cdx-visual{--cv-paper:#fdfbf6;--cv-ink:#302b26;--cv-text:#514a40;--cv-gold:#8a692b;--cv-leaf:#476c53;--cv-line:#ded6c6;color:var(--cv-ink);font:15px/1.7 Pretendard,"Noto Sans KR","Malgun Gothic",system-ui,sans-serif;word-break:keep-all;overflow-wrap:anywhere;container-type:inline-size;max-width:100%;isolation:isolate}
.cdx-visual *{box-sizing:border-box}
.cdx-visual__context{display:flex;align-items:baseline;justify-content:space-between;gap:4px 16px;flex-wrap:wrap;margin:0 0 10px}
.cdx-visual__context p,.cdx-visual__context span{margin:0;font-size:14px;line-height:1.6;color:var(--cv-text)}
.cdx-visual__context p{font-weight:600}
.cdx-visual__views{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 12px;border-bottom:1px solid var(--cv-line)}
.cdx-visual .cdx-visual__view{font:inherit;font-size:14px;line-height:1.5;min-width:44px;min-height:44px;padding:10px 14px;margin:0 0 -1px;background:transparent;color:var(--cv-text);border:0;border-bottom:2px solid transparent;border-radius:0;cursor:pointer;box-shadow:none}
.cdx-visual .cdx-visual__view[aria-pressed="true"]{color:var(--cv-ink);border-bottom-color:var(--cv-gold);font-weight:700}
.cdx-visual .cdx-visual__view:hover{background:#eee8dc}
.cdx-visual .cdx-visual__view:focus-visible,.cdx-visual__explore:focus-visible{outline:3px solid var(--cv-gold);outline-offset:3px}
.cdx-visual__viewport{height:360px;overflow:hidden;position:relative;background:#fbfbf8;border-block:1px solid var(--cv-line)}
.cdx-visual__panel{height:100%;width:100%;overflow:hidden}
.cdx-visual__panel[hidden]{display:none!important}
.cdx-visual__panel img{display:block;width:100%;max-width:390px;height:auto;margin:0 auto;user-select:none;pointer-events:none}
.cdx-visual__panel--changed{animation:cdx-visual-opacity .18s ease-out both}
@keyframes cdx-visual-opacity{from{opacity:.35}to{opacity:1}}
.cdx-visual__caption{margin:10px 0 0;font-size:14px;line-height:1.7;color:var(--cv-text);min-height:24px;text-wrap:pretty}
.cdx-visual--memory .cdx-visual__viewport{height:380px;background:#0e0c20}
.cdx-visual--memory .cdx-visual__panel img{height:100%;width:100%;max-width:none;object-fit:contain;object-position:center}
.cdx-visual--memory .cdx-visual__panel img.cdx-visual__wide{display:none}
@container(min-width:540px){.cdx-visual--memory .cdx-visual__panel img.cdx-visual__narrow{display:none}.cdx-visual--memory .cdx-visual__panel img.cdx-visual__wide{display:block}}
.cdx-visual__explore{display:inline-flex;align-items:center;flex-wrap:wrap;gap:0 4px;min-height:44px;margin-top:2px;font-size:14px;line-height:1.6;color:var(--cv-leaf);text-underline-offset:4px;text-decoration-thickness:1px}
.cdx-visual__explore span{font-size:14px;color:var(--cv-text)}
.cdx-visual--plan .cdx-visual__viewport{height:300px}
.cdx-visual__plan{margin-top:16px;padding-top:12px;border-top:1px solid var(--cv-line)}
.cdx-visual__price{margin:0 0 6px;font:700 28px/1.4 "Noto Serif KR",Batang,Georgia,serif;letter-spacing:-.035em;color:var(--cv-ink)}
.cdx-visual__limits,.cdx-visual__ready{margin:0;font-size:14px;line-height:1.7;color:var(--cv-text)}
.cdx-visual__ready{margin-top:8px}
/* Only the image extends into the existing welcome text padding. No global parent theme changes. */
.cdx-welcome-content .cdx-visual__viewport{width:calc(100% + 80px);max-width:none;margin-inline:-40px}
@media(max-width:520px){.cdx-welcome-content .cdx-visual__viewport{width:calc(100% + 48px);margin-inline:-24px}}
@media(max-width:350px){.cdx-welcome-content .cdx-visual__viewport{width:calc(100% + 36px);margin-inline:-18px}}
@container(max-width:350px){.cdx-visual__context{display:block}.cdx-visual__context span{display:block;margin-top:2px}.cdx-visual .cdx-visual__view{padding-inline:10px}.cdx-visual__viewport{height:320px}.cdx-visual--memory .cdx-visual__viewport{height:380px}.cdx-visual--plan .cdx-visual__viewport{height:300px}.cdx-visual__price{font-size:26px}}
@media(prefers-reduced-motion:reduce){.cdx-visual__panel--changed{animation:none!important}.cdx-visual *{scroll-behavior:auto!important}}
/* Wide screens use editorial copy beside the real UI, leaving the whole tree above the footer. */
.cdx-visual--motion{overflow:hidden;border-radius:14px;background:#0b0820}.cdx-visual--motion iframe{display:block;width:100%;height:620px;border:0;color-scheme:dark}.cdx-visual--motion>.cdx-visual__explore{display:block;margin:0;padding:10px 14px;background:#f5f0e4;color:#51412a;min-height:44px;font-size:13px}.cdx-visual--motion>.cdx-visual__explore:focus-visible{outline:3px solid #8a692b;outline-offset:-3px}
@container(max-width:350px){.cdx-visual--motion iframe{height:640px}}
@media(min-width:900px){
 .cdx-welcome--visual{width:min(940px,calc(100vw - 48px))}
 .cdx-welcome--visual .cdx-welcome-content{display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:24px;align-items:start;padding:12px 24px 20px;min-height:0}
 .cdx-welcome--visual .cdx-welcome-content>h2{grid-column:1;grid-row:1;margin:4px 0 16px}
 .cdx-welcome--visual .cdx-welcome-lead{grid-column:1;grid-row:2;margin-bottom:0}
 .cdx-welcome--visual .cdx-visual{grid-column:2;grid-row:1 / span 2;min-width:0}
 .cdx-welcome--visual .cdx-visual__viewport{width:100%;margin-inline:0;height:clamp(220px,calc(100dvh - 370px),320px)}
 .cdx-welcome--visual .cdx-visual--plan .cdx-visual__viewport{height:200px}
}