/* NEXUS-70 · tool theme. Applies the site's own design tokens to the imported tools
   and adds mobile base rules. Generated from css/styles.css and the tools' class lists. */
:root{
  --bg:#FAF7F1;
  --bg-2:#F2EDE3;
  --surface:#FFFFFF;
  --surface-2:#FCFAF6;
  --field:#FFFFFF;
  --line:#E7E0D2;
  --line-2:#D5CCBA;
  --ink:#1B2A22;
  --text:#1B2A22;
  --muted:#58655D;
  --faint:#8B958E;
  --primary:#15795A;
  --primary-2:#1E9B73;
  --primary-soft:#E4F3EC;
  --ember:#F0664A;
  --ember-soft:#FDE9E3;
  --gold:#E8B14A;
  --ok:#15795A;
  --danger:#D2473A;
  --shadow:0 1px 2px rgba(27,42,34,.05),0 10px 28px -16px rgba(27,42,34,.18);
  --r:16px; --r-sm:12px; --r-xs:10px;
  --font:"Outfit",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-code:"Fira Code",ui-monospace,Menlo,Consolas,monospace;
  --header-bg:rgba(250,247,241,.9);
  --bottom-bg:rgba(255,255,255,.96);
  --toast-bg:#1B2A22;
  --toast-fg:#EAF7F0;
  --ease:cubic-bezier(.22,.8,.24,1);
  --spring:cubic-bezier(.34,1.4,.6,1);
  color-scheme:light;
--ember-ink:#B8452B;--header-bg:rgba(250,247,241,.92)}
:root[data-theme="dark"]{
  --bg:#0E1511;
  --bg-2:#16201A;
  --surface:#17221C;
  --surface-2:#131D17;
  --field:#101913;
  --line:#26342B;
  --line-2:#36483C;
  --ink:#EAF3EC;
  --text:#E2EDE5;
  --muted:#A6B8AC;
  --faint:#7E9488;
  --primary:#22A07A;
  --primary-2:#2FBE92;
  --primary-soft:#183A2D;
  --ember:#FF8A70;
  --ember-soft:#3A241E;
  --gold:#F0BE63;
  --ok:#2FBE92;
  --danger:#FF7A6B;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 16px 34px -18px rgba(0,0,0,.75);
  --header-bg:rgba(14,21,17,.88);
  --bottom-bg:rgba(20,30,24,.96);
  --toast-bg:#2E4337;
  --toast-fg:#F1FAF4;
  color-scheme:dark;
--ember-ink:#F6967E;--header-bg:rgba(14,21,17,.92)}
html{color-scheme:light} html[data-theme="dark"]{color-scheme:dark}
html,body{max-width:100%;min-height:100%}
body{font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif !important;background:var(--bg) !important;color:var(--ink) !important;-webkit-text-size-adjust:100%}
.font-sans,.font-mono{font-family:'Outfit',system-ui,sans-serif !important}
code,pre,textarea.mono{font-family:'Fira Code',ui-monospace,monospace !important}
img,canvas,svg,video{max-width:100%}
input,select,textarea{font-size:16px !important}
button,[role=button],a{-webkit-tap-highlight-color:transparent}
@media (max-width:640px){
  button,[role=button],select,input[type=button],input[type=file]::file-selector-button{min-height:44px}
  table{display:block;overflow-x:auto;max-width:100%}
  header .flex,header > div{flex-wrap:wrap}
  /* IDE-style split layouts (explorer | editor) stack on phones: explorer band on top, editor below */
  main.flex-1.flex.overflow-hidden{flex-direction:column}
  textarea{white-space:pre-wrap !important;overflow-wrap:anywhere}
  main.flex-1 > aside.w-64{width:100% !important;max-height:30vh;border-right:0 !important;border-bottom:1px solid var(--line)}
  /* PDF Studio: one scrollable toolbar row on phones, so the document gets the screen */
  header.top{display:flex !important;align-items:center;flex-wrap:nowrap !important;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  header.top::-webkit-scrollbar{display:none}
  header.top > *{flex:0 0 auto}
  header > div{height:auto !important;min-height:4rem;padding-top:.6rem !important;padding-bottom:.6rem !important;row-gap:8px}
  .nx-tb{flex-wrap:nowrap}
}

/* NEXUS icon set sizing (same rules as the main site) */
.ic{width:1.05em;height:1.05em;display:inline-block;vertical-align:-.16em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
button .ic,.btn .ic{margin-right:.4em}
svg.ic[viewBox]{max-width:none}

/* NEXUS toolbar that replaces each tool's floating back button */
.nx-tb{position:relative;z-index:40;display:flex;align-items:center;gap:10px;padding:10px max(14px,env(safe-area-inset-left));
  padding-top:max(10px,env(safe-area-inset-top));background:var(--header-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);font-family:'Outfit',system-ui,sans-serif}
.nx-tb .nx-logo{font-weight:800;letter-spacing:.02em;color:var(--ink);white-space:nowrap;font-size:1.02rem;text-decoration:none}
.nx-tb .nx-logo b{color:var(--ember);font-weight:800}
.nx-tb .nx-crumb{flex:1;min-width:0;font-size:.9rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.nx-tb .nx-crumb::before{content:"/";margin-right:10px;color:var(--line-2)}
.nx-tb a.nx-home{padding:7px 12px;border-radius:8px;color:var(--muted);font-size:.88rem;font-weight:600;text-decoration:none;white-space:nowrap}
.nx-tb a.nx-home:hover{color:var(--ink);background:var(--bg-2)}
.nx-tb a.nx-home.on{color:#fff;background:var(--primary)}
.nx-tb #nx-tb-theme{width:40px;height:40px;min-height:40px;padding:0;display:inline-grid;place-items:center;flex:0 0 auto;
  background:var(--surface);color:var(--ink);border:1px solid var(--line-2);border-radius:8px;cursor:pointer}
.nx-tb #nx-tb-theme svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:520px){ .nx-tb a.nx-home.opt{display:none} }

/* ---- Tailwind colour utilities mapped to NEXUS tokens ---- */
.bg-\[\#0b0f19\]{background-color:var(--bg) !important}
.bg-amber-400{background-color:var(--ember) !important}
.bg-amber-400{color:#fff !important}
.bg-amber-500\/15{background-color:color-mix(in srgb, var(--ember) 15%, transparent) !important}
.bg-amber-500\/15{color:#fff !important}
.bg-amber-500\/20{background-color:color-mix(in srgb, var(--ember) 20%, transparent) !important}
.bg-amber-500\/20{color:#fff !important}
.bg-black\/70{background-color:color-mix(in srgb, var(--bg) 70%, transparent) !important}
.bg-brand-500{background-color:var(--primary) !important}
.bg-brand-500{color:#fff !important}
.bg-brand-500\/10{background-color:color-mix(in srgb, var(--primary) 10%, transparent) !important}
.bg-brand-500\/10{color:#fff !important}
.bg-brand-500\/5{background-color:color-mix(in srgb, var(--primary) 5%, transparent) !important}
.bg-brand-500\/5{color:#fff !important}
.bg-brand-600{background-color:var(--primary) !important}
.bg-brand-600{color:#fff !important}
.bg-emerald-400{background-color:var(--primary-2) !important}
.bg-emerald-400{color:#fff !important}
.bg-emerald-500{background-color:var(--primary) !important}
.bg-emerald-500{color:#fff !important}
.bg-emerald-500\/10{background-color:color-mix(in srgb, var(--primary) 10%, transparent) !important}
.bg-emerald-500\/10{color:#fff !important}
.bg-emerald-500\/15{background-color:color-mix(in srgb, var(--primary) 15%, transparent) !important}
.bg-emerald-500\/15{color:#fff !important}
.bg-emerald-500\/20{background-color:color-mix(in srgb, var(--primary) 20%, transparent) !important}
.bg-emerald-500\/20{color:#fff !important}
.bg-emerald-600{background-color:var(--primary) !important}
.bg-emerald-600{color:#fff !important}
.bg-emerald-600\/90{background-color:color-mix(in srgb, var(--primary) 90%, transparent) !important}
.bg-emerald-600\/90{color:#fff !important}
.bg-emerald-950\/90{background-color:color-mix(in srgb, var(--primary) 90%, transparent) !important}
.bg-emerald-950\/90{color:#fff !important}
.bg-indigo-500\/20{background-color:color-mix(in srgb, var(--primary) 20%, transparent) !important}
.bg-indigo-500\/20{color:#fff !important}
.bg-indigo-600{background-color:var(--primary) !important}
.bg-indigo-600{color:#fff !important}
.bg-indigo-600\/90{background-color:color-mix(in srgb, var(--primary) 90%, transparent) !important}
.bg-indigo-600\/90{color:#fff !important}
.bg-orange-500{background-color:var(--primary) !important}
.bg-orange-500{color:#fff !important}
.bg-orange-500\/20{background-color:color-mix(in srgb, var(--primary) 20%, transparent) !important}
.bg-orange-500\/20{color:#fff !important}
.bg-orange-500\/5{background-color:color-mix(in srgb, var(--primary) 5%, transparent) !important}
.bg-orange-500\/5{color:#fff !important}
.bg-purple-500\/10{background-color:color-mix(in srgb, var(--primary) 10%, transparent) !important}
.bg-purple-500\/10{color:#fff !important}
.bg-purple-600{background-color:var(--primary) !important}
.bg-purple-600{color:#fff !important}
.bg-rose-500\/10{background-color:color-mix(in srgb, var(--ember) 10%, transparent) !important}
.bg-rose-500\/10{color:#fff !important}
.bg-rose-600\/90{background-color:color-mix(in srgb, var(--ember) 90%, transparent) !important}
.bg-rose-600\/90{color:#fff !important}
.bg-sky-500{background-color:var(--primary) !important}
.bg-sky-500{color:#fff !important}
.bg-sky-500\/10{background-color:color-mix(in srgb, var(--primary) 10%, transparent) !important}
.bg-sky-500\/10{color:#fff !important}
.bg-sky-500\/20{background-color:color-mix(in srgb, var(--primary) 20%, transparent) !important}
.bg-sky-500\/20{color:#fff !important}
.bg-sky-500\/5{background-color:color-mix(in srgb, var(--primary) 5%, transparent) !important}
.bg-sky-500\/5{color:#fff !important}
.bg-slate-100{background-color:var(--bg-2) !important}
.bg-slate-200{background-color:var(--line) !important}
.bg-slate-50{background-color:var(--surface-2) !important}
.bg-slate-500\/10{background-color:color-mix(in srgb, var(--line-2) 10%, transparent) !important}
.bg-slate-800{background-color:var(--surface-2) !important}
.bg-slate-800\/60{background-color:color-mix(in srgb, var(--surface-2) 60%, transparent) !important}
.bg-slate-800\/80{background-color:color-mix(in srgb, var(--surface-2) 80%, transparent) !important}
.bg-slate-800\/90{background-color:color-mix(in srgb, var(--surface-2) 90%, transparent) !important}
.bg-slate-900{background-color:var(--surface) !important}
.bg-slate-900\/50{background-color:color-mix(in srgb, var(--surface) 50%, transparent) !important}
.bg-slate-900\/60{background-color:color-mix(in srgb, var(--surface) 60%, transparent) !important}
.bg-slate-900\/70{background-color:color-mix(in srgb, var(--surface) 70%, transparent) !important}
.bg-slate-900\/80{background-color:color-mix(in srgb, var(--surface) 80%, transparent) !important}
.bg-slate-900\/90{background-color:color-mix(in srgb, var(--surface) 90%, transparent) !important}
.bg-slate-950{background-color:var(--bg) !important}
.bg-slate-950\/40{background-color:color-mix(in srgb, var(--bg) 40%, transparent) !important}
.bg-slate-950\/50{background-color:color-mix(in srgb, var(--bg) 50%, transparent) !important}
.bg-slate-950\/60{background-color:color-mix(in srgb, var(--bg) 60%, transparent) !important}
.bg-slate-950\/70{background-color:color-mix(in srgb, var(--bg) 70%, transparent) !important}
.bg-slate-950\/80{background-color:color-mix(in srgb, var(--bg) 80%, transparent) !important}
.bg-slate-950\/90{background-color:color-mix(in srgb, var(--bg) 90%, transparent) !important}
.bg-white{background-color:var(--surface) !important}
.bg-white\/50{background-color:color-mix(in srgb, var(--surface) 50%, transparent) !important}
.bg-white\/80{background-color:color-mix(in srgb, var(--surface) 80%, transparent) !important}
.border-amber-500\/30{border-color:color-mix(in srgb, var(--ember) 30%, transparent) !important}
.border-amber-500\/40{border-color:color-mix(in srgb, var(--ember) 40%, transparent) !important}
.border-brand-500{border-color:var(--primary) !important}
.border-brand-500\/20{border-color:color-mix(in srgb, var(--primary) 20%, transparent) !important}
.border-brand-500\/30{border-color:color-mix(in srgb, var(--primary) 30%, transparent) !important}
.border-brand-500\/40{border-color:color-mix(in srgb, var(--primary) 40%, transparent) !important}
.border-emerald-500\/20{border-color:color-mix(in srgb, var(--primary) 20%, transparent) !important}
.border-emerald-500\/30{border-color:color-mix(in srgb, var(--primary) 30%, transparent) !important}
.border-emerald-500\/40{border-color:color-mix(in srgb, var(--primary) 40%, transparent) !important}
.border-indigo-500\/30{border-color:color-mix(in srgb, var(--primary) 30%, transparent) !important}
.border-orange-500{border-color:var(--primary) !important}
.border-orange-500\/20{border-color:color-mix(in srgb, var(--primary) 20%, transparent) !important}
.border-orange-500\/30{border-color:color-mix(in srgb, var(--primary) 30%, transparent) !important}
.border-orange-500\/40{border-color:color-mix(in srgb, var(--primary) 40%, transparent) !important}
.border-rose-500\/20{border-color:color-mix(in srgb, var(--ember) 20%, transparent) !important}
.border-rose-500\/30{border-color:color-mix(in srgb, var(--ember) 30%, transparent) !important}
.border-rose-500\/40{border-color:color-mix(in srgb, var(--ember) 40%, transparent) !important}
.border-rose-500\/50{border-color:color-mix(in srgb, var(--ember) 50%, transparent) !important}
.border-sky-500\/20{border-color:color-mix(in srgb, var(--primary) 20%, transparent) !important}
.border-sky-500\/30{border-color:color-mix(in srgb, var(--primary) 30%, transparent) !important}
.border-slate-100{border-color:var(--line) !important}
.border-slate-200{border-color:var(--line) !important}
.border-slate-200\/60{border-color:color-mix(in srgb, var(--line) 60%, transparent) !important}
.border-slate-200\/70{border-color:color-mix(in srgb, var(--line) 70%, transparent) !important}
.border-slate-300{border-color:var(--line) !important}
.border-slate-700{border-color:var(--line) !important}
.border-slate-700\/60{border-color:color-mix(in srgb, var(--line) 60%, transparent) !important}
.border-slate-700\/80{border-color:color-mix(in srgb, var(--line) 80%, transparent) !important}
.border-slate-800{border-color:var(--line) !important}
.border-slate-800\/60{border-color:color-mix(in srgb, var(--line) 60%, transparent) !important}
.border-slate-800\/80{border-color:color-mix(in srgb, var(--line) 80%, transparent) !important}
.border-slate-800\/90{border-color:color-mix(in srgb, var(--line) 90%, transparent) !important}
.border-slate-900{border-color:var(--line) !important}
.border-white{border-color:var(--ink) !important}
.border-white\/10{border-color:color-mix(in srgb, var(--ink) 10%, transparent) !important}
.dark .dark\:bg-brand-500\/15{background-color:color-mix(in srgb, var(--primary) 15%, transparent) !important}
.dark .dark\:bg-brand-500\/15{color:#fff !important}
.dark .dark\:bg-slate-800{background-color:var(--surface-2) !important}
.dark .dark\:bg-slate-800\/70{background-color:color-mix(in srgb, var(--surface-2) 70%, transparent) !important}
.dark .dark\:bg-slate-800\/90{background-color:color-mix(in srgb, var(--surface-2) 90%, transparent) !important}
.dark .dark\:bg-slate-900{background-color:var(--surface) !important}
.dark .dark\:bg-slate-900\/30{background-color:color-mix(in srgb, var(--surface) 30%, transparent) !important}
.dark .dark\:bg-slate-900\/60{background-color:color-mix(in srgb, var(--surface) 60%, transparent) !important}
.dark .dark\:bg-slate-900\/80{background-color:color-mix(in srgb, var(--surface) 80%, transparent) !important}
.dark .dark\:bg-slate-950{background-color:var(--bg) !important}
.dark .dark\:border-slate-700{border-color:var(--line) !important}
.dark .dark\:border-slate-700\/60{border-color:color-mix(in srgb, var(--line) 60%, transparent) !important}
.dark .dark\:border-slate-800{border-color:var(--line) !important}
.dark .dark\:border-slate-800\/60{border-color:color-mix(in srgb, var(--line) 60%, transparent) !important}
.dark .dark\:border-slate-800\/80{border-color:color-mix(in srgb, var(--line) 80%, transparent) !important}
.dark .dark\:focus\:bg-slate-900:focus{background-color:var(--surface) !important}
.dark .dark\:from-white{--tw-gradient-from:var(--ink) !important;--tw-gradient-to:transparent !important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) !important}
.dark .dark\:hover\:bg-slate-700:hover{background-color:var(--line) !important}
.dark .dark\:hover\:bg-slate-800:hover{background-color:var(--surface-2) !important}
.dark .dark\:hover\:border-brand-400:hover{border-color:var(--primary) !important}
.dark .dark\:hover\:border-slate-700:hover{border-color:var(--line) !important}
.dark .dark\:text-brand-400{color:var(--primary) !important}
.dark .dark\:text-emerald-400{color:var(--primary) !important}
.dark .dark\:text-emerald-400\/80{color:color-mix(in srgb, var(--primary) 80%, transparent) !important}
.dark .dark\:text-purple-400{color:var(--primary) !important}
.dark .dark\:text-rose-400{color:var(--ember-ink) !important}
.dark .dark\:text-slate-100{color:var(--ink) !important}
.dark .dark\:text-slate-200{color:var(--ink) !important}
.dark .dark\:text-slate-300{color:var(--ink) !important}
.dark .dark\:text-slate-400{color:var(--muted) !important}
.dark .dark\:text-slate-500{color:var(--muted) !important}
.dark .dark\:text-white{color:var(--ink) !important}
.dark .dark\:to-slate-400{--tw-gradient-to:var(--line-2) !important}
.focus\:bg-sky-500\/20:focus{background-color:color-mix(in srgb, var(--primary) 20%, transparent) !important}
.focus\:bg-sky-500\/20:focus{color:#fff !important}
.focus\:bg-white:focus{background-color:var(--surface) !important}
.focus\:border-indigo-500:focus{border-color:var(--primary) !important}
.focus\:border-sky-400:focus{border-color:var(--primary) !important}
.focus\:border-sky-500:focus{border-color:var(--primary) !important}
.focus\:ring-brand-500:focus{--tw-ring-color:var(--primary) !important}
.focus\:ring-purple-500:focus{--tw-ring-color:var(--primary) !important}
.focus\:ring-sky-500:focus{--tw-ring-color:var(--primary) !important}
.focus\:ring-sky-500\/20:focus{--tw-ring-color:color-mix(in srgb, var(--primary) 20%, transparent) !important}
.focus\:text-sky-300:focus{color:var(--primary) !important}
.from-brand-500{--tw-gradient-from:var(--primary) !important;--tw-gradient-to:transparent !important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) !important}
.from-brand-500{color:#fff !important}
.from-emerald-500\/10{--tw-gradient-from:color-mix(in srgb, var(--primary) 10%, transparent) !important;--tw-gradient-to:transparent !important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) !important}
.from-emerald-500\/10{color:#fff !important}
.from-emerald-500\/15{--tw-gradient-from:color-mix(in srgb, var(--primary) 15%, transparent) !important;--tw-gradient-to:transparent !important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) !important}
.from-emerald-500\/15{color:#fff !important}
.from-emerald-600{--tw-gradient-from:var(--primary) !important;--tw-gradient-to:transparent !important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) !important}
.from-emerald-600{color:#fff !important}
.from-orange-500\/10{--tw-gradient-from:color-mix(in srgb, var(--primary) 10%, transparent) !important;--tw-gradient-to:transparent !important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) !important}
.from-orange-500\/10{color:#fff !important}
.from-orange-500\/15{--tw-gradient-from:color-mix(in srgb, var(--primary) 15%, transparent) !important;--tw-gradient-to:transparent !important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) !important}
.from-orange-500\/15{color:#fff !important}
.from-sky-500{--tw-gradient-from:var(--primary) !important;--tw-gradient-to:transparent !important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) !important}
.from-sky-500{color:#fff !important}
.from-slate-900{--tw-gradient-from:var(--surface) !important;--tw-gradient-to:transparent !important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) !important}
.group:hover .group-hover\:bg-sky-500\/10{background-color:color-mix(in srgb, var(--primary) 10%, transparent) !important}
.group:hover .group-hover\:bg-sky-500\/10{color:#fff !important}
.group:hover .group-hover\:border-orange-500\/50{border-color:color-mix(in srgb, var(--primary) 50%, transparent) !important}
.group:hover .group-hover\:border-sky-500\/50{border-color:color-mix(in srgb, var(--primary) 50%, transparent) !important}
.group:hover .group-hover\:text-orange-400{color:var(--primary) !important}
.group:hover .group-hover\:text-white{color:var(--ink) !important}
.hover\:bg-brand-500:hover{background-color:var(--primary) !important}
.hover\:bg-brand-500:hover{color:#fff !important}
.hover\:bg-brand-500\/20:hover{background-color:color-mix(in srgb, var(--primary) 20%, transparent) !important}
.hover\:bg-brand-500\/20:hover{color:#fff !important}
.hover\:bg-emerald-400:hover{background-color:var(--primary-2) !important}
.hover\:bg-emerald-400:hover{color:#fff !important}
.hover\:bg-emerald-500:hover{background-color:var(--primary) !important}
.hover\:bg-emerald-500:hover{color:#fff !important}
.hover\:bg-indigo-500:hover{background-color:var(--primary) !important}
.hover\:bg-indigo-500:hover{color:#fff !important}
.hover\:bg-orange-400:hover{background-color:var(--primary-2) !important}
.hover\:bg-orange-400:hover{color:#fff !important}
.hover\:bg-orange-600:hover{background-color:var(--primary) !important}
.hover\:bg-orange-600:hover{color:#fff !important}
.hover\:bg-purple-500:hover{background-color:var(--primary) !important}
.hover\:bg-purple-500:hover{color:#fff !important}
.hover\:bg-rose-500\/20:hover{background-color:color-mix(in srgb, var(--ember) 20%, transparent) !important}
.hover\:bg-rose-500\/20:hover{color:#fff !important}
.hover\:bg-sky-400:hover{background-color:var(--primary-2) !important}
.hover\:bg-sky-400:hover{color:#fff !important}
.hover\:bg-slate-100:hover{background-color:var(--bg-2) !important}
.hover\:bg-slate-200:hover{background-color:var(--line) !important}
.hover\:bg-slate-700:hover{background-color:var(--line) !important}
.hover\:bg-slate-800:hover{background-color:var(--surface-2) !important}
.hover\:bg-slate-800\/80:hover{background-color:color-mix(in srgb, var(--surface-2) 80%, transparent) !important}
.hover\:bg-slate-900:hover{background-color:var(--surface) !important}
.hover\:border-brand-500:hover{border-color:var(--primary) !important}
.hover\:border-orange-500:hover{border-color:var(--primary) !important}
.hover\:border-sky-500\/60:hover{border-color:color-mix(in srgb, var(--primary) 60%, transparent) !important}
.hover\:border-slate-300:hover{border-color:var(--line) !important}
.hover\:border-slate-700:hover{border-color:var(--line) !important}
.hover\:from-emerald-500:hover{--tw-gradient-from:var(--primary) !important;--tw-gradient-to:transparent !important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) !important}
.hover\:from-emerald-500:hover{color:#fff !important}
.hover\:from-sky-400:hover{--tw-gradient-from:var(--primary) !important;--tw-gradient-to:transparent !important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) !important}
.hover\:from-sky-400:hover{color:#fff !important}
.hover\:text-indigo-400:hover{color:var(--primary) !important}
.hover\:text-rose-400:hover{color:var(--ember-ink) !important}
.hover\:text-rose-500:hover{color:var(--ember-ink) !important}
.hover\:text-white:hover{color:var(--ink) !important}
.hover\:to-indigo-500:hover{--tw-gradient-to:var(--primary-2) !important}
.hover\:to-teal-500:hover{--tw-gradient-to:var(--primary-2) !important}
.shadow-brand-500\/25{--tw-shadow-color:color-mix(in srgb, var(--primary) 25%, transparent) !important;--tw-shadow:var(--tw-shadow-colored) !important}
.shadow-brand-600\/20{--tw-shadow-color:color-mix(in srgb, var(--primary) 20%, transparent) !important;--tw-shadow:var(--tw-shadow-colored) !important}
.shadow-emerald-500\/10{--tw-shadow-color:color-mix(in srgb, var(--primary) 10%, transparent) !important;--tw-shadow:var(--tw-shadow-colored) !important}
.shadow-emerald-500\/20{--tw-shadow-color:color-mix(in srgb, var(--primary) 20%, transparent) !important;--tw-shadow:var(--tw-shadow-colored) !important}
.shadow-emerald-600\/20{--tw-shadow-color:color-mix(in srgb, var(--primary) 20%, transparent) !important;--tw-shadow:var(--tw-shadow-colored) !important}
.shadow-emerald-600\/25{--tw-shadow-color:color-mix(in srgb, var(--primary) 25%, transparent) !important;--tw-shadow:var(--tw-shadow-colored) !important}
.shadow-indigo-500\/30{--tw-shadow-color:color-mix(in srgb, var(--primary) 30%, transparent) !important;--tw-shadow:var(--tw-shadow-colored) !important}
.shadow-orange-500\/20{--tw-shadow-color:color-mix(in srgb, var(--primary) 20%, transparent) !important;--tw-shadow:var(--tw-shadow-colored) !important}
.shadow-orange-500\/25{--tw-shadow-color:color-mix(in srgb, var(--primary) 25%, transparent) !important;--tw-shadow:var(--tw-shadow-colored) !important}
.shadow-purple-600\/20{--tw-shadow-color:color-mix(in srgb, var(--primary) 20%, transparent) !important;--tw-shadow:var(--tw-shadow-colored) !important}
.shadow-sky-500\/20{--tw-shadow-color:color-mix(in srgb, var(--primary) 20%, transparent) !important;--tw-shadow:var(--tw-shadow-colored) !important}
.text-amber-300{color:var(--ember-ink) !important}
.text-amber-400{color:var(--ember-ink) !important}
.text-amber-500{color:var(--ember-ink) !important}
.text-brand-400{color:var(--primary) !important}
.text-brand-500{color:var(--primary) !important}
.text-brand-600{color:var(--primary) !important}
.text-emerald-200{color:var(--primary) !important}
.text-emerald-300{color:var(--primary) !important}
.text-emerald-400{color:var(--primary) !important}
.text-emerald-500{color:var(--primary) !important}
.text-emerald-600{color:var(--primary) !important}
.text-emerald-600\/80{color:color-mix(in srgb, var(--primary) 80%, transparent) !important}
.text-indigo-300{color:var(--primary) !important}
.text-indigo-400{color:var(--primary) !important}
.text-indigo-600{color:var(--primary) !important}
.text-orange-300{color:var(--primary) !important}
.text-orange-400{color:var(--primary) !important}
.text-orange-500{color:var(--primary) !important}
.text-purple-500{color:var(--primary) !important}
.text-purple-600{color:var(--primary) !important}
.text-rose-200{color:var(--ember-ink) !important}
.text-rose-300{color:var(--ember-ink) !important}
.text-rose-400{color:var(--ember-ink) !important}
.text-rose-600{color:var(--ember-ink) !important}
.text-sky-200{color:var(--primary) !important}
.text-sky-300{color:var(--primary) !important}
.text-sky-400{color:var(--primary) !important}
.text-sky-500{color:var(--primary) !important}
.text-slate-100{color:var(--ink) !important}
.text-slate-200{color:var(--ink) !important}
.text-slate-300{color:var(--ink) !important}
.text-slate-400{color:var(--muted) !important}
.text-slate-500{color:var(--muted) !important}
.text-slate-600{color:var(--muted) !important}
.text-slate-700{color:var(--ink) !important}
.text-slate-800{color:var(--ink) !important}
.text-slate-900{color:var(--ink) !important}
.text-slate-950{color:var(--ink) !important}
.text-white{color:var(--ink) !important}
.text-yellow-500{color:var(--ember-ink) !important}
.to-amber-400{--tw-gradient-to:var(--ember) !important}
.to-emerald-400{--tw-gradient-to:var(--primary-2) !important}
.to-indigo-600{--tw-gradient-to:var(--primary-2) !important}
.to-purple-600{--tw-gradient-to:var(--primary-2) !important}
.to-slate-600{--tw-gradient-to:var(--line-2) !important}
.to-slate-900{--tw-gradient-to:var(--surface) !important}
.to-teal-500\/10{--tw-gradient-to:color-mix(in srgb, var(--primary-2) 10%, transparent) !important}
.to-teal-600{--tw-gradient-to:var(--primary-2) !important}
.via-amber-500\/5{--tw-gradient-stops:var(--tw-gradient-from),color-mix(in srgb, var(--ember) 5%, transparent),var(--tw-gradient-to) !important}
.via-slate-900{--tw-gradient-stops:var(--tw-gradient-from),var(--surface),var(--tw-gradient-to) !important}