/* Dark theme builder UI */
:root{
  --color-primary:#3b82f6;
  --color-secondary:#1e40af;
  --color-neutral:#e5e7eb;
  --color-text:#f9fafb;
  --bg:#0f172a;
  --bg-card:#1e293b;
  --border:#334155;
}
html,body{margin:0;padding:0;background:var(--bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,"Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji";}
.container{max-width:1100px;margin:0 auto;padding:16px;}
.site-header{border-bottom:1px solid var(--border);background:var(--bg-card);color:var(--color-text)}
.site-footer{border-top:1px solid var(--border);background:var(--bg-card);color:var(--color-text)}
.site-title{font-size:20px;margin:0;padding:12px 0;color:var(--color-text)}

/* Required selectors for debug check */
.btn { display:inline-block; padding:.5rem .75rem; border-radius:.375rem; border:1px solid var(--color-neutral-800,#2a2d36); background:var(--color-primary,#3b82f6); color:#fff; text-decoration:none; cursor:pointer }
.btn-primary { background:var(--color-primary,#3b82f6); color:#fff }
.btn-outline { background:transparent; color:var(--color-primary,#3b82f6); border-color:var(--color-primary,#3b82f6) }
.btn-ghost { background:transparent; color:var(--color-text,#e6e6e6); border-color:transparent }
.card { background:var(--bg-card); border:1px solid var(--border); border-radius:.5rem; padding:1rem; margin:1rem 0; color:var(--color-text) }
.wizard-progress { display:flex; gap:.5rem; margin:1rem 0; padding:1rem; background:#f8f9fa; border-radius:.5rem }
input,textarea,select { background:#1e293b; color:#f1f5f9; border:1px solid var(--border); border-radius:.375rem; padding:.5rem; width:100%; box-sizing:border-box }
input[type="color"] { background:#1e293b; border:1px solid var(--border); border-radius:.375rem; padding:.25rem; width:60px; height:40px; cursor:pointer }
input[type="text"] { background:#1e293b; color:#f1f5f9 }
fieldset { border:1px solid var(--border); border-radius:.5rem; padding:1rem; margin:1rem 0; background:var(--bg-card) }
legend { color:var(--color-text); font-weight:600; padding:0 .5rem }
label { display:block; margin:.5rem 0; color:var(--color-text); font-weight:500 }
.grid { display:grid }
.grid-cols-2 { grid-template-columns:1fr 1fr }
.gap-sm { gap:.5rem }

/* Layout utilities */
.mt-lg { margin-top:2rem }
.mt-sm { margin-top:.5rem }
.mb-sm { margin-bottom:.5rem }
.ml-sm { margin-left:.5rem }
.p-md { padding:1rem }
.py-xl { padding-top:3rem; padding-bottom:3rem }
.flex { display:flex }
.items-center { align-items:center }
.justify-between { justify-content:space-between }
.list { list-style:none; padding:0; margin:0 }
.text-muted { color:#94a3b8 }
.text-tertiary { color:#64748b }
.text-secondary { color:#cbd5e1 }
.text-sm { font-size:.875rem }
.actions { display:flex; gap:.5rem; flex-wrap:wrap }
.site-header-inner { display:flex; justify-content:space-between; align-items:center; padding:1rem 0 }
.site-nav { display:flex; gap:1rem; align-items:center }
.site-nav a { color:var(--color-primary,#3b82f6); text-decoration:none }
.site-nav a:hover { text-decoration:underline }