.utility-tool{padding-bottom:40px}.utility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;margin:16px 0}.utility-grid input{display:block;width:100%;box-sizing:border-box}.mosaic-stage{position:relative;width:fit-content;max-width:100%;margin:20px auto;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0/20px 20px}.mosaic-stage canvas{display:block;max-width:100%;height:auto;touch-action:none;cursor:crosshair}.mosaic-stage canvas:not([data-loaded]){display:none}#mosaicSelection{position:absolute;border:2px dashed #2563eb;background:#2563eb22;pointer-events:none;box-sizing:border-box}.utility-table-wrap{overflow:auto;max-height:620px}.utility-table{width:100%;border-collapse:collapse}.utility-table th,.utility-table td{padding:12px;border-bottom:1px solid #dde3ee;text-align:left;white-space:nowrap}.utility-table th{position:sticky;top:0;background:#edf3ff}.utility-tool button:disabled{opacity:.5;cursor:not-allowed}.utility-tool input[type=color]{height:44px}.utility-tool details{margin:16px 0}
.utility-tool input[type=date]{min-width:0;min-height:44px;padding:8px;border:1px solid #bbc8db;border-radius:6px;font:inherit;background:#fff;color:inherit}.utility-table-hint{font-size:.9rem;color:#52617a}.utility-table-wrap:focus-visible{outline:2px solid #2563eb;outline-offset:3px}