.mc-bench{border:1px solid var(--color-line);border-radius:var(--radius-xl);background-color:var(--color-card);position:relative;overflow:clip;box-shadow:0 1px 2px #0c14200a,0 40px 80px -48px #0c142052}.mc-drop{background-color:var(--color-bg);background-image:radial-gradient(58% 64% at 50% 40%, var(--tile-a) 0%, color-mix(in srgb, var(--tile-a) 72%, transparent) 42%, transparent 78%), linear-gradient(to right, color-mix(in srgb, var(--color-fg) 5%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--color-fg) 5%, transparent) 1px, transparent 1px);transition:background-color .22s var(--ease-out);background-size:100% 100%,32px 32px,32px 32px;position:relative}.mc-drop:after{content:"";border:1.5px dashed var(--color-line-strong);border-radius:calc(var(--radius-xl) - 10px);pointer-events:none;transition:border-color .22s var(--ease-out), inset .22s var(--ease-out);position:absolute;inset:12px}.mc-drop[data-drag]{background-color:var(--color-accent-tint)}.mc-drop[data-drag]:after{border-color:var(--color-accent);inset:8px}.mc-figure{transition:transform .42s var(--ease-out)}.mc-drop[data-drag] .mc-figure{transform:translateY(-10px)scale(1.03)}@keyframes mc-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes mc-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes mc-breathe{50%{opacity:.45}}@keyframes mc-indeterminate{0%{transform:translate(-110%)}to{transform:translate(260%)}}.mc-pill{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.mc-dim{stroke-dasharray:1;animation:mc-draw .9s var(--ease-out) both;animation-delay:calc(.45s + var(--i,0) * .15s)}.mc-pill{animation:mc-pop .52s var(--ease-out) both;animation-delay:calc(.85s + var(--i,0) * .15s)}.mc-busy .mc-part{animation:mc-breathe 1.6s var(--ease-in-out) infinite}.mc-in{animation:m-fade-up .6s var(--ease-out) both;animation-delay:var(--d,0s)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.mc-cta .mc-dim{animation:linear both mc-draw;animation-timeline:view();animation-range:entry 30% cover 45%}.mc-cta .mc-pill{animation:linear both mc-pop;animation-timeline:view();animation-range:entry calc(45% + var(--i,0) * 6%) cover calc(48% + var(--i,0) * 4%)}}}.mc-bar{background:var(--color-bg-2);border-radius:9999px;height:4px;overflow:clip}.mc-bar>span{border-radius:inherit;background:var(--color-accent);height:100%;transition:width .2s var(--ease-out);display:block}.mc-bar[data-indeterminate]>span{width:38%;animation:mc-indeterminate 1.15s var(--ease-in-out) infinite}@media (prefers-reduced-motion:reduce){.mc-bar[data-indeterminate]>span{opacity:.35;width:100%;animation:none!important}}.mc-stage{background:radial-gradient(64% 62% at 50% 46%, var(--tile-a) 0%, color-mix(in srgb, var(--tile-a) 65%, transparent) 45%, transparent 80%), var(--tile-b);position:relative}.mc-canvas{opacity:0;transition:opacity .6s var(--ease-out);position:absolute;inset:0}.mc-canvas[data-live]{opacity:1}.mc-label{opacity:0;transition:opacity .24s var(--ease-out);will-change:transform;pointer-events:none;position:absolute;top:0;left:0;translate:-50% -50%}.mc-label[data-on]{opacity:1}.mc-seg label:has(input:checked){background:var(--color-ink);color:var(--color-ink-fg)}.mc-seg label:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.mc-scale:has(select:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.mc-scale select option{color:var(--color-fg)}