:root {
      --slate-950: #020617;
      --slate-900: #0f172a;
      --accent-orange: #f97316;
    }

    body {
      font-family: system-ui, -apple-system, sans-serif;
      color: #1e293b;
      background-color: #ffffff;
    }

    .font-mono {
      font-family: ui-monospace, SFMono-Regular, monospace;
    }

    .demo-tab-active {
      border-bottom: 2px solid var(--slate-900);
      color: var(--slate-900);
    }

    .code-scroll::-webkit-scrollbar {
      width: 4px;
      height: 4px;
    }
    .code-scroll::-webkit-scrollbar-thumb {
      background: #334155;
      border-radius: 2px;
    }

    @keyframes spin-slow {
      to { transform: rotate(360deg); }
    }
    .animate-spin-slow {
      animation: spin-slow 1s linear infinite;
    }
  a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b45309;outline-offset:4px}button{min-height:44px}input[type=file]::file-selector-button{border:1px solid #cbd5e1;background:#fff;padding:6px 10px;border-radius:3px;color:#1e293b;margin-right:8px}pre{white-space:pre-wrap;overflow-wrap:anywhere}html{scroll-padding-top:80px}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(max-width:640px){.h-14{height:auto;min-height:64px}.text-4xl{font-size:2rem;line-height:1.15}.py-16{padding-top:2.5rem;padding-bottom:2.5rem}.gap-12{gap:1.5rem}}
@media(max-width:640px){.min-h-\[480px\]{min-height:300px}}

[hidden]{display:none!important}button:disabled{opacity:.55;cursor:wait}.upload-preview{max-height:100px;max-width:100%;object-fit:contain;margin-bottom:8px}#status-message{margin-top:16px;font-size:14px;line-height:1.5}#status-message[data-error=true]{color:#b42318}altcha-widget{--altcha-max-width:100%;--altcha-border-color:#cbd5e1;--altcha-border-radius:3px;--altcha-color-primary:#0f172a}#result-json{max-height:460px;overflow:auto}#curl-example{line-height:1.7}.workbench-tab:disabled{cursor:wait}

altcha-widget .altcha-checkbox svg,altcha-widget .altcha-checkbox-spinner{pointer-events:none}