.cl[data-astro-cid-tlh5qetz]{--pick-white:#fff;--pick-black:#000}.cl-work[data-astro-cid-tlh5qetz]{gap:var(--s-5);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=960px){.cl-work[data-astro-cid-tlh5qetz]{gap:var(--s-6);grid-template-columns:minmax(0,1fr) 22rem;align-items:start}.cl-main[data-astro-cid-tlh5qetz]{align-self:stretch}.cl-sticky[data-astro-cid-tlh5qetz]{top:calc(var(--header-h) + var(--s-4));position:sticky}}@media (width<=959px){.cl-work[data-astro-cid-tlh5qetz]{flex-direction:column;display:flex}.cl-work[data-astro-cid-tlh5qetz]>.cl-main[data-astro-cid-tlh5qetz]{display:contents}.cl-sticky[data-astro-cid-tlh5qetz]{top:var(--header-h);z-index:4;margin-inline:calc(var(--s-4) * -1);padding:var(--s-2) var(--s-4);background:var(--surface);border-bottom:1px solid var(--border);text-align:center;position:sticky}}.cl-main[data-astro-cid-tlh5qetz]{gap:var(--s-2);flex-direction:column;min-width:0;display:flex}.cl-stage[data-astro-cid-tlh5qetz]{border:1px solid var(--control-border);border-radius:var(--r-1);background:repeating-conic-gradient(var(--surface-3) 0% 25%, var(--surface) 0% 50%) 0 0 / 16px 16px;touch-action:none;-webkit-user-select:none;user-select:none;max-width:100%;line-height:0;display:inline-block;position:relative}#cl-canvas[data-astro-cid-tlh5qetz]{cursor:grab;touch-action:none;width:auto;max-width:100%;height:auto;max-height:min(74vh,46rem);display:block}#cl-canvas[data-astro-cid-tlh5qetz]:active{cursor:grabbing}#cl-canvas[data-astro-cid-tlh5qetz]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (width<=959px){#cl-canvas[data-astro-cid-tlh5qetz]{max-height:38vh}}.cl-sel[data-astro-cid-tlh5qetz]{pointer-events:none;border:3px solid var(--pick-white);box-shadow:0 0 0 1.5px var(--pick-black), inset 0 0 0 1.5px var(--pick-black);position:absolute}.cl-side[data-astro-cid-tlh5qetz]{gap:var(--s-6);flex-direction:column;min-width:0;display:flex}.cl-sec[data-astro-cid-tlh5qetz]{gap:var(--s-4);flex-direction:column;min-width:0;display:flex}@media (width>=960px) and (height>=560px){.cl-export[data-astro-cid-tlh5qetz]{z-index:3;gap:var(--s-3);padding:var(--s-3) 0 var(--s-4);background:var(--surface);border-top:1px solid var(--border);position:sticky;bottom:0}}.cl-sec-head[data-astro-cid-tlh5qetz]{justify-content:space-between;align-items:baseline;gap:var(--s-3);display:flex}.cl-sec[data-astro-cid-tlh5qetz] h2{margin:0}.cl-tray[data-astro-cid-tlh5qetz]{gap:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(4.25rem,1fr));margin:0;padding:0;list-style:none;display:grid}.cl-tray[data-astro-cid-tlh5qetz] .cl-ti{min-width:0;position:relative}.cl-tray[data-astro-cid-tlh5qetz] .cl-ti.is-dragging{opacity:.5}.cl-tray[data-astro-cid-tlh5qetz] .cl-ti.is-over .cl-thumb{outline:2px dashed var(--accent);outline-offset:2px}.cl-tray[data-astro-cid-tlh5qetz] .cl-thumb{aspect-ratio:1;border:2px solid var(--border-strong);border-radius:var(--r-2);background:var(--surface-2);cursor:pointer;width:100%;padding:0;line-height:0;display:block;overflow:hidden}.cl-tray[data-astro-cid-tlh5qetz] .cl-thumb canvas{width:100%;height:100%;display:block}.cl-tray[data-astro-cid-tlh5qetz] .cl-thumb[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.cl-tray[data-astro-cid-tlh5qetz] .cl-thumb:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.cl-tray[data-astro-cid-tlh5qetz] .cl-num{background:var(--surface);min-width:1.25rem;color:var(--text);border:1px solid var(--border-strong);font:600 var(--fs-xs) / 1.3 var(--font-mono);text-align:center;pointer-events:none;border-radius:999px;padding:1px 5px;position:absolute;bottom:4px;left:4px}.cl-tray[data-astro-cid-tlh5qetz] .cl-grip{border-radius:var(--r-1);background:var(--surface);width:1.5rem;height:1.5rem;color:var(--text-2);border:1px solid var(--border-strong);cursor:grab;touch-action:none;place-items:center;display:grid;position:absolute;top:4px;right:4px}.cl-tools[data-astro-cid-tlh5qetz]{gap:var(--s-2);flex-wrap:wrap;display:flex}.cl-layouts[data-astro-cid-tlh5qetz]{gap:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(4.25rem,1fr));display:grid}.cl-layouts[data-astro-cid-tlh5qetz] .cl-lay{cursor:pointer;display:block;position:relative}.cl-layouts[data-astro-cid-tlh5qetz] .cl-lay input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.cl-layouts[data-astro-cid-tlh5qetz] .cl-mini{border:2px solid var(--border-strong);border-radius:var(--r-2);background:var(--surface-2);width:100%;max-height:5.5rem;display:block;position:relative;overflow:hidden}.cl-layouts[data-astro-cid-tlh5qetz] .cl-mini i{padding:1.5px;position:absolute}.cl-layouts[data-astro-cid-tlh5qetz] .cl-mini i:after{content:"";background:var(--text-3);border-radius:2px;width:100%;height:100%;display:block}.cl-layouts[data-astro-cid-tlh5qetz] .cl-lay input:checked+.cl-mini{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.cl-layouts[data-astro-cid-tlh5qetz] .cl-lay input:checked+.cl-mini i:after{background:var(--accent)}.cl-layouts[data-astro-cid-tlh5qetz] .cl-lay input:focus-visible+.cl-mini{outline:3px solid var(--focus);outline-offset:2px}.cl-swatches[data-astro-cid-tlh5qetz]{gap:var(--s-2);margin-bottom:var(--s-2);flex-wrap:wrap;display:flex}.cl-swatch[data-astro-cid-tlh5qetz]{border:2px solid var(--border-strong);background:var(--c);cursor:pointer;border-radius:50%;width:2.25rem;height:2.25rem;padding:0}.cl-swatch[data-astro-cid-tlh5qetz][aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.cl-swatch[data-astro-cid-tlh5qetz]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.cl-bg-row[data-astro-cid-tlh5qetz]{gap:var(--s-2);grid-template-columns:3rem minmax(0,1fr);display:grid}.cl-color[data-astro-cid-tlh5qetz]{width:100%;height:var(--control-h);border:1px solid var(--control-border);border-radius:var(--r-2);background:var(--surface);cursor:pointer;padding:3px}#cl-bg-field[data-astro-cid-tlh5qetz][data-off=true]{opacity:.5;pointer-events:none}.cl-result[data-astro-cid-tlh5qetz]{color:var(--text-2);min-height:1.4em;margin:0}@media (pointer:coarse),(width<=599px){#cl[data-astro-cid-tlh5qetz] .seg-item{min-height:2.75rem}}