:root{color-scheme: light dark}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0}
.container{max-width:1000px;margin:0 auto;padding:24px}
header .subtitle{opacity:.8}
.controls{border:1px solid #ddd;border-radius:12px;padding:16px;margin:16px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.group label{display:block;margin-bottom:6px;font-weight:600}
.group input,.group select{width:100%;padding:8px;border-radius:8px;border:1px solid #ccc;background:Field;color:FieldText}
.btn{padding:8px 10px;border-radius:8px;border:1px solid #ccc;background:#f6f6f6;cursor:pointer}
.btn.primary{background:#4a90e2;color:#fff;border-color:#4a90e2}
.sheet{margin:16px 0;padding:12px;border:1px dashed #aaa;border-radius:12px;min-height:200px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.cell{border:1px solid #e0e0e0;border-radius:8px;padding:6px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.barcode{width:100%}
.label-text{margin-top:6px;font-size:12px;text-align:center}
.notice{padding:12px;border:1px solid #f0ad4e;background:#fff7e6;border-radius:8px}
@media print{
  body{margin:0}
  .controls, header{display:none}
  .sheet{border:none;gap:0}
  .cell{border:none}
}