.sc-btn{border:2px solid var(--color-line);background:var(--color-surface);min-height:2.75rem;color:var(--color-chrome);font-family:var(--font-button);text-transform:uppercase;letter-spacing:.04em;box-shadow:0 4px 0 var(--color-line);cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-size:.875rem;font-weight:900;transition:background .15s,transform 50ms,filter .15s;display:inline-flex}.sc-btn:hover{background:var(--color-tint)}.sc-btn:active{box-shadow:0 2px 0 var(--color-line);transform:translateY(2px)}.sc-btn:disabled{color:var(--color-ink-muted);cursor:not-allowed;background:var(--color-surface);transform:none}.sc-btn:focus-visible{box-shadow:0 4px 0 var(--color-line), 0 0 0 4px color-mix(in srgb, var(--color-chrome) 25%, transparent);outline:none}.sc-btn-primary{border-color:var(--color-chrome);background:var(--color-chrome);color:var(--color-on-chrome);box-shadow:0 4px 0 var(--color-chrome-2)}.sc-btn-primary:hover{background:var(--color-chrome);filter:brightness(1.1)}.sc-btn-primary:active{box-shadow:0 2px 0 var(--color-chrome-2)}.sc-btn-primary:disabled{background:var(--color-line);border-color:var(--color-line);color:var(--color-ink-muted);box-shadow:0 4px 0 var(--color-locked);filter:none}.sc-icon{min-width:2.75rem;padding:.5rem;font-size:1.1rem}.sc-flip{perspective:1400px;display:block}.sc-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.75,.25,1.15);display:block;position:relative}.sc-flip-inner.is-flipped{transform:rotateY(180deg)}.sc-face{backface-visibility:hidden;border-radius:1rem;position:absolute;inset:0}.sc-back{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.sc-flip-inner{transition:none}}.sc-ghost{height:13rem;position:relative}.sc-ghost>span{border:2px solid var(--color-line);background:var(--color-surface);box-shadow:0 4px 0 var(--color-line);border-radius:1rem;transition:transform .4s;position:absolute;inset:0}.sc-ghost>span:first-child{transform:rotate(-5deg)translate(-10px,6px)}.sc-ghost>span:nth-child(2){transform:rotate(3deg)translate(8px,2px)}.sc-ghost.is-busy>span:first-child{animation:1.4s ease-in-out infinite sc-shuffle}.sc-ghost.is-busy>span:nth-child(2){animation:1.4s ease-in-out .2s infinite reverse sc-shuffle}@keyframes sc-shuffle{0%,to{transform:rotate(-5deg)translate(-10px,6px)}50%{transform:rotate(6deg)translate(16px,-6px)}}.sc-line{background:var(--color-inset);border-radius:999px;height:.7rem;display:block}.sc-busy .sc-line{animation:1.2s ease-in-out infinite sc-pulse}@keyframes sc-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.sc-ghost.is-busy>span,.sc-busy .sc-line{animation:none}}.tool-dots{background-color:var(--color-bg);background-image:radial-gradient(color-mix(in srgb, var(--color-ink) 9%, transparent) 1.2px, transparent 1.2px);background-size:22px 22px}.lc-in{animation:.35s cubic-bezier(.2,.8,.3,1) lc-in}@keyframes lc-in{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.lc-in{animation:none}}.bs-in{animation:.35s cubic-bezier(.2,.8,.3,1) lc-in}.bs-zoom{animation:.6s cubic-bezier(.2,.8,.3,1) bs-zoom}@keyframes bs-zoom{0%{opacity:0;transform:scale(.2)}}@media (prefers-reduced-motion:reduce){.bs-in,.bs-zoom{animation:none}}
