*{box-sizing:border-box}body{color:#111;background:#eef2f7;margin:0;font-family:Arial,Helvetica,sans-serif}.app{gap:22px;padding:22px;display:flex}.panel{background:#fff;border-radius:18px;align-self:flex-start;width:390px;padding:20px;position:sticky;top:16px;box-shadow:0 10px 35px #0001}h1{margin:0 0 6px;font-size:24px}.muted{color:#667085;margin:0 0 16px}.seg{background:#f1f5f9;border-radius:12px;margin-bottom:12px;padding:4px;display:flex}.seg button{background:0 0;border:0;border-radius:10px;flex:1;padding:10px;font-weight:700}.seg .on{color:#fff;background:#0b5cff}label{margin:10px 0;font-size:13px;font-weight:700;display:block}input,select,textarea{background:#fff;border:1px solid #cbd5e1;border-radius:9px;width:100%;margin-top:5px;padding:10px 11px;font-size:14px}textarea{resize:vertical}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.actions{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:14px;display:grid}.actions button{color:#fff;background:#0b5cff;border:0;border-radius:10px;padding:11px;font-weight:800}.actions button:first-child{background:#111827}.preview{flex-wrap:wrap;flex:1;align-items:flex-start;gap:20px;display:flex}.label{background:#fff;border:1px solid #111;border-radius:3mm;width:100mm;height:100mm;padding:4mm;position:relative;overflow:hidden;box-shadow:0 12px 40px #0002}.logo{object-fit:contain;max-width:32mm;max-height:14mm}.logo.big{max-width:44mm;max-height:18mm}.noLogo{width:0;height:0}header{align-items:center;gap:3mm;margin-bottom:2mm;display:flex}header.center{justify-content:center;gap:2mm}h2{letter-spacing:.3px;margin:0;font-size:17px;font-weight:900}h3{margin:0 0 2mm;font-size:13px}p{margin:0}.box{border:1.8px solid #111;max-height:25mm;margin:2mm 0;padding:2mm;font-size:10.5px;line-height:1.12;overflow:hidden}.box.slim{max-height:21mm}.box.tall{max-height:30mm}.row{border-bottom:1px solid #111;grid-template-columns:20mm 1fr;min-height:9mm;display:grid}.row:last-child{border-bottom:0}.row b{font-size:10px}.row span{word-break:break-word;font-weight:700}.barcode{width:100%;max-width:94mm;margin:2mm auto 0;display:block}.wideBar{width:94mm;max-width:94mm}.topBar{max-width:70mm;margin:0 auto 1mm}.codeLine{text-align:center;letter-spacing:1.8px;font-size:13px;font-weight:800}.spaced{letter-spacing:4px}.district{text-transform:uppercase;white-space:nowrap;max-width:82mm;font-size:29px;font-weight:950;line-height:1;position:absolute;bottom:5mm;left:4mm;overflow:hidden}.district.small{font-size:24px}.topRoute{font-size:24px;font-weight:950}.qr{object-fit:contain;width:22mm;height:22mm}.info{align-items:center;gap:3mm;margin-top:2mm;font-size:12px;display:flex}.foot{font-size:10px;position:absolute;bottom:3mm;right:4mm}.twobox{border:1.8px solid #111;grid-template-columns:1fr 1fr;margin:2mm 0;display:grid}.twobox>div{min-height:27mm;padding:3mm}.twobox>div:first-child{border-right:1.8px solid #111}.twobox p{word-break:break-word;font-size:13px;line-height:1.25}.marketHead{border:1px solid #bbb;border-radius:2mm;margin-bottom:4mm;padding:2mm;font-size:11px;font-weight:700}.trendyGrid{grid-template-columns:1.05fr .95fr;gap:2.5mm;display:grid}.card{border:1.5px solid #ccc;border-radius:2mm;min-height:31mm;padding:2.4mm;font-size:11px;overflow:hidden}.barkodCard .barcode{width:43mm;max-width:43mm}.card p{word-break:break-word;margin:1.2mm 0;line-height:1.15}.sideRoute{writing-mode:vertical-rl;font-size:22px;font-weight:900;position:absolute;top:30mm;right:2mm}.us{border:2px solid #111;border-radius:1mm}.us header{border-bottom:2px solid #111;padding-bottom:2mm}.us h2{font-size:16px}.usBoxes{border:2px solid #111;grid-template-columns:1fr 1.45fr;margin:3mm 0;display:grid}.usBoxes>div{min-height:25mm;padding:3mm}.usBoxes>div:first-child{border-right:2px solid #111}.usBoxes b{font-size:11px}.usBoxes p{word-break:break-word;margin-top:2mm;font-size:13px;font-weight:700;line-height:1.25}.service{text-align:center;margin:2mm 0;font-size:13px;font-weight:900}.usBottom{border-top:1.5px solid #111;align-items:center;gap:4mm;margin-top:3mm;padding-top:3mm;font-size:12px;display:flex}.productPage{page-break-before:always}.productBox{border:1.5px solid #111;height:58mm;margin:5mm 0;padding:4mm;overflow:hidden}.productBox p{margin-bottom:3mm;font-size:13px;line-height:1.25}.t2 .qr{position:absolute;bottom:5mm;right:5mm}.t2 .barcode,.t4 .barcode,.t7 .barcode{margin-top:3mm}.t3 .district{font-size:24px}.t4 .district{bottom:12mm}.t6{padding:5mm}.t6 .barcode{max-width:43mm}.t6 .logo.big{margin:3mm 0 5mm}.t6 .foot{bottom:4mm;left:5mm;right:auto}.t5 .barcode{margin-top:5mm}@media (width<=900px){.app{flex-direction:column}.panel{width:100%;position:static}.preview{justify-content:center}}@media print{body{background:#fff}.panel{display:none}.app{padding:0;display:block}.preview{display:block}.label{width:100mm;height:100mm;box-shadow:none;page-break-after:always;border:0;border-radius:0;margin:0}.label:last-child{page-break-after:auto}@page{size:100mm 100mm;margin:0}}.inlineProducts{border:1.5px solid #bbb;border-radius:2mm;height:17mm;margin-top:2.5mm;padding:2mm;font-size:10.5px;line-height:1.15;overflow:hidden}.inlineProducts b{margin-bottom:1mm;display:block}.inlineProducts p{white-space:nowrap;text-overflow:ellipsis;margin:0 0 .8mm;overflow:hidden}.t1 header{border-bottom:2px solid #111;padding-bottom:1.5mm}.t1 .barcode{margin-top:2mm}.t1 .district{bottom:3.5mm}.t4 header{border-bottom:1.8px solid #111;justify-content:space-between;padding-bottom:1.5mm}.t4 .barcode{width:94mm;max-width:94mm;position:absolute;bottom:25mm;left:3mm;right:3mm}.t4 .district{font-size:27px;bottom:9mm;left:4mm}.t4 .foot{bottom:2mm}.t7 header{border-bottom:1.8px solid #111;padding-bottom:1.5mm}.t7 .sideRoute{font-size:19px;top:23mm;right:1.5mm}.t7 .barcode{width:94mm;max-width:94mm;position:absolute;bottom:24mm;left:3mm}.t2 .barcode{width:82mm;max-width:82mm;position:absolute;bottom:28mm;left:3mm}.t3 .barcode:not(.topBar){width:94mm;max-width:94mm}.topBar{width:82mm;max-width:82mm}@media print{.preview .productPage{display:block}.inlineProducts{height:17mm}}.topRoute,.sideRoute{display:none!important}.megaBar{width:96mm!important;max-width:96mm!important}.t1 .box{max-height:22mm}.t1 .barcode{position:absolute;bottom:26mm;left:2mm;right:2mm}.t1 .codeLine{position:absolute;bottom:21mm;left:2mm;right:2mm}.t1 .district{font-size:31px;bottom:4mm}.t2 header{border-bottom:1.8px solid #111;padding-bottom:1.4mm}.t2 .box{max-height:25mm}.t2 .barcode{width:96mm;max-width:96mm;position:absolute;bottom:27mm;left:2mm;right:2mm}.t2 .district{font-size:29px;bottom:7mm}.t2 .qr{width:18mm;height:18mm;bottom:3mm;right:3mm}.t4 .barcode{width:96mm;max-width:96mm;bottom:26mm;left:2mm;right:2mm}.t4 .district{font-size:30px;bottom:8mm}.t4 .box{max-height:25mm}.t7 .box{width:92mm;max-height:26mm}.t7 .barcode{width:96mm;max-width:96mm;bottom:26mm;left:2mm;right:2mm}.t7 .district{font-size:30px;bottom:7mm}.t6 .marketHead{margin-bottom:2.2mm;padding:1.5mm;font-size:9.5px}.t6 .logo.big{max-width:45mm;max-height:13mm;margin:1.2mm 0 2.2mm}.t6 .trendyGrid{gap:2mm}.t6 .card{min-height:27mm;padding:2mm;font-size:9.7px}.t6 .card p{margin:.9mm 0;line-height:1.08}.t6 .barkodCard .barcode{width:44mm;max-width:44mm}.t6 .inlineProducts{height:16mm;margin-top:1.8mm;padding:1.6mm;font-size:9.6px}.t6 .trendyDistrict{max-width:54mm;font-size:23px;bottom:7mm;left:5mm}.t6 .foot{font-size:8.5px;bottom:2mm;left:5mm}@media print{.label,.preview>div{page-break-after:auto!important;break-after:auto!important}.inlineProducts{break-inside:avoid}.t6{overflow:hidden}}