.dot-fill-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.dot-fill-actions button,.dot-fill-actions .button{width:auto;margin:0}.dot-fill-stage{overflow:auto;background:#2d3842;padding:16px;border-radius:12px;max-height:76vh}.dot-fill-page{position:relative;margin:auto;width:max-content;box-shadow:0 5px 24px #0008}.dot-fill-page canvas{display:block;background:#fff}.dot-fill-layer{position:absolute;left:0;top:0}.dot-entry{position:absolute;box-sizing:border-box;border:2px solid #008dc7;background:#e6f7ffdc;color:#071d31;padding:1px 3px;font:600 12px Arial,sans-serif;min-width:3px;min-height:3px}.dot-entry:focus{z-index:2;outline:3px solid #ffb000;border-color:#0752a2}.dot-entry.type-checkbox{display:grid;place-items:center;margin:0;padding:0;border-radius:2px;background:#fff;color:#0752a2;font:bold 12px Arial,sans-serif;line-height:1}.dot-entry.type-checkbox.checked{background:#e6f7ff}.dot-entry.type-dotmark{padding:0;font-size:11px}.dot-fill-help{background:#fff6d8;border:1px solid #efcf72;padding:12px;border-radius:8px;margin-bottom:12px}
.backup-row{flex-direction:row;align-items:center;justify-content:space-between;gap:18px}.backup-row>div{min-width:0}.backup-row strong{overflow-wrap:anywhere}.backup-row form{flex:0 0 auto}.backup-row form button{margin:0}.danger{background:#b42318!important;color:#fff!important}
.dot-fill-layer.alignment-mode .dot-entry{cursor:move!important;border-color:#ff9f00!important;background:#fff2c7e8!important;touch-action:none}.dot-fill-layer.alignment-mode .dot-entry:active{outline:3px solid #ff9f0066}
.dot-entry.type-date{padding:0 1px;font-size:9px}