[data-merge-tool] .template-btn-with-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;padding:.4rem .5rem;border-radius:.5rem;border:1px solid rgb(229 231 235);background:#f9fafb;cursor:pointer;transition:all .15s;min-width:0}:is(.dark) [data-merge-tool] .template-btn-with-icon{border-color:#374151;background:#0f0f0f}[data-merge-tool] .template-btn-with-icon:hover{border-color:#60a5fa;background:#eff6ff}[data-merge-tool] .template-btn-with-icon.active{background:#3b82f6;border-color:#3b82f6;color:#fff}[data-merge-tool] .template-btn-with-icon.active .grid-icon span{background:#ffffffe6}[data-merge-tool] .template-btn-with-icon.active .template-label{color:#fff}[data-merge-tool] .template-label{font-size:11px;font-weight:600;color:#4b5563;text-align:center;line-height:1.2;word-break:break-word}:is(.dark) [data-merge-tool] .template-label{color:#9ca3af}[data-merge-tool] .grid-icon{border-radius:.375rem;overflow:hidden;display:grid;gap:2px;width:36px;height:28px}[data-merge-tool] .grid-icon span{background:#60a5fa;border-radius:.125rem}[data-merge-tool] .grid-icon-2x2{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}[data-merge-tool] .grid-icon-1x2{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;height:16px}[data-merge-tool] .grid-icon-2x1{grid-template-columns:1fr;grid-template-rows:repeat(2,1fr);width:18px}[data-merge-tool] .grid-icon-1x3{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;height:16px}[data-merge-tool] .mi-axis-step{width:2rem;height:2rem;border-radius:.5rem;border:1px solid rgb(209 213 219);background:#f9fafb;color:#1f2937;font-size:1.125rem;line-height:1;cursor:pointer}:is(.dark) [data-merge-tool] .mi-axis-step{border-color:#374151;background:#0f0f0f;color:#e5e7eb}[data-merge-tool] .mi-axis-card{display:flex;justify-content:center}[data-merge-tool] .mi-axis-preview{display:grid;gap:3px;width:min(100%,7.5rem);padding:.55rem .65rem;border-radius:.5rem;border:1px solid rgb(229 231 235);background:#f9fafb}:is(.dark) [data-merge-tool] .mi-axis-preview{border-color:#374151;background:#0f0f0f}[data-merge-tool] .mi-axis-preview span{aspect-ratio:5/4;min-height:.65rem;border-radius:.125rem;background:#60a5fa}[data-merge-tool] .mi-axis-preview span.is-empty{background:#bfdbfe;box-shadow:inset 0 0 0 1px #93c5fd}[data-merge-tool] .format-btn{padding:.5rem .4rem;font-size:.75rem;font-weight:500;border-radius:.5rem;border:1px solid rgb(209 213 219);background:#f9fafb;color:#374151}:is(.dark) [data-merge-tool] .format-btn{border-color:#374151;background:#0f0f0f;color:#d1d5db}[data-merge-tool] .format-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}[data-merge-tool] .mi-tray{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.5rem;list-style:none;margin:0}[data-merge-tool] .mi-tile{position:relative;aspect-ratio:1;border-radius:.75rem;overflow:hidden;border:1px solid rgb(229 231 235);background:#f3f4f6;cursor:grab}:is(.dark) [data-merge-tool] .mi-tile{border-color:#1f2937;background:#0f0f0f}[data-merge-tool] .mi-tile.is-dragging{opacity:.45}[data-merge-tool] .mi-tile.is-drop{outline:2px solid rgb(59 130 246)}[data-merge-tool] .mi-tile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}[data-merge-tool] .mi-tile-num{position:absolute;top:.25rem;left:.25rem;min-width:1.1rem;height:1.1rem;padding:0 .25rem;border-radius:999px;background:#111827bf;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}[data-merge-tool] .mi-tile-x{position:absolute;top:.2rem;right:.2rem;width:1.2rem;height:1.2rem;border:0;border-radius:999px;background:#111827bf;color:#fff;font-size:14px;line-height:1;cursor:pointer}[data-merge-tool] .mi-settings-scroll{padding-left:.15rem;padding-right:.15rem}[data-merge-tool] .mi-more{border:1px solid rgb(229 231 235);border-radius:.75rem;background:#f9fafb}:is(.dark) [data-merge-tool] .mi-more{border-color:#374151;background:#111827}[data-merge-tool] .mi-more-summary{list-style:none;cursor:pointer;padding:.7rem .85rem;font-size:.875rem;font-weight:600;color:#1f2937;display:flex;align-items:center;justify-content:space-between;gap:.5rem}:is(.dark) [data-merge-tool] .mi-more-summary{color:#e5e7eb}[data-merge-tool] .mi-more-summary::-webkit-details-marker{display:none}[data-merge-tool] .mi-more-summary:after{content:"";width:.4rem;height:.4rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.5;flex:0 0 auto;margin-top:-.15rem}[data-merge-tool] .mi-more[open] .mi-more-summary{border-bottom:1px solid rgb(229 231 235)}:is(.dark) [data-merge-tool] .mi-more[open] .mi-more-summary{border-bottom-color:#374151}[data-merge-tool] .mi-more[open] .mi-more-summary:after{transform:rotate(-135deg);margin-top:.2rem}[data-merge-tool] .mi-more-body{padding:.85rem}[data-merge-tool] .mi-step-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.25rem}[data-merge-tool] .mi-step-row>span:first-child{font-size:.875rem;font-weight:500;color:#374151}:is(.dark) [data-merge-tool] .mi-step-row>span:first-child{color:#d1d5db}[data-merge-tool] .mi-swatches{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;padding:.35rem .15rem}[data-merge-tool] .mi-swatch{width:1.5rem;height:1.5rem;border-radius:999px;border:1px solid rgb(209 213 219);padding:0;cursor:pointer}[data-merge-tool] .mi-swatch.active,[data-merge-tool] .mi-swatch-custom.active{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px #3b82f6}:is(.dark) [data-merge-tool] .mi-swatch.active,:is(.dark) [data-merge-tool] .mi-swatch-custom.active{box-shadow:0 0 0 2px #1a1a1a,0 0 0 4px #60a5fa}[data-merge-tool] .mi-swatch-alpha{background-color:#fff;background-image:linear-gradient(45deg,#d1d5db 25%,transparent 25%),linear-gradient(-45deg,#d1d5db 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d1d5db 75%),linear-gradient(-45deg,transparent 75%,#d1d5db 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}[data-merge-tool] .mi-swatch-custom{position:relative;display:inline-flex;align-items:center;gap:.4rem;width:auto;height:2rem;border-radius:999px;cursor:pointer;box-sizing:border-box;padding:.15rem .65rem .15rem .15rem;border:1px solid rgb(209 213 219);background:#f9fafb}:is(.dark) [data-merge-tool] .mi-swatch-custom{border-color:#374151;background:#111827}[data-merge-tool] .mi-swatch-custom-ring{display:grid;place-items:center;width:1.55rem;height:1.55rem;flex:0 0 1.55rem;border-radius:999px;background:conic-gradient(#ef4444,#facc15,#22c55e,#3b82f6,#a855f7,#ec4899,#ef4444);padding:2px;box-sizing:border-box}[data-merge-tool] .mi-swatch-custom-face{display:grid;place-items:center;width:100%;height:100%;border-radius:999px;background:#fff;color:#374151}:is(.dark) [data-merge-tool] .mi-swatch-custom-face{background:#111827;color:#e5e7eb}[data-merge-tool] .mi-swatch-custom-icon{width:.85rem;height:.85rem;pointer-events:none}[data-merge-tool] .mi-swatch-custom-text{font-size:11px;font-weight:700;line-height:1;color:#1f2937;white-space:nowrap}:is(.dark) [data-merge-tool] .mi-swatch-custom-text{color:#e5e7eb}[data-merge-tool] .mi-swatch-custom input{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;padding:0;cursor:pointer}[data-merge-tool] .mi-settings-download{display:block;width:100%;text-align:center;font-size:.9375rem;font-weight:700;padding:.7rem 1rem;border-radius:.75rem;border:1px solid rgb(59 130 246);background:#3b82f6;color:#fff;cursor:pointer}[data-merge-tool] .mi-settings-download:hover:not(:disabled){background:#2563eb;border-color:#2563eb}[data-merge-tool] .mi-settings-download:disabled{opacity:.45;cursor:not-allowed}[data-merge-tool] .mi-reorder-coach{display:flex;align-items:center;gap:.55rem;margin-bottom:.7rem;padding:.65rem .75rem;border-radius:.75rem;border:1px solid rgb(191 219 254);background:#eff6ff;color:#1e40af}:is(.dark) [data-merge-tool] .mi-reorder-coach{border-color:#1e40af;background:#1725548c;color:#bfdbfe}[data-merge-tool] .mi-reorder-coach.hidden{display:none}[data-merge-tool] .mi-reorder-coach-icon{width:1.15rem;height:1.15rem;flex:0 0 1.15rem}[data-merge-tool] .mi-reorder-coach-text{margin:0;flex:1 1 auto;font-size:.875rem;font-weight:600;line-height:1.35}[data-merge-tool] .mi-reorder-dismiss{flex:0 0 auto;border:0;background:0 0;color:inherit;font-size:.8125rem;font-weight:700;cursor:pointer;padding:.15rem .2rem;text-decoration:underline;text-underline-offset:2px}[data-merge-tool] .mi-reorder-hint{display:flex;align-items:flex-start;gap:.35rem;margin-top:.55rem;font-size:.8125rem;line-height:1.4;color:#4b5563}:is(.dark) [data-merge-tool] .mi-reorder-hint{color:#9ca3af}[data-merge-tool] .mi-preview-frame{position:relative;display:flex;align-items:center;justify-content:center;min-height:160px;border-radius:.75rem;border:1px solid rgb(229 231 235);background:#f9fafb;overflow:hidden}:is(.dark) [data-merge-tool] .mi-preview-frame{border-color:#1f2937;background:#0f0f0f}[data-merge-tool] .mi-preview-frame.is-alpha{background-color:#fff;background-image:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}[data-merge-tool] .mi-preview-stack{position:relative;display:block;width:-moz-fit-content;width:fit-content;max-width:100%;margin-inline:auto;line-height:0}[data-merge-tool] .mi-live-preview{display:block;margin:0;max-width:100%;max-height:min(74vh,680px);width:auto;height:auto;pointer-events:none}[data-merge-tool] .mi-board{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0;border-radius:0;background:0 0}[data-merge-tool] .mi-cell{position:absolute;min-height:0;border-radius:0;overflow:hidden;cursor:grab;touch-action:none;background:0 0}[data-merge-tool] .mi-cell:hover{outline:2px solid rgb(59 130 246/.75);outline-offset:-2px}[data-merge-tool] .mi-cell.is-empty{border:1px dashed rgb(156 163 175);cursor:default;background:#0000000a}[data-merge-tool] .mi-cell.is-dragging{background:#3b82f62e}[data-merge-tool] .mi-cell.is-drop{outline:2px solid rgb(59 130 246);outline-offset:-2px;background:#3b82f629}[data-merge-tool] .mi-cell-num{position:absolute;top:.3rem;left:.3rem;min-width:1.15rem;height:1.15rem;padding:0 .3rem;border-radius:999px;background:#111827b3;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:none}[data-merge-tool] .mi-cell-x{position:absolute;top:.25rem;right:.25rem;width:1.25rem;height:1.25rem;border:0;border-radius:999px;background:#111827b3;color:#fff;font-size:14px;line-height:1;cursor:pointer}[data-merge-tool] .thumb-item-actions{display:flex;flex-wrap:wrap;gap:.5rem}[data-merge-tool] .chip-button{font-size:.8125rem;font-weight:600;padding:.4rem .75rem;border-radius:999px;border:1px solid rgb(209 213 219);background:#fff;color:#1f2937}:is(.dark) [data-merge-tool] .chip-button{border-color:#374151;background:#1f2937;color:#e5e7eb}[data-merge-tool] .chip-button-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}[data-merge-tool] .chip-button-ghost:hover{border-color:#60a5fa}.feature-visual[data-astro-cid-k5jx4ybk],.step-visual[data-astro-cid-k5jx4ybk]{padding:0;overflow:hidden;border-radius:1rem;border:1px solid rgb(229 231 235);background:#f9fafb}[data-astro-cid-k5jx4ybk]:is(.dark) .feature-visual[data-astro-cid-k5jx4ybk],[data-astro-cid-k5jx4ybk]:is(.dark) .step-visual[data-astro-cid-k5jx4ybk]{border-color:#1f2937;background:#1a1a1a}.feature-visual[data-astro-cid-k5jx4ybk]{max-width:48rem;margin:2rem auto 0}.media-fill[data-astro-cid-k5jx4ybk]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;aspect-ratio:16/9}