.box-label-editor{border:1px solid var(--line,#dbe5ea);border-radius:12px;padding:16px;margin:0;min-width:0;background:#fff}.box-label-editor-header{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.box-label-editor h3{margin:0 0 5px;font-size:var(--text-heading)}.box-label-editor h4{margin:0 0 9px;font-size:var(--text-body)}.box-label-editor p{font-size:var(--text-secondary);margin:6px 0}.box-label-media{display:flex;align-items:flex-end;gap:8px}.box-label-media label{display:grid;gap:5px;font-size:var(--text-secondary)}.box-label-media select{min-width:125px}.box-label-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.58fr);gap:18px;align-items:start}.box-label-canvas-panel{min-width:0}.box-label-canvas-caption{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:var(--text-secondary);font-weight:var(--weight-medium)}.box-label-canvas-grid{padding:22px 14px;background-color:#f3f7f7;background-image:linear-gradient(#dce7e766 1px,transparent 1px),linear-gradient(90deg,#dce7e766 1px,transparent 1px);background-size:12px 12px;border:1px solid #dbe5e7;border-radius:9px;display:flex;justify-content:center;align-items:center;min-height:200px}.box-label-paper{position:relative;width:100%;max-width:500px;background:white;box-shadow:0 2px 10px #102b3d22;overflow:hidden;min-width:0}.box-label-paper>img{display:block;width:100%;height:100%;object-fit:fill;image-rendering:pixelated}.box-label-paper>img[hidden]{display:none}.box-label-hit-layer{position:absolute;inset:0}.box-label-hit{position:absolute;margin:0;padding:0;min-height:0;background:transparent;border:1px dashed #97bcb980;border-radius:2px;cursor:move;touch-action:none;box-shadow:none}.box-label-hit:hover{background:#0d817414;border-color:#168c7d}.box-label-hit.selected{border:2px solid #087f73;box-shadow:inset 0 0 0 1px #fff8;background:#087f7308}.box-label-hit[hidden]{display:none}.box-label-controls{display:grid;gap:15px;min-width:0}.box-label-element-list{border-bottom:1px solid #e4ecec;padding-bottom:10px}.box-label-list-row{display:flex;gap:7px;align-items:center;border-radius:6px;padding:3px 5px}.box-label-list-row.selected{background:#e6f4f1}.box-label-list-row>input{width:15px;height:15px;min-height:0;margin:0;flex:0 0 15px}.box-label-list-row>button{display:flex;justify-content:space-between;gap:6px;align-items:center;flex:1;text-align:left;border:0;padding:6px 2px;background:transparent;font-size:var(--text-control);color:inherit;cursor:pointer;min-width:0}.box-label-list-row>button>span{font-size:var(--text-control);color:#56948a}.box-label-property-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.box-label-property-grid label{display:grid;gap:5px;min-width:0;font-size:var(--text-secondary)}.box-label-property-grid input,.box-label-property-grid select{padding:7px 8px;width:100%;min-width:0;min-height:var(--control-height)}.box-label-property-grid [hidden]{display:none}.box-label-property-grid .box-label-rotation{grid-column:1/-1}.box-label-canvas-hint{color:#617c83}.box-label-editor [data-label-preview-status]{min-height:19px}.box-label-template-footer{display:flex;gap:14px;justify-content:space-between;align-items:center;margin-top:16px;padding-top:13px;border-top:1px solid #e3ecec}.box-label-template-footer p{max-width:500px}.box-label-template-footer>button{flex:none}.box-label-editor .error{color:#a02525}.box-label-editor input:disabled,.box-label-editor select:disabled{opacity:.65}.box-label-editor[data-label-can-edit="0"] .box-label-hit{cursor:pointer}@media(max-width:700px){.box-label-workspace{grid-template-columns:1fr}.box-label-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.box-label-element-list{border-bottom:0;border-right:1px solid #e4ecec;padding:0 9px 0 0}.box-label-editor-header{gap:10px}.box-label-editor-header h3{font-size:var(--text-heading)}.box-label-template-footer{align-items:flex-start;flex-direction:column}.box-label-template-footer>button{width:100%}}@media(max-width:420px){.box-label-editor{padding:11px}.box-label-editor-header{flex-direction:column}.box-label-media{width:100%;justify-content:space-between}.box-label-workspace{gap:13px}.box-label-canvas-grid{padding:16px 9px;min-height:175px}.box-label-controls{gap:10px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.box-label-list-row{padding:3px 2px;gap:5px}.box-label-list-row>button{font-size:var(--text-control)}.box-label-property-grid{gap:7px}.box-label-property-grid label{font-size:var(--text-secondary)}.box-label-property-grid input{padding:6px 4px}}
.box-label-paper.preview-pending>img{opacity:.35}
.box-label-editor [hidden]{display:none!important}.box-label-editor[data-label-mode="view"] .box-label-workspace{grid-template-columns:minmax(0,1fr)}.box-label-media{flex-wrap:wrap;justify-content:flex-end}.box-label-media>.btn{white-space:normal;text-align:center;max-width:185px}.box-label-editor[data-label-mode="view"] .box-label-canvas-grid{background-image:none;background-color:#f4f7f7}.box-label-editor[data-label-mode="view"] .box-label-paper{cursor:default}@media(max-width:700px){.box-label-editor-header{flex-wrap:wrap}.box-label-media{justify-content:flex-start;width:100%}.box-label-media>.btn{flex:1;min-width:145px;max-width:none}}
.box-label-editor .box-label-active-format{display:inline-block;max-width:100%;padding:5px 8px;border-radius:6px;background:#e6f4f1;color:#087f73;font-weight:var(--weight-medium);overflow-wrap:anywhere}.box-label-media select{max-width:100%;width:170px}.box-label-media label{min-width:0}.box-label-template-footer>button{white-space:normal;text-align:center}.box-label-template-footer p{overflow-wrap:anywhere}
.box-label-alignment{margin-top:12px}.box-label-alignment>span{display:block;font-size:var(--text-secondary);margin-bottom:6px}.box-label-alignment-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.box-label-alignment-buttons>.btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 4px;min-width:0;font-size:var(--text-control);line-height:1.2}.box-label-alignment-buttons>.selected{background:#e6f4f1;border-color:#087f73;color:#087f73}.box-label-align-icon{width:16px;height:15px;display:flex;flex-direction:column;justify-content:center;gap:3px;align-items:flex-start}.box-label-align-icon>i{height:1.5px;width:14px;background:currentColor}.box-label-align-icon>i:nth-child(2){width:9px}.box-label-align-icon>i:nth-child(3){width:12px}[data-label-align="center"] .box-label-align-icon{align-items:center}[data-label-align="right"] .box-label-align-icon{align-items:flex-end}.box-label-alignment>p{margin:7px 0 0;font-size:var(--text-secondary)}