.building-blocks_root__hH_2D{--u:calc(100cqw / 320);--snap:cubic-bezier(0.16,1,0.3,1);--out:cubic-bezier(0.33,0,0.67,1);--surface-tint:color-mix(in oklab,var(--tint) 9%,var(--surface));container-type:inline-size;display:flex;flex-direction:column;gap:10px;width:min(100%,var(--bb-width));min-width:0}.building-blocks_frame__NVz_j{position:relative;aspect-ratio:320/200;overflow:hidden;border-radius:calc(var(--u) * 17);background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--border-subtle);isolation:isolate}.building-blocks_slot__pbOAI{position:absolute;border:1px dashed color-mix(in oklab,var(--tint) 30%,var(--border));opacity:.85;transition:opacity .2s ease-out}.building-blocks_root__hH_2D[data-placed] .building-blocks_slot__pbOAI{opacity:0;transition-delay:.64s}.building-blocks_block__Z3IEz{--d:calc(var(--i) * 40ms);position:absolute;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);opacity:0;transform:translate(calc(var(--u) * var(--dx)),calc(var(--u) * var(--dy))) scale(var(--s));transition:transform .52s var(--snap) var(--d),opacity .2s ease-out var(--d);will-change:transform,opacity}.building-blocks_root__hH_2D[data-placed] .building-blocks_block__Z3IEz{opacity:1;transform:none}.building-blocks_root__hH_2D[data-clear] .building-blocks_block__Z3IEz{opacity:0;transform:scale(.985);transition:opacity .22s var(--out),transform .24s var(--out);transition-delay:calc(var(--i) * 12ms)}.building-blocks_content__ZAZPi{position:absolute;inset:0;border-radius:inherit;overflow:hidden}.building-blocks_placeholder__9yH1W{position:absolute;inset:0;border-radius:inherit;background:var(--surface-tint);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--tint) 32%,transparent);transition:opacity .22s ease-out calc(var(--i) * 24ms);pointer-events:none}.building-blocks_root__hH_2D[data-filled] .building-blocks_placeholder__9yH1W{opacity:0}.building-blocks_piece__smEJ5,.building-blocks_styledPiece__f7suD{position:absolute;display:block}.building-blocks_piece__smEJ5{opacity:0;transform:scaleX(.55);transform-origin:left center;transition:opacity .18s ease-out,transform .36s var(--snap);transition-delay:calc(var(--i) * 24ms + var(--j) * 24ms + 60ms)}.building-blocks_piece__smEJ5[data-tone=outline],.building-blocks_piece__smEJ5[data-tone=soft]{transform:scale(.9);transform-origin:center}.building-blocks_root__hH_2D[data-filled] .building-blocks_piece__smEJ5{opacity:1;transform:none}.building-blocks_piece__smEJ5.building-blocks_ring__glb3L,.building-blocks_styledPiece__f7suD.building-blocks_ring__glb3L{box-shadow:0 0 0 calc(var(--u) * 1.5) var(--surface)}.building-blocks_styledPiece__f7suD{overflow:hidden;opacity:0;transition:opacity .22s ease-out;transition-delay:calc(var(--i) * 24ms + var(--j) * 24ms)}.building-blocks_root__hH_2D[data-styled] .building-blocks_styledPiece__f7suD{opacity:1}.building-blocks_piece__smEJ5[data-tone=title]{background:color-mix(in oklab,var(--foreground) 68%,var(--surface))}.building-blocks_piece__smEJ5[data-tone=line]{background:color-mix(in oklab,var(--text-muted) 45%,var(--surface))}.building-blocks_piece__smEJ5[data-tone=soft]{background:color-mix(in oklab,var(--foreground) 8%,var(--surface))}.building-blocks_piece__smEJ5[data-tone=outline]{background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}.building-blocks_frame__NVz_j [data-tone=tint]{background:color-mix(in oklab,var(--tint) 14%,var(--surface))}.building-blocks_frame__NVz_j [data-tone=solid]{background:var(--tint)}.building-blocks_frame__NVz_j [data-tone=on-tint]{background:color-mix(in oklab,var(--on-tint) 88%,var(--tint))}.building-blocks_frame__NVz_j [data-tone=photo]{background:var(--surface-muted)}.building-blocks_frame__NVz_j [data-tone=photo] img{display:block;width:100%;height:100%;object-fit:cover;user-select:none}.building-blocks_chart__MEKgk{position:absolute;left:calc(var(--u) * 10);top:calc(var(--u) * 40);width:calc(var(--u) * 84);height:calc(var(--u) * 44)}.building-blocks_chart__MEKgk svg{display:block;width:100%;height:100%;overflow:visible;clip-path:inset(-4px 100% -4px -4px);transition:clip-path .56s var(--snap) calc(var(--i) * 24ms + .12s)}.building-blocks_root__hH_2D[data-filled] .building-blocks_chart__MEKgk svg{clip-path:inset(-4px -4px -4px -4px)}.building-blocks_lineBase__q2RcE,.building-blocks_lineTint__hvd1A{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.building-blocks_lineBase__q2RcE{stroke:color-mix(in oklab,var(--text-muted) 60%,var(--surface));stroke-width:1.5px}.building-blocks_area__59_it,.building-blocks_lineTint__hvd1A{opacity:0;transition:opacity .24s ease-out calc(var(--i) * 24ms + 60ms)}.building-blocks_lineTint__hvd1A{stroke:var(--tint);stroke-width:1.75px}.building-blocks_area__59_it{fill:color-mix(in oklab,var(--tint) 13%,transparent);stroke:none}.building-blocks_root__hH_2D[data-styled] .building-blocks_area__59_it,.building-blocks_root__hH_2D[data-styled] .building-blocks_lineTint__hvd1A{opacity:1}.building-blocks_dot__MeNij{position:absolute;left:calc(var(--u) * 81);top:calc(var(--u) * 3.6);width:calc(var(--u) * 6);height:calc(var(--u) * 6);border-radius:50%;background:var(--tint);box-shadow:0 0 0 calc(var(--u) * 1.5) var(--surface);opacity:0;transform:scale(.6);transition:opacity .2s ease-out,transform .32s var(--snap);transition-delay:calc(var(--i) * 24ms + .2s)}.building-blocks_root__hH_2D[data-styled] .building-blocks_dot__MeNij{opacity:1;transform:none}.building-blocks_knob__dvSKJ{position:absolute;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);opacity:0;transition:opacity .18s ease-out calc(var(--i) * 24ms + .12s),transform .32s var(--snap) calc(var(--i) * 24ms + 40ms),box-shadow .22s ease-out}.building-blocks_root__hH_2D[data-filled] .building-blocks_knob__dvSKJ{opacity:1}.building-blocks_root__hH_2D[data-styled] .building-blocks_knob__dvSKJ{transform:translateX(calc(var(--u) * 10));box-shadow:inset 0 0 0 1px transparent}.building-blocks_status__pZ__x{display:flex;align-items:center;gap:8px;min-height:32px;padding-inline:calc(var(--u) * 12) max(0px,calc(var(--u) * 12 - 10px));color:var(--text-secondary);font-size:13px;line-height:18px}.building-blocks_root__hH_2D[data-size=sm] .building-blocks_status__pZ__x{font-size:12px}.building-blocks_label__EmMfY{display:grid;flex:1;min-width:0}.building-blocks_labelItem__KdFs8{grid-area:1/1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.building-blocks_labelItem__KdFs8 span{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:top}.building-blocks_replay__RMDcg{display:flex;flex:none;margin-left:auto}.building-blocks_mark__cp4jd{position:relative;flex:none;width:16px;height:16px}.building-blocks_check__bgBf0,.building-blocks_grid__Fe__o{position:absolute;transition:opacity .18s ease-out,transform .24s var(--snap)}.building-blocks_grid__Fe__o{inset:1px;display:grid;grid-template-columns:1fr 1fr;gap:2px}.building-blocks_cell__SsWaQ{position:relative;border-radius:2px;background:color-mix(in oklab,var(--text-muted) 32%,transparent)}.building-blocks_cell__SsWaQ:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--tint);opacity:0;animation:building-blocks_cell__SsWaQ 1.6s linear infinite;animation-delay:calc(var(--c) * .4s - 1.6s)}.building-blocks_mark__cp4jd[data-phase=idle] .building-blocks_cell__SsWaQ:after{animation:none}.building-blocks_root__hH_2D[data-paused] .building-blocks_cell__SsWaQ:after{animation-play-state:paused}.building-blocks_check__bgBf0{inset:1px;color:var(--success);opacity:0;transform:scale(.7)}.building-blocks_mark__cp4jd[data-phase=ready] .building-blocks_grid__Fe__o{opacity:0;transform:scale(.7)}.building-blocks_mark__cp4jd[data-phase=ready] .building-blocks_check__bgBf0{opacity:1;transform:none}@keyframes building-blocks_cell__SsWaQ{0%{opacity:0}12%{opacity:1}36%{opacity:1}60%{opacity:0}to{opacity:0}}.building-blocks_srOnly__Mwi2E{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.building-blocks_root__hH_2D[data-instant] .building-blocks_frame__NVz_j *{transition:none!important}@media (prefers-reduced-motion:reduce){.building-blocks_block__Z3IEz,.building-blocks_dot__MeNij,.building-blocks_piece__smEJ5,.building-blocks_root__hH_2D[data-clear] .building-blocks_block__Z3IEz{transform:none!important}.building-blocks_knob__dvSKJ{transition:opacity .2s ease-out,box-shadow .2s ease-out}.building-blocks_chart__MEKgk svg{clip-path:none;opacity:0;transition:opacity .24s ease-out}.building-blocks_root__hH_2D[data-filled] .building-blocks_chart__MEKgk svg{clip-path:none;opacity:1}.building-blocks_cell__SsWaQ:after{animation:none}.building-blocks_mark__cp4jd:not([data-phase=idle]):not([data-phase=ready]) .building-blocks_cell__SsWaQ:first-child:after{opacity:1}}