/* Label & Barcode Designer — design canvas, sheet preview, properties panel. */
.lb-hero{background:radial-gradient(circle at 92% 18%,#ffd16633,transparent 38%),linear-gradient(120deg,#2b2a1d,#211d38 75%)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.lb-frame{border:1px solid var(--usp-line,#3a3352);border-radius:16px;background:#1c182e;margin-top:14px;overflow:hidden;display:flex;flex-direction:column}
.lb-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 10px;background:#2d2645;border-bottom:1px solid #3a3352}
.lb-group{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.lb-right{margin-left:auto}
.lb .lb-btn{min-height:32px;padding:4px 10px;font-size:.84rem;border-radius:8px;background:#1c182e;border:1px solid #3a3352;color:#e9e3f7;display:inline-flex;align-items:center;gap:4px;cursor:pointer}
.lb .lb-btn.small{min-height:26px;padding:1px 8px;font-size:.78rem}.lb .lb-btn.usp-primary{background:#ffd166;color:#2a2000;border-color:transparent;font-weight:700}.lb .lb-btn[aria-pressed=true]{background:#6c47ff;border-color:#a998ff}
.lb .lb-sel select{height:32px;min-height:0;padding:2px 8px;font-size:.84rem;border-radius:8px;max-width:min(420px,70vw)}
.lb-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:640px}
.lb-design{display:grid;grid-template-rows:minmax(260px,46%) minmax(0,1fr);min-width:0;min-height:0}
.lb-canvaswrap{position:relative;background:#14111f;display:flex;flex-direction:column;min-height:0;border-bottom:1px solid #3a3352}
.lb-zoombar{display:flex;gap:6px;align-items:center;padding:5px 8px;font-size:.8rem;color:#d9d3ea;background:#1c182e;border-bottom:1px solid #2e2843}
.lb-chk{display:inline-flex;gap:5px;align-items:center;font-size:.8rem;color:#d9d3ea}.lb .lb-chk input[type=number]{width:60px;height:26px;min-height:0;padding:1px 4px}.lb-size{margin-left:auto;color:#9fb3c8;font:12px ui-monospace,Consolas,monospace}
.lb-stage{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:24px;min-height:0}
#lbSvg{background:#fff;box-shadow:0 0 0 1px #3a3352,0 10px 30px #0008;touch-action:none;flex:0 0 auto;user-select:none}
#lbSvg .el{cursor:move}#lbSvg .sel-box{fill:none;stroke:#6c47ff;vector-effect:non-scaling-stroke;stroke-width:1.5;pointer-events:none}#lbSvg .hnd{fill:#fff;stroke:#6c47ff;vector-effect:non-scaling-stroke;stroke-width:1.5;cursor:nwse-resize}
.lb-sheet{display:flex;flex-direction:column;min-height:0;background:#1c182e}
.lb-sheet .tg-tabs{margin:6px 8px 0}
.lb-pane{flex:1;min-height:0;overflow:auto;padding:8px 10px}
.lb-pager{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px;font-size:.82rem;color:#d9d3ea}
.lb-sheetview{display:flex;justify-content:center}.lb-sheetview svg{background:#fff;box-shadow:0 6px 24px #0008;max-width:100%;height:auto}
.lb .lb-props{border-radius:0;border:0;border-left:1px solid #3a3352;overflow:auto;padding:10px 12px}
.lb-props h3{margin:6px 0 8px;font-size:.8rem;color:#d9c1ff;text-transform:uppercase;letter-spacing:.05em}
.lb-kv{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:5px 8px;align-items:center;font-size:.84rem;color:#d9d3ea}
.lb .lb-kv input,.lb .lb-kv select{height:30px;min-height:0;padding:3px 6px;font-size:.84rem;width:100%}.lb .lb-kv input[type=number]{text-align:right}
.lb .lb-kv textarea,.lb .lb-props textarea{grid-column:1/-1;min-height:60px;font:inherit;font-size:.86rem;padding:6px 8px;width:100%}
.lb-kv .wide{grid-column:1/-1}.lb-kv input[type=color]{padding:0;height:28px}
.lb-fields{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.lb .lb-fields button{min-height:24px;padding:1px 7px;font-size:.75rem;border-radius:999px;background:#2d2645;border:1px solid #4a4163;color:#ffd166}
.lb-err{color:#ff9aa8;font-size:.8rem;margin:6px 0}
.lb-ellist{list-style:none;margin:0 0 10px;padding:0}.lb-ellist li{display:flex;gap:6px;align-items:center;padding:5px 6px;border-radius:6px;font-size:.82rem;color:#d9d3ea;cursor:pointer}.lb-ellist li:hover,.lb-ellist li.on{background:#2d2645}.lb-ellist li span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-table{width:100%;border-collapse:collapse;font-size:.8rem}.lb-table th,.lb-table td{padding:4px 6px;border-bottom:1px solid #2e2843;text-align:left;color:#d9d3ea;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.lb-table th{color:#ffd166}
.lb-frame .usp-status:empty{display:none}.lb-frame .usp-status{margin:0}
.lb-dlg{border:1px solid #6c47ff;border-radius:14px;background:#1c182e;color:#e9e3f7;padding:16px 18px;max-width:min(520px,94vw);box-shadow:0 20px 50px #000a}.lb-dlg::backdrop{background:#0008}.lb-dlg h3{margin:0 0 10px;color:#fff}.lb-dlg .lb-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:12px}.lb-dlg p{font-size:.82rem;color:#c8bfd9}
.lb-frame:fullscreen,.lb-frame.lb-full{position:fixed;inset:0;z-index:1000;margin:0;border:0;border-radius:0}.lb-frame:fullscreen .lb-body,.lb-frame.lb-full .lb-body{flex:1;min-height:0}
@media(max-width:900px){.lb-body{grid-template-columns:1fr}.lb-design{grid-template-rows:minmax(300px,auto) minmax(380px,auto)}.lb .lb-props{border-left:0;border-top:1px solid #3a3352}.lb-right{margin-left:0}}
/* properties panel: compact controls on every screen size */
.lb .lb-props{box-sizing:border-box;min-width:0;width:100%;padding:12px 14px;overflow-x:hidden}
.lb .lb-props input[type=checkbox],.lb .lb-pager input[type=checkbox],.lb .lb-zoombar input[type=checkbox]{width:18px;height:18px;min-height:0;margin:0;flex:0 0 18px;padding:0}
.lb .lb-props .lb-chk{display:flex;justify-content:flex-start;align-items:center;gap:8px;text-align:left;grid-column:1/-1;font-size:.84rem;padding:2px 0}
.lb .lb-kv input[type=color]{width:46px;height:28px;padding:0 2px;justify-self:end;min-height:0}
.lb .lb-kv>span{min-width:0}
@media(max-width:900px){.lb .lb-props{padding:12px 16px}.lb-kv{grid-template-columns:minmax(0,1fr) 120px}.lb-sheet .tg-tabs{overflow-x:auto}.lb-pager{gap:6px}}
.lb .lb-body aside.lb-props.tg-side{padding:12px 16px!important}
@media(max-width:900px){.lb-frame:fullscreen,.lb-frame.lb-full{overflow-y:auto;-webkit-overflow-scrolling:touch;display:block}.lb-frame:fullscreen .lb-body,.lb-frame.lb-full .lb-body{flex:none;height:auto;min-height:0}}
@media(max-width:900px){.lb .lb-body{grid-template-columns:minmax(0,1fr)}.lb-design,.lb-canvaswrap,.lb-sheet{min-width:0;max-width:100%}.lb-stage{max-height:62vh}.lb-sheetview svg{width:100%!important}}