.dtg[data-astro-cid-nw36n7vq]{container:dtg/inline-size}.dtg-work[data-astro-cid-nw36n7vq]{grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;display:grid}@container dtg (width>=46rem){.dtg-work[data-astro-cid-nw36n7vq]{grid-template-columns:minmax(0,1fr) 20rem}@media (min-height:36rem){.dtg-view[data-astro-cid-nw36n7vq]{top:calc(var(--tool-sticky-top) + .75rem);position:sticky}.dtg-canvas[data-astro-cid-nw36n7vq]{max-height:max(14rem, calc(var(--tool-vh) - var(--tool-sticky-top) - 26rem))}.dtg-view[data-astro-cid-nw36n7vq]:has([data-drop][hidden]) .dtg-canvas[data-astro-cid-nw36n7vq]{max-height:max(14rem, calc(var(--tool-vh) - var(--tool-sticky-top) - 12rem))}}}@container dtg (width>=60rem){.dtg-work[data-astro-cid-nw36n7vq]{grid-template-columns:minmax(0,1fr) 22rem}}.dtg-view[data-astro-cid-nw36n7vq],.dtg-side[data-astro-cid-nw36n7vq]{grid-template-columns:minmax(0,1fr);gap:.75rem;min-width:0;display:grid}.dtg-side[data-astro-cid-nw36n7vq]{container:dtg-side/inline-size}.dtg-head[data-astro-cid-nw36n7vq],.dtg-side[data-astro-cid-nw36n7vq] .panel__head[data-astro-cid-nw36n7vq]{margin-bottom:0}[data-astro-cid-nw36n7vq][data-drop][hidden],.dtg-fields[data-astro-cid-nw36n7vq][hidden],.dtg-quality[data-astro-cid-nw36n7vq][hidden],.dtg-photo-bar[data-astro-cid-nw36n7vq] [data-astro-cid-nw36n7vq][hidden]{display:none}.dtg-stage[data-astro-cid-nw36n7vq]{border:1px solid var(--line);border-radius:var(--radius);background-color:var(--surface-2);background-image:linear-gradient(45deg, var(--surface-3) 25%, transparent 25%), linear-gradient(-45deg, var(--surface-3) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--surface-3) 75%), linear-gradient(-45deg, transparent 75%, var(--surface-3) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;place-items:center;min-height:12rem;padding:.5rem;display:grid}.dtg-stage[data-astro-cid-nw36n7vq].is-dragging{outline:3px dashed var(--focus);outline-offset:-3px}.dtg-canvas[data-astro-cid-nw36n7vq]{border-radius:3px;width:auto;max-width:100%;height:auto;max-height:min(70vh,46rem);display:block}.dtg-name[data-astro-cid-nw36n7vq]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dtg-mode[data-astro-cid-nw36n7vq]{justify-self:start}.dtg-ramp[data-astro-cid-nw36n7vq]{border-radius:var(--radius-s);border:1px solid var(--line-strong);height:1.6rem}.dtg-ramp-labels[data-astro-cid-nw36n7vq]{justify-content:space-between;margin-top:-.45rem;display:flex}.dtg-fields[data-astro-cid-nw36n7vq]{gap:.6rem;display:grid}.dtg-pair[data-astro-cid-nw36n7vq]{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.5rem;display:grid}.dtg-pair[data-astro-cid-nw36n7vq] .field[data-astro-cid-nw36n7vq]:last-child{grid-column:1}.dtg-swap[data-astro-cid-nw36n7vq]{grid-area:1/2/span 2;align-self:center;min-height:2.6rem}.dtg-swap[data-astro-cid-nw36n7vq] span[data-astro-cid-nw36n7vq]{display:inline-flex}.dtg-swap[data-astro-cid-nw36n7vq] .dtg-swap__h[data-astro-cid-nw36n7vq]{display:none}@container dtg-side (width>=30rem){.dtg-pair[data-astro-cid-nw36n7vq]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.dtg-pair[data-astro-cid-nw36n7vq] .field[data-astro-cid-nw36n7vq]:last-child{grid-column:3}.dtg-swap[data-astro-cid-nw36n7vq]{grid-row:1;align-self:end}.dtg-swap[data-astro-cid-nw36n7vq] .dtg-swap__h[data-astro-cid-nw36n7vq]{display:inline-flex}.dtg-swap[data-astro-cid-nw36n7vq] .dtg-swap__v[data-astro-cid-nw36n7vq]{display:none}}.dtg-colour[data-astro-cid-nw36n7vq]{align-items:center;gap:.4rem;display:flex}.dtg-colour[data-astro-cid-nw36n7vq] input[data-astro-cid-nw36n7vq][type=color]{border:1px solid var(--line-strong);border-radius:var(--radius-s);background:var(--surface);cursor:pointer;flex:0 0 2.6rem;width:2.6rem;height:2.6rem;padding:.15rem}.dtg-colour[data-astro-cid-nw36n7vq] .input[data-astro-cid-nw36n7vq]{flex:auto;min-width:0}.dtg-presets-title[data-astro-cid-nw36n7vq]{margin:.25rem 0 0;font-weight:650}.dtg-presets[data-astro-cid-nw36n7vq]{grid-template-columns:repeat(auto-fill,minmax(min(100%,8.25rem),1fr));gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.dtg-preset[data-astro-cid-nw36n7vq]{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);width:100%;min-height:2.75rem;color:var(--text);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:.5rem;padding:.3rem .45rem;font-size:.82rem;line-height:1.25;display:flex}.dtg-preset[data-astro-cid-nw36n7vq]:hover{border-color:var(--line-strong);background:var(--surface-2)}.dtg-preset[data-astro-cid-nw36n7vq][aria-pressed=true]{border-color:var(--cat);box-shadow:inset 0 0 0 1px var(--cat)}.dtg-preset[data-astro-cid-nw36n7vq]:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.dtg-preset__swatch[data-astro-cid-nw36n7vq]{border:1px solid var(--line-strong);border-radius:4px;flex:0 0 1.8rem;height:1.3rem}.dtg-preset__name[data-astro-cid-nw36n7vq]{overflow-wrap:anywhere;min-width:0}.dtg-stops[data-astro-cid-nw36n7vq]{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.dtg-stops[data-astro-cid-nw36n7vq] .dtg-stop{grid-template-columns:1.4rem 6.4rem 2.6rem minmax(0,1fr) auto;align-items:center;gap:.4rem;display:grid}.dtg-stops[data-astro-cid-nw36n7vq] .dtg-stop__n{color:var(--text-2);text-align:center;font-size:.85rem;font-weight:700}.dtg-stops[data-astro-cid-nw36n7vq] input[type=color]{border:1px solid var(--line-strong);border-radius:var(--radius-s);background:var(--surface);cursor:pointer;width:2.6rem;height:2.6rem;padding:.15rem}.dtg-stops[data-astro-cid-nw36n7vq] .input{min-width:0}@container dtg-side (width<=25rem){.dtg-stops[data-astro-cid-nw36n7vq] .dtg-stop{grid-template-columns:1.4rem 6.4rem 2.6rem auto}.dtg-stops[data-astro-cid-nw36n7vq] .dtg-stop__hex{grid-area:2/2/auto/-1}}.dtg-stop-actions[data-astro-cid-nw36n7vq]{--cluster-gap:.5rem}.dtg-subtitle[data-astro-cid-nw36n7vq]{margin:.5rem 0 0;font-size:.95rem}.dtg-sliders[data-astro-cid-nw36n7vq]{gap:.6rem;display:grid}.dtg-range-head[data-astro-cid-nw36n7vq]{justify-content:space-between;gap:.5rem;font-size:.92rem;font-weight:650;display:flex}.dtg-export[data-astro-cid-nw36n7vq]{justify-items:start;gap:.6rem;display:grid}.dtg-export[data-astro-cid-nw36n7vq] .field[data-astro-cid-nw36n7vq]{width:100%}.dtg-css-intro[data-astro-cid-nw36n7vq]{margin:0 0 .75rem}.dtg-css[data-astro-cid-nw36n7vq]{grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;display:grid}@container dtg (width>=52rem){.dtg-css[data-astro-cid-nw36n7vq]{grid-template-columns:minmax(0,1fr) minmax(14rem,22rem)}}.dtg-css__code[data-astro-cid-nw36n7vq]{gap:.5rem;min-width:0;display:grid}.dtg-class[data-astro-cid-nw36n7vq]{max-width:16rem}.dtg-code-title[data-astro-cid-nw36n7vq]{margin:.35rem 0 0;font-weight:650}.dtg-code[data-astro-cid-nw36n7vq]{max-height:18rem;margin:0}.dtg-css__check[data-astro-cid-nw36n7vq]{gap:.4rem;margin:0;display:grid}.dtg-check-box[data-astro-cid-nw36n7vq]{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);place-items:center;padding:.5rem;display:grid}.dtg-check-img[data-astro-cid-nw36n7vq]{border-radius:3px;max-width:100%;max-height:16rem;display:block}.dtg-live-svg[data-astro-cid-nw36n7vq]{width:0;height:0;position:absolute;overflow:hidden}