[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .mosaic-shell[data-astro-cid-7kqvmdfu]{display:grid;gap:20px;margin-block:28px}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .mosaic-card[data-astro-cid-7kqvmdfu]{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:20px;box-shadow:0 16px 38px #0f172a12}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .drop-zone[data-astro-cid-7kqvmdfu]{position:relative;display:grid;gap:8px;place-items:center;min-height:170px;border:2px dashed #bfdbfe;border-radius:18px;background:#f8fbff;color:#1e3a8a;text-align:center;cursor:pointer}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .drop-zone[data-astro-cid-7kqvmdfu] input[data-astro-cid-7kqvmdfu]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .drop-zone[data-astro-cid-7kqvmdfu] strong[data-astro-cid-7kqvmdfu]{font-size:1.25rem}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .drop-zone[data-astro-cid-7kqvmdfu].is-drag{border-color:#2563eb;background:#eff6ff}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .settings-grid[data-astro-cid-7kqvmdfu]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] label[data-astro-cid-7kqvmdfu]{display:grid;gap:6px;color:#475569;font-weight:700}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] input[data-astro-cid-7kqvmdfu],[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] select[data-astro-cid-7kqvmdfu]{box-sizing:border-box;width:100%;min-height:42px;border:1px solid #cbd5e1;border-radius:12px;padding:9px 12px;font:inherit}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] input[data-astro-cid-7kqvmdfu][type=range]{padding:0;accent-color:#2563eb}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .action-row[data-astro-cid-7kqvmdfu]{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] button[data-astro-cid-7kqvmdfu]{min-height:42px;border:1px solid #1d4ed8;border-radius:12px;padding:9px 14px;background:#2563eb;color:#fff;font:inherit;font-weight:800;cursor:pointer}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] button[data-astro-cid-7kqvmdfu].secondary{border-color:#cbd5e1;background:#f8fafc;color:#0f172a}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] button[data-astro-cid-7kqvmdfu]:disabled{cursor:not-allowed;opacity:.55}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .mode-buttons[data-astro-cid-7kqvmdfu]{display:flex;flex-wrap:wrap;gap:8px}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .mode-buttons[data-astro-cid-7kqvmdfu] button[data-astro-cid-7kqvmdfu]{flex:1 1 110px;border-color:#cbd5e1;background:#f8fafc;color:#0f172a}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .mode-buttons[data-astro-cid-7kqvmdfu] button[data-astro-cid-7kqvmdfu].active{border-color:#1d4ed8;background:#2563eb;color:#fff}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .canvas-wrap[data-astro-cid-7kqvmdfu]{position:relative;display:grid;place-items:start center;min-height:260px;overflow:hidden;border:1px solid #dbe3ef;border-radius:18px;background:#f8fafc;touch-action:pan-y}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] canvas[data-astro-cid-7kqvmdfu]{display:block;max-width:100%;height:auto}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] #regionLayer[data-astro-cid-7kqvmdfu]{position:absolute;inset:0 auto auto 50%;transform:translate(-50%);touch-action:none;pointer-events:all}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .empty-editor[data-astro-cid-7kqvmdfu]{position:absolute;inset:0;display:grid;place-items:center;padding:24px;color:#64748b;text-align:center}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] [data-astro-cid-7kqvmdfu][hidden],[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .empty-editor[data-astro-cid-7kqvmdfu][hidden]{display:none}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .region[data-astro-cid-7kqvmdfu]{fill:#2563eb05;stroke:#2563ebe6;stroke-width:2;cursor:move;pointer-events:all}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .region[data-astro-cid-7kqvmdfu].selected{stroke:#ef4444}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .handle[data-astro-cid-7kqvmdfu]{fill:#ef4444;stroke:#fff;stroke-width:2;cursor:nwse-resize}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .region-heading[data-astro-cid-7kqvmdfu]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .region-heading[data-astro-cid-7kqvmdfu] h2[data-astro-cid-7kqvmdfu]{margin:0}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .region-count[data-astro-cid-7kqvmdfu]{flex:0 0 auto;border-radius:999px;padding:5px 10px;background:#eff6ff;color:#1d4ed8;font-size:.9rem;font-weight:800}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .empty-regions[data-astro-cid-7kqvmdfu]{display:grid;gap:4px;padding:14px;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc;color:#64748b}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .empty-regions[data-astro-cid-7kqvmdfu] strong[data-astro-cid-7kqvmdfu]{color:#334155}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .region-list[data-astro-cid-7kqvmdfu]{display:grid;gap:8px;max-height:320px;overflow-y:auto;padding-right:4px}[data-tool=image-mosaic] .region-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;min-height:44px;padding:7px 8px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}[data-tool=image-mosaic] .region-row:hover{background:#f8fafc}[data-tool=image-mosaic] .region-row.active{border-color:#2563eb;background:#eff6ff}[data-tool=image-mosaic] .region-number{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#e2e8f0;color:#334155;font-size:.85rem;font-weight:900}[data-tool=image-mosaic] .region-row.active .region-number{background:#2563eb;color:#fff}[data-tool=image-mosaic] .region-type{min-width:0;overflow:hidden;color:#0f172a;font-weight:700;text-overflow:ellipsis;white-space:nowrap}[data-tool=image-mosaic] .region-row.active .region-type{font-weight:900}[data-tool=image-mosaic] button.region-delete{display:grid;place-items:center;min-width:36px;width:36px;min-height:36px;height:36px;border-color:transparent;border-radius:999px;padding:0;background:transparent;color:#64748b;box-shadow:none;font-size:16px;line-height:1}[data-tool=image-mosaic] button.region-delete:hover{background:#fee2e2;color:#b91c1c}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .region-clear[data-astro-cid-7kqvmdfu]{margin-top:12px;width:100%}@media(max-width:860px){[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .settings-grid[data-astro-cid-7kqvmdfu]{grid-template-columns:1fr 1fr}}@media(max-width:560px){[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .mosaic-card[data-astro-cid-7kqvmdfu]{padding:16px;border-radius:18px}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .settings-grid[data-astro-cid-7kqvmdfu]{grid-template-columns:1fr}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .action-row[data-astro-cid-7kqvmdfu] button[data-astro-cid-7kqvmdfu]{flex:1 1 140px}[data-astro-cid-7kqvmdfu][data-tool=image-mosaic] .canvas-wrap[data-astro-cid-7kqvmdfu]{min-height:220px}}