.tool-hue{--tool-c:var(--c-accent)}@supports (color:oklch(from red l c h)){.tool-hue{--tool-c:oklch(from var(--c-accent) clamp(.44, l, .58) max(c, .1) calc(h + var(--tool-h,0)))}}.tool-swatch{color:#fff;background:linear-gradient(150deg, color-mix(in oklab, var(--tool-c) 70%, #fff) 0%, var(--tool-c) 52%, color-mix(in oklab, var(--tool-c) 78%, #000) 100%);box-shadow:inset 0 1px 0 #ffffff47, 0 8px 18px -8px color-mix(in oklab, var(--tool-c) 75%, transparent)}.tool-soft{background:color-mix(in oklab, var(--tool-c) 11%, var(--c-surface))}.tool-ink{color:color-mix(in oklab, var(--tool-c) 78%, var(--c-fg))}.tool-card{isolation:isolate;position:relative;overflow:hidden}.tool-card:after{content:"";aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in oklab, var(--tool-c) 22%, transparent), transparent);opacity:.55;z-index:-1;pointer-events:none;border-radius:9999px;width:70%;transition:opacity .25s,transform .35s;position:absolute;inset:auto -30% -60% auto}.tool-card:hover:after,.tool-card:focus-within:after{opacity:1;transform:scale(1.15)}.tool-resize{background:linear-gradient(135deg, transparent 0 55%, var(--c-line-strong) 55% 62%, transparent 62% 72%, var(--c-line-strong) 72% 79%, transparent 79%)}.tool-stage{container-type:size}@keyframes tool-dice-roll{0%{transform:rotate(0)scale(1)}25%{transform:rotate(-16deg)scale(.9)translateY(-6%)}50%{transform:rotate(12deg)scale(1.05)}75%{transform:rotate(-7deg)scale(.96)translateY(-3%)}to{transform:rotate(0)scale(1)}}.tool-dice-rolling{animation:.32s ease-in-out infinite tool-dice-roll}@keyframes tool-flick{0%{opacity:.35;transform:translateY(12%)scale(.97)}to{opacity:1;transform:none}}.tool-flick{animation:90ms ease-out both tool-flick}@keyframes tool-reveal{0%{opacity:0;transform:scale(.6)rotate(-3deg)}60%{opacity:1;transform:scale(1.08)rotate(1deg)}to{opacity:1;transform:none}}.tool-reveal{animation:.5s cubic-bezier(.2,.9,.3,1.25) both tool-reveal}@keyframes tool-shake{0%,to{transform:none}20%{transform:translate(-2%)rotate(-1deg)}40%{transform:translate(2%)rotate(1deg)}60%{transform:translate(-1.5%)}80%{transform:translate(1.5%)}}.tool-shake{animation:.5s ease-in-out tool-shake}@keyframes tool-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.tool-breathe{animation:1.2s ease-in-out infinite tool-breathe}.wb-bg-white{background:#fff}.wb-bg-grid{background-color:#fff;background-image:linear-gradient(90deg,#d7e3f4 1px,#0000 1px),linear-gradient(#d7e3f4 1px,#0000 1px);background-size:28px 28px}.wb-bg-lines{background-color:#fff;background-image:linear-gradient(#0000 39px,#b9cdea 39px 40px);background-size:100% 40px}.wb-bg-slate{background:radial-gradient(120% 120% at 30% 20%,#2a4a3c 0%,#1d3a2e 55%,#16302a 100%)}@media (prefers-reduced-motion:reduce){.tool-dice-rolling,.tool-flick,.tool-reveal,.tool-shake,.tool-breathe{animation:none!important}}