/* ObjectNow Generator — assets/style.css */

:root{
  --brand:#004080;
  --ink:#111;
  --muted:#666;
  --line:#e2e6ef;
  --bg:#f7f9fc;
  --card:#fff;
  --radius:8px;
  --font: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

*{box-sizing:border-box}
html,body{height:100%}
body{font-family:var(--font);color:var(--ink);background:var(--bg);margin:0}

header{background:var(--brand);color:#fff;padding:16px 20px}
header h1{margin:0 0 4px;font-size:1.4rem}
header p{margin:0;opacity:.9}

.wrap, main{max-width:1100px;margin:0 auto;padding:20px}

.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin:16px 0}
.card.error{border-color:#f1cccc;background:#fff4f4}

fieldset{border:1px solid var(--line);border-radius:8px;padding:16px;margin:16px 0;background:#fff}
legend{padding:0 8px;font-weight:700}
label{display:block;font-weight:600;margin:10px 0 6px}
input[type=text],input[type=email],input[type=file],textarea{
  width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;background:#fff
}

.btns{display:flex;gap:10px;flex-wrap:wrap}
.btn,.button,button{
  display:inline-block;background:var(--brand);color:#fff;border:0;border-radius:6px;
  padding:10px 14px;font-weight:600;cursor:pointer;text-decoration:none
}
.btn.secondary{background:#1f73ff}
.btn.warn{background:#a23d3d}

.hidden{display:none}

#progressBar{background:#e9eef9;border-radius:6px;overflow:hidden;height:18px;margin:8px 0 0}
#progressBar>div{background:#1f73ff;height:100%;width:0;color:#fff;font-size:12px;text-align:center;line-height:18px}

.meta{font-size:14px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap}
pre.block{white-space:pre-wrap;word-wrap:break-word;border:1px solid var(--line);padding:16px;border-radius:6px;background:#fff}
.notice{background:#eef3ff;border:1px solid #dbe6ff;padding:10px 12px;border-radius:6px}
.footer{text-align:center;color:var(--muted);padding:24px 0 60px}