/* Minimal Tailwind-like CSS for the favicon generator (only classes used) */
/* Color palette (slate) */
:root{
  --slate-50: #f8fafc;
  --slate-600: #475569;
  --slate-900: #0f172a;
  --white: #ffffff;
}

/* Base resets */
*{box-sizing:border-box;}
html{line-height:1.5;-webkit-text-size-adjust:100%;}
body{margin:0;font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, "Apple Color Emoji","Segoe UI Emoji";}

/* Typography utilities */
.font-mono{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace;}
.text-sm{font-size:0.875rem;line-height:1.25rem;}
.text-2xl{font-size:1.5rem;line-height:2rem;}
.md\:text-3xl{}
@media (min-width:768px){
  .md\:text-3xl{font-size:1.875rem;line-height:2.25rem;}
}
.font-bold{font-weight:700;}
.tracking-tight{letter-spacing:-0.015em;}
.text-slate-600{color:var(--slate-600);}
.text-slate-900{color:var(--slate-900);}

/* Layout utilities */
.min-h-screen{min-height:100vh;}
.mx-auto{margin-left:auto;margin-right:auto;}
.max-w-5xl{max-width:64rem;} /* 1024px */
.space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse));}

/* Spacing */
.p-6{padding:1.5rem;}
.p-2{padding:0.5rem;}
.px-3{padding-left:0.75rem;padding-right:0.75rem;}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}
.w-full{width:100%;}
.h-48{height:12rem;} /* 192px */

/* Borders & radius */
.border{border-width:1px;border-style:solid;border-color:#e5e7eb;} /* neutral border */
.rounded{border-radius:0.25rem;}

/* Backgrounds & gradients */
.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));}
.from-white{--tw-gradient-from: var(--white) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);}
.to-slate-50{--tw-gradient-to: var(--slate-50) var(--tw-gradient-to-position);}

/* Buttons basic hover (optional) */
button, .button{cursor:pointer;background-color:transparent;}
button:hover, .button:hover{filter:brightness(0.98);}

/* Utility for code tag appearance (optional) */
code{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace;background:#f3f4f6;padding:0.1em 0.25em;border-radius:0.25rem;}