.landing-art-dialog{display:flex;flex-direction:column;width:min(820px,calc(100vw - 40px));height:min(780px,calc(100dvh - 48px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid var(--page-line);border-radius:26px;background:var(--page-bg);color:var(--page-ink);overflow:hidden;box-shadow:0 18px 70px #0003}
.landing-art-dialog:not([open]){display:none}
.landing-art-dialog::backdrop{background:#0006}
.landing-art-heading{position:relative;display:flex;align-items:center;flex:none;min-height:76px;padding:22px 68px 18px 30px}
.landing-art-heading h2{font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.04em}
.landing-art-close{position:absolute;right:18px;top:18px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit}
.landing-art-close:hover{background:var(--page-soft)}
.landing-art-close svg{display:block;width:18px;height:18px}
.landing-art-frame{display:block;flex:1;min-height:0;width:100%;border:0;background:var(--page-bg)}
.landing-art-status{position:absolute;top:50%;left:0;right:0;text-align:center;color:var(--page-muted);font-size:13px}
@media(prefers-reduced-motion:no-preference){.landing-art-dialog[open]{animation:landing-art-enter 340ms cubic-bezier(.2,.65,.3,1) both}.landing-art-dialog[open]::backdrop{animation:landing-art-shade 220ms ease-out both}}
@keyframes landing-art-enter{from{opacity:0;transform:translateY(9px) scale(.99)}to{opacity:1;transform:none}}
@keyframes landing-art-shade{from{opacity:0}to{opacity:1}}
@media(max-width:620px){.landing-art-dialog{width:calc(100vw - 24px);height:calc(100dvh - 28px);border-radius:21px}.landing-art-heading{min-height:68px;padding:19px 60px 16px 22px}.landing-art-heading h2{font-size:21px}.landing-art-close{top:14px;right:12px}}

/* The same controls also work as an on-demand, live editor over the landing. */
[data-embedded-appearance=true]{scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:var(--page-line-strong) transparent}
[data-embedded-appearance=true] .concepts-shell{width:100%;padding:0 30px 28px}
[data-embedded-appearance=true] :is(.concepts-header,.concepts-intro,.concept-collection-nav,.rotation-open,.concepts-note,.site-footer){display:none}
[data-embedded-appearance=true] .appearance-settings{grid-template-columns:minmax(0,1fr);margin-top:0;gap:0}
[data-embedded-appearance=true] .appearance-setting{padding:22px 0;border-bottom:1px solid var(--page-line);border-radius:0;background:transparent;box-shadow:none}
[data-embedded-appearance=true] .appearance-setting:first-child{border-top:0;padding-top:4px}
[data-embedded-appearance=true] .appearance-setting :is(legend,label){font-size:14px}
[data-embedded-appearance=true] .appearance-setting p{font-size:12px;line-height:1.6}
[data-embedded-appearance=true] .theme-options label>span{min-height:42px;padding-block:8px;font-size:13px}
[data-embedded-appearance=true] .appearance-status{font-size:12px}
[data-embedded-appearance=true] .appearance-settings .shadow-setting{flex-direction:row;align-items:center;justify-content:space-between}
[data-embedded-appearance=true] .shadow-setting>div{flex:1;min-width:0}
[data-embedded-appearance=true] .shadow-setting .shadow-switch{align-self:center;flex:none}
[data-embedded-appearance=true] .rotation-settings{margin-top:28px}
[data-embedded-appearance=true] :is(.rotation-heading h2,.concept-collection-heading h2){font-size:22px}
[data-embedded-appearance=true] :is(.rotation-heading p,.concept-collection-heading h2+p){font-size:13px}
[data-embedded-appearance=true] .concepts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px;margin-top:24px}
[data-embedded-appearance=true] .concept-art{border-radius:14px}
[data-embedded-appearance=true] .concept-art img{aspect-ratio:2;transform:none}
[data-embedded-appearance=true] .concept-art>span{display:none}
[data-embedded-appearance=true] .concept-card h2{font-size:18px}
[data-embedded-appearance=true] .concept-card-heading{margin-top:13px}
[data-embedded-appearance=true] .concept-card>p{display:none}
[data-embedded-appearance=true] .concept-card-actions{margin-top:13px}
[data-embedded-appearance=true] .concept-collection{margin-top:32px}
[data-embedded-appearance=true] .concept-collection-heading>span{display:none}
@media(max-width:620px){[data-embedded-appearance=true] .concepts-shell{padding-inline:22px}[data-embedded-appearance=true] .concepts-grid{grid-template-columns:1fr}[data-embedded-appearance=true] .concept-collection-heading{gap:12px}[data-embedded-appearance=true] .appearance-setting{padding-block:18px}}