.template-editor{display:grid;grid-template-columns:minmax(240px,1fr) minmax(230px,1fr);gap:22px}.template-preview-area{background:#f5f7fa;padding:15px;border-radius:8px;min-width:0;overflow:auto}.template-preview-area h3{margin:0 0 15px;font-size:14px}.template-preview-area h3 small{display:block;color:#8992a2;font-size:10px;font-weight:400;margin-top:7px}#template-preview{width:max-content;min-width:100%;padding:3px}.custom-label{box-sizing:border-box!important;margin:0!important;border:0!important;outline:1px dashed #aab4c7;background:white;color:#111;display:flex;flex-direction:column;gap:1mm;flex-shrink:0;overflow:visible;font-family:"Microsoft YaHei",sans-serif;line-height:1.2;letter-spacing:0;white-space:normal}.custom-label .label-heading{font-weight:700;flex-shrink:0;overflow-wrap:anywhere}.custom-label .label-footer{white-space:pre-wrap;overflow-wrap:anywhere;flex-shrink:0;font-size:inherit}.custom-label .label-main{display:flex;gap:1mm;flex-direction:column;align-items:center;flex-shrink:0;min-width:0}.custom-label .label-qr{object-fit:contain;display:block;flex-shrink:0;max-width:none!important}.custom-label .label-text{display:flex;flex-direction:column;gap:.6mm;min-width:0;width:100%;flex:1}.custom-label .label-field{font-size:inherit;line-height:1.2;white-space:normal;overflow-wrap:anywhere;margin:0!important;padding:0}.custom-label .package-token{font-size:inherit!important;font-family:monospace;line-height:1.15}.custom-label .package-quantity{font-weight:700;line-height:1.15}.custom-label[data-position=bottom] .label-main{flex-direction:column-reverse}.custom-label[data-position=left] .label-main{flex-direction:row;align-items:flex-start}.custom-label[data-position=right] .label-main{flex-direction:row-reverse;align-items:flex-start}.template-field-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid #edf0f5;gap:6px}.template-field-row label{font-size:11px;display:flex;align-items:center;gap:5px}.template-field-row small{color:#8d99af;font-size:9px}.template-field-row button{padding:3px 7px}.template-default{display:flex;align-items:center;gap:6px;margin:15px 0;font-size:12px}.template-print-controls{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.template-print-controls label{display:flex;align-items:center;gap:9px}.template-print-controls span{font-size:11px}.template-labels{padding:4px;overflow:auto;gap:6mm;align-items:flex-start}.template-labels .custom-label{max-width:none!important}@media(max-width:650px){.template-editor{grid-template-columns:1fr}.template-preview-area{max-height:500px}.template-print-controls{font-size:12px}.template-labels{flex-wrap:nowrap;justify-content:flex-start}}@media print{.custom-label{outline:none!important;break-inside:avoid;page-break-inside:avoid;max-width:none!important}.template-labels{padding:0!important;margin:0!important;overflow:visible!important;gap:3mm;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.template-labels[data-paper=roll]{display:block}.template-labels[data-paper=roll] .custom-label{break-after:page;page-break-after:always}.template-labels[data-paper=roll] .custom-label:last-child{break-after:auto;page-break-after:auto}.custom-label img.label-qr{max-width:none!important}.modal-card{overflow:visible!important}.custom-label .label-heading,.custom-label .label-field,.custom-label .label-footer{color:#000!important}}
.custom-label{min-height:0!important;min-width:0!important}
.modal-card:has(#template-form){width:1100px}.template-preview-area{position:sticky;top:12px;align-self:start;max-height:calc(90vh - 80px)}@media(max-width:650px){.template-preview-area{position:static;max-height:500px}}