.label-layout{display:grid;grid-template-columns:minmax(280px,400px) 1fr;gap:24px;margin-top:24px}.label-controls,.label-preview{padding:24px;border:1px solid var(--border,#334047);border-radius:20px;background:var(--surface,#10191e)}.label-controls label{display:grid;gap:8px;margin:16px 0}.label-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.label-fields input{width:100%;min-width:0}.label-controls .muted{font-size:13px;color:var(--muted);margin-top:16px}.label-preview{overflow:auto}#labelPreview{padding:24px;display:flex;justify-content:center;min-width:min-content}.product-label{box-sizing:border-box;flex-shrink:0;background:white;color:black;width:var(--label-width,100mm);height:var(--label-height,150mm);padding:2mm;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;font-family:Arial,sans-serif}.product-label__name{font-size:10pt;line-height:1.12;font-weight:700;overflow-wrap:anywhere;max-width:100%;max-height:42%;overflow:hidden}.product-label__sku{font-size:9pt;margin:1mm 0;overflow-wrap:anywhere}.product-label svg{width:100%;min-height:0;flex:1;max-height:48%;display:block}#labelPrintArea{display:none}@media(max-width:800px){.label-layout{grid-template-columns:1fr}}@media print{body.watermark-page{margin:0!important;padding:0!important;background:white!important}body>*{display:none!important}body>main{display:block!important;margin:0!important;padding:0!important;max-width:none!important}main>*{display:none!important}#labelPrintArea{display:block!important}#labelPrintArea .product-label{break-after:page;break-inside:avoid}#labelPrintArea .product-label:last-child{break-after:auto}}

#labelResults{max-height:260px;overflow:auto;display:grid;gap:6px;margin-top:-8px}#labelResults:empty{display:none}.label-result{display:grid;gap:5px;text-align:left;padding:12px;border:1px solid var(--border,#334047);border-radius:10px;background:transparent;color:inherit;cursor:pointer}.label-result small{color:var(--muted)}.label-result:hover,.label-result:focus-visible{background:rgba(96,161,190,.12);border-color:#60a1be;outline:none}

#labelSelected:not([hidden]){display:flex;gap:14px;align-items:center;margin:16px 0;padding:12px;border:1px solid var(--border,#334047);border-radius:12px}#labelSelected img{width:76px;height:76px;object-fit:cover;border-radius:10px}#labelSelected>div{display:grid;gap:6px}#labelSelected small{color:var(--muted)}

#labelSelected{position:relative;padding-right:44px!important}.label-clear{position:absolute;right:8px;top:8px;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border,#334047);border-radius:8px;background:transparent;color:inherit;font-size:24px;line-height:1;cursor:pointer}.label-clear:hover,.label-clear:focus-visible{background:rgba(255,255,255,.08)}

.label-paper{box-sizing:border-box;width:var(--paper-width,100mm);height:var(--paper-height,150mm);background:#fff;color:#000;display:grid;align-content:start;justify-content:start;flex-shrink:0}#labelPreview .label-paper{box-shadow:0 3px 18px #0004}#labelPreview .product-label{outline:1px dashed #687b85;outline-offset:-1px}#labelPrintArea .label-paper{break-after:page;break-inside:avoid}#labelPrintArea .label-paper:last-child{break-after:auto}@media print{#labelPrintArea .product-label{break-after:auto;outline:none;border:0}}

.label-result{display:flex;align-items:center;gap:12px}.label-result__image{width:48px;height:48px;flex:0 0 48px;object-fit:cover;border-radius:8px}.label-result__info{display:grid;gap:5px;min-width:0}.label-result__info strong{overflow-wrap:anywhere}

.label-controls .label-border-option{display:flex;align-items:center;gap:10px}.label-border-option input{width:18px;height:18px;accent-color:#0098db}@media print{#labelPrintArea.with-print-borders .product-label{outline:0.2mm dashed #000!important;outline-offset:-0.2mm;}}
