body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#f4f1ea;color:#222}
main{max-width:1250px;margin:0 auto;padding:20px}
h1{margin:0 0 10px}
.panel{display:flex;flex-wrap:wrap;gap:12px;align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;padding:12px;margin:12px 0}
label{display:flex;gap:6px;align-items:center}
input,select,button{font-size:14px;padding:7px}
button{cursor:pointer}
#plan{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px}
.card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:12px}
.card h2{font-size:18px;margin:0 0 8px}
.meta{font-size:12px;color:#555;margin-bottom:8px}
.component{margin:7px 0;padding:7px;background:#fafafa;border:1px solid #eee;border-radius:6px}
.component button,.card button{margin:4px 4px 0 0}
.preview{margin-top:20px;background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px}
.preview h2{border-bottom:2px solid #222;padding-bottom:4px}
.preview h3{margin-top:18px}
table{border-collapse:collapse;width:100%;margin-bottom:14px}
td,th{border:1px solid #bbb;padding:6px;text-align:left}
@media print{
  .panel,#status,.card button,.card input,#plan{display:none!important}
  body{background:#fff}
  main{max-width:none;padding:0}
  .preview{border:0;padding:0}
  .doc-section{page-break-before:always}
  .doc-section:first-child{page-break-before:auto}
}


#quickStartMeals{
  margin-top:12px;
  padding:10px 14px;
  font-size:16px;
}