@keyframes card-in{0%{opacity:0;transform:translateY(var(--motion-lift))}}.card-enter{animation:card-in var(--motion-duration-base) var(--motion-ease-enter)}.artifact-frame{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.artifact-body{flex:1;width:100%;min-height:0;padding:14px}.artifact-body:has(>[data-flush]){padding:0}.artifact-flow{gap:var(--canvas-gap);flex-wrap:wrap;margin-block:.5rem;display:flex;container:artifact-flow/inline-size}.artifact-box{flex:0 0 calc((100% - (var(--canvas-cols) - 1) * var(--canvas-gap)) * var(--box-w) / var(--canvas-cols) + (var(--box-w) - 1) * var(--canvas-gap));min-width:0;position:relative}.artifact-box[data-sized]>.card-surface{height:100%}@container artifact-flow (width<640px){.artifact-box{flex-basis:100%}}