:root{--ink:#171717;--muted:#687076;--line:#d9dee2;--paper:#fff;--panel:#f6f7f4;--field:#fff;--brand:#25615f;--brand-dark:#173f3e;--accent:#b24f2a;--shadow:0 22px 70px #1a212624;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:-apple-system, BlinkMacSystemFont, "PingFang TC", "Heiti TC", "Microsoft JhengHei", sans-serif;color:var(--ink);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e9ece7;line-height:1.35}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}#app{min-height:100svh}.workspace{grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:28px;min-height:100svh;padding:24px;display:grid}.editor-panel,.preview-panel{min-width:0}.editor-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;align-self:start;gap:18px;padding:22px;display:grid;position:sticky;top:24px}.app-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:800}h1{color:var(--ink);letter-spacing:0;margin:0;font-size:28px;line-height:1.05}.print-button,.toolbar button{letter-spacing:0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:800;display:inline-flex}.print-button{color:#fff;background:var(--brand);flex:none;padding:0 14px}.toolbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.toolbar button{color:var(--brand-dark);background:#fff;border-color:#cbd5d5;padding:0 10px}.card-tabs{grid-template-columns:repeat(10,minmax(30px,1fr));gap:6px;display:grid}.card-tabs button{aspect-ratio:1;min-width:0;color:var(--muted);background:#fff;border:1px solid #cbd3ce;border-radius:6px;font-size:13px;font-weight:800}.card-tabs button.active{color:#fff;border-color:var(--brand-dark);background:var(--brand-dark)}.form-grid{grid-template-columns:1fr;gap:9px;display:grid}.form-grid label{gap:4px;display:grid}.form-grid span{color:#394044;font-size:16px;font-weight:800}.form-grid input{width:100%;min-height:40px;color:var(--ink);background:var(--field);letter-spacing:0;border:1px solid #cbd3ce;border-radius:6px;padding:6px 10px;font-size:19px}.form-grid input:focus{border-color:var(--brand);outline:3px solid #25615f2e}.preview-panel{justify-items:center;gap:12px;display:grid;overflow:auto}.sheet-info{color:var(--muted);justify-self:end;align-items:baseline;gap:5px;font-size:13px;font-weight:800;display:inline-flex}.sheet-info strong{color:var(--brand-dark);font-size:20px}.a4-sheet{background:var(--paper);width:210mm;height:297mm;box-shadow:var(--shadow);grid-template-rows:repeat(5,50mm);grid-template-columns:repeat(2,1fr);align-content:start;gap:2.5mm 2mm;padding:11mm 13mm 12mm;display:grid}.label-card{break-inside:avoid;color:#000;min-height:0;font-family:var(--mono);background:#fff;padding:2mm 1mm 0 2.2mm;position:relative;overflow:visible}.print-text-layer{display:none}.label-card:empty{opacity:0}.label-copy{min-width:0}.label-copy p{color:#000;letter-spacing:0;white-space:nowrap;grid-template-columns:20.5mm minmax(0,1fr);align-items:baseline;gap:.8mm;min-height:4.7mm;margin:0;font-size:15.3px;line-height:1.03;display:grid}.label-copy strong{font-size:15.3px;font-weight:800}.label-copy span{text-overflow:ellipsis;overflow:hidden}.label-copy .metric{grid-template-columns:20.5mm 17mm minmax(0,1fr)}.label-copy b{font-size:15.3px;font-weight:800}.part-row{grid-template-columns:66mm 7mm;align-items:start;gap:3mm;display:grid}.qty-row{grid-template-columns:54mm 24mm;align-items:center;gap:1.2mm;display:grid}.qty-row .barcode{width:23.5mm;height:4mm;margin:0}.barcode{shape-rendering:crispedges;width:55mm;max-width:100%;height:4mm;margin:.4mm 0 .95mm .2mm;display:block;overflow:visible}.barcode.empty{visibility:hidden}.qr-code{width:8.6mm;height:8.6mm;image-rendering:pixelated;background:#fff;place-self:start end;margin-top:.2mm;display:block}.qr-code.empty{visibility:hidden}@media (width<=1180px){.workspace{grid-template-columns:1fr}.editor-panel{position:static}.preview-panel{justify-items:start}}@media (width<=760px){.workspace{padding:14px}.editor-panel{padding:16px}.app-header,.toolbar{grid-template-columns:1fr}.app-header{display:grid}.print-button{width:100%}.toolbar{display:grid}.card-tabs{grid-template-columns:repeat(5,1fr)}.a4-sheet{transform-origin:0 0;margin-bottom:-154mm;transform:scale(.48)}}@page{size:A4;margin:0}@media print{:root{background:#fff}body{background:#fff;width:210mm;margin:0}.workspace{min-height:auto;padding:0;display:block}.editor-panel,.sheet-info{display:none}.preview-panel{display:block;overflow:visible}.a4-sheet{width:210mm;height:297mm;box-shadow:none;page-break-after:always;-webkit-print-color-adjust:exact;print-color-adjust:exact;margin:0}.label-card,.label-card *{color:#000!important;opacity:1!important;text-shadow:none!important;-webkit-text-fill-color:#000!important}.label-card{font-variant-east-asian:normal;font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Heiti TC,Microsoft JhengHei,Noto Sans CJK TC,sans-serif!important}.print-text-layer{z-index:2;pointer-events:none;width:88mm;height:50mm;display:block;position:absolute;inset:0}.label-copy,.label-copy p,.label-copy strong,.label-copy span,.label-copy b{font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Heiti TC,Microsoft JhengHei,Noto Sans CJK TC,sans-serif!important}.label-copy p{grid-template-columns:25mm minmax(0,1fr);color:#000!important;font-size:11.5pt!important;line-height:1.03!important}.label-copy .metric{grid-template-columns:25mm 17mm minmax(0,1fr)}.part-row{grid-template-columns:67mm 7mm}.qty-row{grid-template-columns:58mm 24mm}.label-copy strong,.label-copy span,.label-copy b{text-overflow:clip;white-space:nowrap;display:block;overflow:visible;color:#0000!important;-webkit-text-fill-color:transparent!important;font-size:11.5pt!important}}