.dmg-layout{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.dmg-output{position:sticky;top:84px}.dmg-preview{border:1px solid var(--border-card);border-radius:var(--radius-lg);background:var(--bg-secondary);place-items:center;height:min(70vh,620px);min-height:320px;padding:1rem;display:grid;overflow:hidden}.dmg-preview.is-transparent{background-color:#e5e7eb;background-image:linear-gradient(45deg,#c9ccd3 25%,#0000 25% 75%,#c9ccd3 75%),linear-gradient(45deg,#c9ccd3 25%,#0000 25% 75%,#c9ccd3 75%);background-position:0 0,10px 10px;background-size:20px 20px}.dmg-canvas{border-radius:4px;max-width:100%;max-height:100%;display:block}.dmg-swatches{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.dmg-swatch{border:2px solid var(--border-input);border-radius:var(--radius-sm);cursor:pointer;background-size:cover;width:44px;height:44px;padding:0;box-shadow:inset 0 0 0 1px #7f7f7f40}.dmg-swatch.is-selected{border-color:var(--accent-indigo);box-shadow:0 0 0 2px var(--accent-indigo)}.dmg-swatch:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:2px}.dmg-colors{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.dmg-color{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.45rem;font-size:.85rem;font-weight:600;display:inline-flex}.dmg-color input[type=color]{border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg-input);cursor:pointer;width:44px;height:44px;padding:3px}.dmg .tool-range{background:0 0;height:40px}.dmg .tool-range::-webkit-slider-runnable-track{background:#7f7f7f59;border-radius:3px;height:6px}.dmg .tool-range::-webkit-slider-thumb{margin-top:-6px}.dmg .tool-range::-moz-range-track{background:#7f7f7f59;border-radius:3px;height:6px}.dmg-export{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;display:flex}.dmg .ui-segment{min-height:40px}@media (width<=900px){.dmg-layout{grid-template-columns:minmax(0,1fr)}.dmg-output{display:contents}.dmg-preview{order:-1}.dmg-output>.ui-section{order:1}.dmg-preview{aspect-ratio:4/3;height:auto;min-height:0}}