:root{--bg:#fff;--bg-alt:#f7f7f9;--border:#e2e2e6;--text:#1c1c1f;--text-muted:#6b6b76;--accent:#ff4b4b;--accent-hover:#e03e3e;--ok:#1e7e34;--ok-bg:#e8f5e9;--err:#b3261e;--err-bg:#fdecea;--warn-bg:#fff8e1;--warn-text:#8a6d00;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#10131a;--bg-alt:#1a1e27;--border:#2c313c;--text:#eef0f4;--text-muted:#9aa1b1;--ok:#6fd18a;--ok-bg:#123420;--err:#ff8a80;--err-bg:#3a1613;--warn-bg:#3a2f0d;--warn-text:#f0c948;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#10131a;--bg-alt:#1a1e27;--border:#2c313c;--text:#eef0f4;--text-muted:#9aa1b1;--ok:#6fd18a;--ok-bg:#123420;--err:#ff8a80;--err-bg:#3a1613;--warn-bg:#3a2f0d;--warn-text:#f0c948;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#app{max-width:1400px;margin:0 auto;padding:24px 16px 64px}.topbar h1{margin:0 0 4px;font-size:1.8rem}.topbar p{color:var(--text-muted);margin:0 0 24px}.layout{flex-wrap:wrap;align-items:flex-start;gap:28px;display:flex}.sidebar{background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;flex:0 0 280px;padding:18px}.sidebar section+section{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.sidebar h2{margin:0 0 10px;font-size:.95rem}.sidebar label{color:var(--text-muted);margin:10px 0 4px;font-size:.82rem;display:block}.sidebar input[type=number],.sidebar input[type=text]{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:6px;padding:7px 9px;font-size:.9rem}.caption{color:var(--text-muted);margin:4px 0 0;font-size:.78rem}.content{flex:480px;min-width:0}.upload-row{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.upload-col{flex:320px;min-width:0}.template-col{flex:none}.field-label{color:var(--text-muted);margin-bottom:6px;font-size:.85rem;display:block}input[type=file]{border:1px dashed var(--border);background:var(--bg-alt);width:100%;color:var(--text);border-radius:8px;padding:8px;display:block}.btn{cursor:pointer;border:none;border-radius:8px;padding:9px 16px;font-size:.9rem;font-weight:600}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed}.btn-secondary{background:var(--bg-alt);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-block{width:100%}.info-box,.warning-box,.error-box{border-radius:8px;margin:12px 0;padding:12px 14px;font-size:.88rem;line-height:1.5}.info-box{background:var(--bg-alt);border:1px solid var(--border)}.warning-box{background:var(--warn-bg);color:var(--warn-text)}.error-box{background:var(--err-bg);color:var(--err)}.metrics{flex-wrap:wrap;gap:16px;margin:18px 0;display:flex}.metric{background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;flex:140px;padding:12px 16px}.metric .label{color:var(--text-muted);font-size:.78rem}.metric .value{font-size:1.6rem;font-weight:700}.table-wrap{border:1px solid var(--border);border-radius:8px;margin:12px 0;overflow-x:auto}table.pallets{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.85rem}table.pallets th,table.pallets td{border-bottom:1px solid var(--border);text-align:left;padding:8px 10px}table.pallets th{background:var(--bg-alt);position:sticky;top:0}table.pallets td.problems{white-space:normal;min-width:260px}.status-ready{color:var(--ok);font-weight:600}.status-error{color:var(--err);font-weight:600}h2.section-title{margin:28px 0 10px;font-size:1.2rem}.preview-grid{flex-wrap:wrap;align-items:flex-start;gap:24px;margin-top:12px;display:flex}.preview-image{flex:320px;min-width:0}.preview-image canvas{border:1px solid var(--border);background:#fff;border-radius:4px;width:100%;height:auto}.preview-side{flex:380px;min-width:0}select{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;max-width:100%;padding:7px 9px;font-size:.9rem}details.zpl summary{cursor:pointer;margin:10px 0;font-size:.88rem}pre.zpl-code{background:var(--bg-alt);border:1px solid var(--border);border-radius:8px;max-height:320px;padding:12px;font-size:.78rem;overflow-x:auto}.output-row{flex-wrap:wrap;gap:16px;margin-top:20px;display:flex}.output-col{flex:220px}