.tu[data-astro-cid-27nwsn3v]{gap:12px;display:grid}.tu-toggle[data-astro-cid-27nwsn3v]{justify-self:start;align-items:center;gap:6px;display:inline-flex}.tu-toggle[data-astro-cid-27nwsn3v][aria-pressed=true]{border-color:var(--sky);background:var(--surface-2)}.tu-tools[data-astro-cid-27nwsn3v]{border-radius:var(--radius);border:1px solid var(--line);background:var(--card);flex-wrap:wrap;align-items:center;gap:12px 20px;padding:12px 14px;display:flex}.tu-tools[data-astro-cid-27nwsn3v][hidden]{display:none}.tu-range[data-astro-cid-27nwsn3v]{flex:150px;min-width:0;font-size:.9rem;font-weight:600;display:grid}.tu-range[data-astro-cid-27nwsn3v] output[data-astro-cid-27nwsn3v]{font-family:var(--font-mono);color:var(--muted);margin-left:4px;font-size:.78rem}.tu-range[data-astro-cid-27nwsn3v] input[data-astro-cid-27nwsn3v]{width:100%;accent-color:var(--primary)}.tu-check[data-astro-cid-27nwsn3v]{align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:inline-flex}.tu-btns[data-astro-cid-27nwsn3v]{flex-wrap:wrap;gap:8px;display:flex}.tu-btns[data-astro-cid-27nwsn3v] .chip-btn[data-astro-cid-27nwsn3v][disabled]{opacity:.4;cursor:default}.tu-tip[data-astro-cid-27nwsn3v]{color:var(--muted);flex-basis:100%;margin:0;font-size:.85rem}@media (width<=640px){.tu-toggle[data-astro-cid-27nwsn3v]{justify-content:center;justify-self:stretch;min-height:44px}.tu-tools[data-astro-cid-27nwsn3v]{display:grid}.tu-tools[data-astro-cid-27nwsn3v][hidden]{display:none}.tu-mode[data-astro-cid-27nwsn3v]{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tu-mode[data-astro-cid-27nwsn3v] label[data-astro-cid-27nwsn3v]{justify-content:center;min-height:44px}.tu-range[data-astro-cid-27nwsn3v] input[data-astro-cid-27nwsn3v],.tu-check[data-astro-cid-27nwsn3v]{min-height:44px}.tu-btns[data-astro-cid-27nwsn3v]{grid-template-columns:1fr 1fr;display:grid}.tu-btns[data-astro-cid-27nwsn3v] .chip-btn[data-astro-cid-27nwsn3v]{justify-content:center;min-height:44px}.tu-btns[data-astro-cid-27nwsn3v] .chip-btn[data-astro-cid-27nwsn3v]:last-child{grid-column:1/-1}}.cmp[data-astro-cid-i3o7b5h4]{border-radius:var(--radius-lg);border:1px solid var(--line);background:radial-gradient(70% 60% at 30% 0%, var(--primary-soft), transparent 70%), var(--surface);gap:14px;padding:clamp(14px,2vw,22px);display:grid}header[data-astro-cid-i3o7b5h4]{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 24px;display:flex}h2[data-astro-cid-i3o7b5h4]{overflow-wrap:anywhere;margin:6px 0 0;font-size:clamp(1.2rem,1rem + .8vw,1.6rem)}.stage[data-astro-cid-i3o7b5h4]{border-radius:var(--radius);overscroll-behavior:contain;background:var(--bg-soft);height:clamp(300px,60vh,640px);position:relative;overflow:auto}.frame[data-astro-cid-i3o7b5h4]{touch-action:pan-y;margin:auto;position:relative}.before[data-astro-cid-i3o7b5h4],.after[data-astro-cid-i3o7b5h4]{position:absolute;inset:0;overflow:hidden}.before[data-astro-cid-i3o7b5h4] img[data-astro-cid-i3o7b5h4]{user-select:none;-webkit-user-drag:none;max-width:none;display:block;position:absolute}.after[data-astro-cid-i3o7b5h4]{clip-path:inset(0 0 0 var(--x,35%));background:repeating-conic-gradient(#d9deea 0 25%, #fff 0 50%) 0 0 / 20px 20px}.after[data-astro-cid-i3o7b5h4] canvas{width:100%;height:100%;display:block}.handle[data-astro-cid-i3o7b5h4]{top:0;bottom:0;left:var(--x,35%);pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 0 1px #00000040,0 0 16px #7cc4ffcc}.handle[data-astro-cid-i3o7b5h4] span[data-astro-cid-i3o7b5h4]{color:#0b1030;pointer-events:auto;cursor:ew-resize;touch-action:none;background:#fff;border-radius:50%;place-items:center;width:40px;height:40px;margin:-20px 0 0 -20px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 6px 20px #0006}.frame[data-astro-cid-i3o7b5h4] input[data-astro-cid-i3o7b5h4]{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.frame[data-astro-cid-i3o7b5h4]:has(input:focus-visible) .handle[data-astro-cid-i3o7b5h4] span[data-astro-cid-i3o7b5h4]{outline:3px solid var(--focus)}.stage[data-astro-cid-i3o7b5h4].is-zoomed{cursor:grab}.stage[data-astro-cid-i3o7b5h4].is-zoomed.is-panning{cursor:grabbing;user-select:none}.stage[data-astro-cid-i3o7b5h4].is-zoomed .frame[data-astro-cid-i3o7b5h4]{touch-action:auto}.stage[data-astro-cid-i3o7b5h4].is-zoomed .frame[data-astro-cid-i3o7b5h4] input[data-astro-cid-i3o7b5h4]{pointer-events:none}.tag[data-astro-cid-i3o7b5h4]{z-index:1;border-radius:var(--radius-pill);color:#eef2ff;font-family:var(--font-mono);text-transform:uppercase;pointer-events:none;background:#070a1ab3;padding:4px 10px;font-size:.7rem;position:absolute;top:12px}.tb[data-astro-cid-i3o7b5h4]{left:12px}.ta[data-astro-cid-i3o7b5h4]{background:#0f8a5fd9;right:12px}.mask-view[data-astro-cid-i3o7b5h4]{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.mask-view[data-astro-cid-i3o7b5h4][hidden],.brush-layer[data-astro-cid-i3o7b5h4][hidden],.brush-ring[data-astro-cid-i3o7b5h4][hidden]{display:none}.brush-layer[data-astro-cid-i3o7b5h4]{z-index:2;cursor:none;touch-action:none;position:absolute;inset:0;overflow:hidden}.brush-ring[data-astro-cid-i3o7b5h4]{pointer-events:none;border:1.5px solid #fff;border-radius:50%;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #0000008c,inset 0 0 0 1px #00000059}.cmp[data-astro-cid-i3o7b5h4].is-brushing .handle[data-astro-cid-i3o7b5h4],.cmp[data-astro-cid-i3o7b5h4].is-brushing .tag[data-astro-cid-i3o7b5h4],.cmp[data-astro-cid-i3o7b5h4].is-brushing .frame[data-astro-cid-i3o7b5h4] input[data-astro-cid-i3o7b5h4]{display:none}.tip[data-astro-cid-i3o7b5h4]{color:var(--muted);margin:0;font-size:.88rem}.first-note[data-astro-cid-xysttpsm]{color:var(--muted);align-items:flex-start;gap:8px;margin:-4px 0 0;font-size:.9rem;display:flex}.first-note[data-astro-cid-xysttpsm][hidden]{display:none}.first-note[data-astro-cid-xysttpsm] svg{color:var(--sky);flex:none;margin-top:3px}.work[data-astro-cid-xysttpsm]{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--edge);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px 18px;display:grid}.work[data-astro-cid-xysttpsm][hidden]{display:none}.work-text[data-astro-cid-xysttpsm]{gap:4px;min-width:0;display:grid}.work-text[data-astro-cid-xysttpsm] span[data-astro-cid-xysttpsm]{color:var(--muted);font-size:.9rem}progress[data-astro-cid-xysttpsm]{border-radius:var(--radius-pill);background:var(--bg-soft);width:100%;height:8px;accent-color:var(--sky);border:0;margin-top:4px;overflow:hidden}progress[data-astro-cid-xysttpsm]::-webkit-progress-bar{background:var(--bg-soft)}progress[data-astro-cid-xysttpsm]::-webkit-progress-value{background:linear-gradient(90deg, var(--electric), var(--sky));border-radius:var(--radius-pill)}progress[data-astro-cid-xysttpsm]::-moz-progress-bar{background:linear-gradient(90deg, var(--electric), var(--sky));border-radius:var(--radius-pill)}.swatches[data-astro-cid-xysttpsm]{flex-wrap:wrap;gap:6px;display:flex}.sw[data-astro-cid-xysttpsm]{border:2px solid var(--line-strong);cursor:pointer;width:30px;height:30px;transition:transform var(--fast) var(--spring);border-radius:50%;padding:0}.sw[data-astro-cid-xysttpsm]:hover{transform:scale(1.12)}.sw[data-astro-cid-xysttpsm][aria-pressed=true]{outline:3px solid var(--sky);outline-offset:2px}.pick[data-astro-cid-xysttpsm],.check[data-astro-cid-xysttpsm]{align-items:center;gap:6px;font-size:.92rem;display:inline-flex}input[data-astro-cid-xysttpsm][type=color]{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:8px;width:36px;height:30px;padding:0}.br-range[data-astro-cid-xysttpsm]{flex:220px;min-width:0;font-size:.95rem;font-weight:650;display:grid}.br-range[data-astro-cid-xysttpsm][hidden]{display:none}.br-range[data-astro-cid-xysttpsm] output[data-astro-cid-xysttpsm]{font-family:var(--font-mono);color:var(--muted);margin-left:4px;font-size:.8rem}.br-range[data-astro-cid-xysttpsm] input[data-astro-cid-xysttpsm]{width:100%;accent-color:var(--primary)}.check[data-astro-cid-xysttpsm][hidden]{display:none}.br-grad[data-astro-cid-xysttpsm]{flex-basis:100%}.opt-label[data-astro-cid-xysttpsm]{font-size:.95rem;font-weight:650}label[data-astro-cid-xysttpsm].chip-btn{cursor:pointer}input[data-astro-cid-xysttpsm]:focus-visible+label[data-astro-cid-xysttpsm].chip-btn{outline:3px solid var(--focus);outline-offset:2px}@media (width<=640px){.seg[data-astro-cid-xysttpsm].br-bgs,.seg[data-astro-cid-xysttpsm].br-sizes{grid-template-columns:1fr 1fr}.br-bgs[data-astro-cid-xysttpsm] label[data-astro-cid-xysttpsm]:first-of-type,.br-sizes[data-astro-cid-xysttpsm] label[data-astro-cid-xysttpsm]:last-of-type{grid-column:1/-1}.br-range[data-astro-cid-xysttpsm] input[data-astro-cid-xysttpsm]{min-height:44px}.br-grad[data-astro-cid-xysttpsm] .swatches[data-astro-cid-xysttpsm]{grid-template-columns:repeat(5,minmax(0,40px))}.br-grad[data-astro-cid-xysttpsm] .seg[data-astro-cid-xysttpsm]{grid-template-columns:repeat(3,minmax(0,1fr))}.swatches[data-astro-cid-xysttpsm]{grid-template-columns:repeat(7,minmax(0,40px));justify-content:space-between;width:100%;display:grid}.sw[data-astro-cid-xysttpsm]{aspect-ratio:1;width:100%;height:auto}.pick[data-astro-cid-xysttpsm],.check[data-astro-cid-xysttpsm]{min-height:44px}input[data-astro-cid-xysttpsm][type=color]{width:44px;height:40px}.opt[data-astro-cid-xysttpsm][data-show=colour]{flex-wrap:wrap}.opt[data-astro-cid-xysttpsm][data-show=colour] .opt-label[data-astro-cid-xysttpsm]{flex-basis:100%}label[data-astro-cid-xysttpsm].chip-btn{justify-content:center;align-items:center;width:100%;display:inline-flex}.opt[data-astro-cid-xysttpsm][data-show=image]{flex-wrap:wrap}}@media (width<=520px){.work[data-astro-cid-xysttpsm]{grid-template-columns:auto 1fr}.work[data-astro-cid-xysttpsm] .btn[data-astro-cid-xysttpsm]{grid-column:1/-1}}