.offset-figure.svelte-lmuq42{color:#050505;gap:1rem;margin:1rem 0 1.25rem;font-family:Arial Rounded MT Bold,ui-rounded,system-ui,sans-serif;display:grid}figcaption.svelte-lmuq42{color:#786ca2;gap:.2rem;font-size:.86rem;font-weight:800;line-height:1.45;display:grid}figcaption.svelte-lmuq42 strong:where(.svelte-lmuq42){color:#281b4d;font-size:1rem;font-weight:900}.offset-layout.svelte-lmuq42{grid-template-columns:5.5rem minmax(0,1fr);align-items:stretch;gap:1.4rem;display:grid}.row-labels.svelte-lmuq42{grid-template-rows:repeat(3,5.7rem);place-items:center;font-size:clamp(2.4rem,6vw,3.35rem);line-height:1;display:grid}.offset-grid.svelte-lmuq42{background:#fff;border:2px solid #111;grid-template-rows:repeat(3,5.7rem);grid-template-columns:repeat(9,minmax(0,1fr));display:grid}.offset-grid.svelte-lmuq42 div:where(.svelte-lmuq42){color:#050505;min-width:0;font:inherit;background:#fff;border:2px solid #111;border-top:0;border-left:0;place-items:center;font-size:clamp(1rem,2.4vw,2rem);line-height:1;display:grid}.offset-grid.svelte-lmuq42 div:where(.svelte-lmuq42):nth-child(9n){border-right:0}.offset-grid.svelte-lmuq42 div:where(.svelte-lmuq42):nth-last-child(-n+9){border-bottom:0}.offset-grid.svelte-lmuq42 div.muted:where(.svelte-lmuq42){color:#8d9097}.offset-grid.svelte-lmuq42 div.selected:where(.svelte-lmuq42){background:#fff9d7}.swatch-row.svelte-lmuq42{grid-template-columns:5.5rem minmax(0,1fr);align-items:center;gap:1.4rem;display:grid}.swatch-row.svelte-lmuq42>span:where(.svelte-lmuq42){color:#050505;font-size:clamp(1.4rem,3vw,2rem);font-weight:800}.swatch-strip.svelte-lmuq42{background:#111;border:2px solid #111;grid-template-columns:repeat(9,minmax(0,1fr));min-height:5.7rem;display:grid;overflow:visible}.swatch-cell.svelte-lmuq42{min-width:0;position:relative}.swatch-cell.svelte-lmuq42>button:where(.svelte-lmuq42){cursor:pointer;border:0;border-right:2px solid #111;width:100%;height:100%;min-height:5.7rem}.swatch-cell.svelte-lmuq42:last-child>button:where(.svelte-lmuq42){border-right:0}.swatch-cell.svelte-lmuq42>button.selected:where(.svelte-lmuq42),.swatch-cell.svelte-lmuq42>button.open:where(.svelte-lmuq42){box-shadow:inset 0 0 0 5px #e5161f}.swatch-menu.svelte-lmuq42{z-index:3;background:#fff;border:2px solid #111;width:13rem;display:grid;position:absolute;top:calc(100% + .55rem);left:50%;transform:translate(-50%);box-shadow:6px 6px #1111112e}.edge-start.svelte-lmuq42 .swatch-menu:where(.svelte-lmuq42){left:0;transform:none}.edge-end.svelte-lmuq42 .swatch-menu:where(.svelte-lmuq42){left:auto;right:0;transform:none}.swatch-menu.svelte-lmuq42 button:where(.svelte-lmuq42){color:#111;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #111;grid-template-columns:1.35rem minmax(0,1fr) auto;align-items:center;gap:.45rem;min-height:2.4rem;padding:.35rem .45rem;font-weight:900;display:grid}.swatch-menu.svelte-lmuq42 button:where(.svelte-lmuq42):last-child{border-bottom:0}.swatch-menu.svelte-lmuq42 button:where(.svelte-lmuq42):hover{background:#fff6bf}.swatch-menu.svelte-lmuq42 i:where(.svelte-lmuq42){aspect-ratio:1;border:1px solid #111;width:1.2rem}.swatch-menu.svelte-lmuq42 span:where(.svelte-lmuq42),.swatch-menu.svelte-lmuq42 small:where(.svelte-lmuq42){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.swatch-menu.svelte-lmuq42 span:where(.svelte-lmuq42){font-size:.75rem}.swatch-menu.svelte-lmuq42 small:where(.svelte-lmuq42){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem}@media (width<=720px){.offset-layout.svelte-lmuq42,.swatch-row.svelte-lmuq42{grid-template-columns:3.2rem minmax(0,1fr);gap:.75rem}.row-labels.svelte-lmuq42{grid-template-rows:repeat(3,4.25rem);font-size:2.1rem}.offset-grid.svelte-lmuq42{grid-template-rows:repeat(3,4.25rem)}.offset-grid.svelte-lmuq42 div:where(.svelte-lmuq42){font-size:clamp(.72rem,3.6vw,1.1rem)}.swatch-strip.svelte-lmuq42,.swatch-cell.svelte-lmuq42>button:where(.svelte-lmuq42){min-height:4.25rem}.swatch-menu.svelte-lmuq42{width:11rem}}.curve-figure.svelte-1u7zmg0{gap:.85rem;max-width:37rem;margin:1rem 0 1.25rem;display:grid}figcaption.svelte-1u7zmg0{color:#786ca2;gap:.2rem;font-size:.86rem;font-weight:800;line-height:1.45;display:grid}figcaption.svelte-1u7zmg0 strong:where(.svelte-1u7zmg0){color:#281b4d;font-size:1rem;font-weight:900}svg.svelte-1u7zmg0{touch-action:none;background:#fff;width:100%;height:auto}.paper.svelte-1u7zmg0{fill:#fff}.axis.svelte-1u7zmg0{stroke:#111;stroke-width:2px}.grid.svelte-1u7zmg0{stroke:#11111124;stroke-width:1px}.grid.vertical.svelte-1u7zmg0{stroke:#1111111c}.tick.svelte-1u7zmg0{stroke:#111;stroke-width:2px}.line.svelte-1u7zmg0{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px}.line.saturation.svelte-1u7zmg0{stroke:#2a7f51}.line.brightness.svelte-1u7zmg0{stroke:#33bcc0}.point.svelte-1u7zmg0{cursor:grab;stroke:#fff;stroke-width:2px}.point.svelte-1u7zmg0:active{cursor:grabbing}.point.saturation.svelte-1u7zmg0{fill:#2a7f51}.point.brightness.svelte-1u7zmg0{fill:#33bcc0}.point.selected.svelte-1u7zmg0{filter:drop-shadow(0 0 .2rem #e5161f8c);stroke:#e5161f}text.svelte-1u7zmg0{fill:#111;font-family:Arial Rounded MT Bold,ui-rounded,system-ui,sans-serif;font-weight:500}.number.svelte-1u7zmg0{text-anchor:end;font-size:28px}.label.svelte-1u7zmg0{text-anchor:middle;font-size:24px}.saturation-label.svelte-1u7zmg0{fill:#33bcc0}.and-label.svelte-1u7zmg0{fill:#8b8b8b}.swatches.svelte-1u7zmg0{background:#111;border:1px solid #111;grid-template-columns:repeat(9,1fr);height:20px;display:grid}.swatches.svelte-1u7zmg0 button:where(.svelte-1u7zmg0){cursor:pointer;border:0;border-right:1px solid #111;min-width:0}.swatches.svelte-1u7zmg0 button:where(.svelte-1u7zmg0):last-child{border-right:0}.swatches.svelte-1u7zmg0 button.selected:where(.svelte-1u7zmg0){box-shadow:inset 0 0 0 3px #e5161f}.photoshop-figure.svelte-1ia9n3w{gap:.85rem;margin:1rem 0 1.25rem;display:grid}figcaption.svelte-1ia9n3w{color:#786ca2;gap:.2rem;font-size:.86rem;font-weight:800;line-height:1.45;display:grid}figcaption.svelte-1ia9n3w strong:where(.svelte-1ia9n3w){color:#281b4d;font-size:1rem;font-weight:900}.photoshop-window.svelte-1ia9n3w{color:#e9e9e9;background:#303030;border:2px solid #111;border-radius:6px;font-family:Arial,Helvetica,sans-serif;overflow:hidden;box-shadow:6px 7px #281b4d26}.mac-bar.svelte-1ia9n3w{background:linear-gradient(#686868,#3f3f3f);align-items:center;gap:.45rem;height:1.55rem;padding:0 .55rem;font-size:.75rem;display:flex;position:relative}.mac-bar.svelte-1ia9n3w strong:where(.svelte-1ia9n3w){font-size:.78rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.dot.svelte-1ia9n3w{aspect-ratio:1;border-radius:999px;width:.65rem}.red.svelte-1ia9n3w{background:#ff4b4b}.yellow.svelte-1ia9n3w{background:#f3c244}.green.svelte-1ia9n3w{background:#40c463}.tool-options.svelte-1ia9n3w{color:#f1f1f1;background:#404040;border-top:1px solid #242424;border-bottom:1px solid #242424;align-items:center;gap:.7rem;height:2rem;padding:0 .7rem;font-size:.68rem;display:flex}.tool-options.svelte-1ia9n3w>span:where(.svelte-1ia9n3w){background:#333;border:1px solid #777;width:1rem;height:1rem}.tool-options.svelte-1ia9n3w b:where(.svelte-1ia9n3w){background:#363636;border:1px solid #555;min-width:3rem;margin-left:.3rem;padding:.1rem .35rem;font-weight:400;display:inline-block}.workspace.svelte-1ia9n3w{background:#303030;grid-template-columns:minmax(0,1fr) 19rem;min-height:clamp(28rem,50vw,42rem);display:grid;position:relative}.canvas-area.svelte-1ia9n3w{min-height:32rem;position:relative}.source-block.svelte-1ia9n3w{background:#202b25;width:9%;height:22%;position:absolute;top:40%;left:15%}.color-grid.svelte-1ia9n3w{grid-template-columns:repeat(16,minmax(0,1fr));width:48%;height:22%;display:grid;position:absolute;top:40%;left:20%}.color-grid.svelte-1ia9n3w i:where(.svelte-1ia9n3w){box-shadow:inset 0 0 0 .5px #00000014}.red-box.svelte-1ia9n3w{pointer-events:none;border:2px solid #e5161f;position:absolute}.red-box.left.svelte-1ia9n3w{width:26%;height:22%;top:40%;left:20%}.red-box.right.svelte-1ia9n3w{width:19%;height:22%;top:40%;left:49%}.red-arrow.svelte-1ia9n3w{pointer-events:none;border-color:#e5161f;position:absolute}.red-arrow.top.svelte-1ia9n3w{border-top:2px solid #e5161f;border-left:2px solid #e5161f;border-right:2px solid #e5161f;width:28%;height:5%;top:33%;left:34%}.red-arrow.top.svelte-1ia9n3w:after,.red-arrow.side.svelte-1ia9n3w:after{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:8px solid #e5161f;width:0;height:0;position:absolute}.red-arrow.top.svelte-1ia9n3w:after{bottom:-7px;right:-8px}.red-arrow.side.svelte-1ia9n3w{border-top:2px solid #e5161f;width:17%;top:42%;left:68%}.red-arrow.side.svelte-1ia9n3w:after{top:-7px;right:-8px}.right-panels.svelte-1ia9n3w{background:#3e3e3e;border-left:2px solid #262626;grid-template-rows:1fr 1.15fr;display:grid}.swatch-panel.svelte-1ia9n3w,.layer-panel.svelte-1ia9n3w{border-bottom:2px solid #262626;padding:.8rem}.swatch-panel.svelte-1ia9n3w p:where(.svelte-1ia9n3w),.layer-panel.svelte-1ia9n3w p:where(.svelte-1ia9n3w){color:#e5e5e5;margin:0 0 .6rem;font-size:.75rem;font-weight:700}.swatch-panel.svelte-1ia9n3w div:where(.svelte-1ia9n3w){gap:.15rem;display:flex}.swatch-panel.svelte-1ia9n3w i:where(.svelte-1ia9n3w){width:.7rem;height:.7rem}.layer-panel.svelte-1ia9n3w span:where(.svelte-1ia9n3w){color:#f7f7f7;background:#526d97;margin-top:.45rem;padding:.35rem;font-size:.7rem;display:block}.floating-readout.svelte-1ia9n3w{color:#202020;background:#eee;grid-template-columns:auto 6rem;align-items:center;gap:.7rem;width:min(28rem,42vw);padding:1rem;font-size:clamp(1.1rem,2vw,1.6rem);font-weight:700;display:grid;position:absolute;top:45%;right:14.5rem}.floating-readout.svelte-1ia9n3w input[type=number]:where(.svelte-1ia9n3w){color:#202020;width:100%;font:inherit;text-align:center;background:#fff;border:2px solid #8aa6c9;padding:.2rem}.floating-readout.svelte-1ia9n3w input[type=range]:where(.svelte-1ia9n3w){accent-color:#e5161f;grid-column:1/-1;width:100%}.dialog.svelte-1ia9n3w{color:#111;background:#e7e7e7;border:1px solid #777;border-radius:6px;width:min(31rem,42vw);font-size:.78rem;position:absolute;bottom:6%;right:12rem;box-shadow:0 8px 22px #00000059}.dialog-title.svelte-1ia9n3w{text-align:center;border-bottom:1px solid #aaa;padding:.35rem}.dialog-body.svelte-1ia9n3w{gap:.55rem;padding:.9rem;display:grid}.dialog.svelte-1ia9n3w label:where(.svelte-1ia9n3w){grid-template-columns:6rem minmax(0,1fr);align-items:center;gap:.4rem;display:grid}.dialog.svelte-1ia9n3w input:where(.svelte-1ia9n3w),.dialog.svelte-1ia9n3w select:where(.svelte-1ia9n3w){background:#fff;border:1px solid #aaa;min-height:1.7rem}.dialog.svelte-1ia9n3w label.active:where(.svelte-1ia9n3w){border:3px solid #e5161f;padding:.25rem}.dialog-slider.svelte-1ia9n3w{accent-color:#e5161f;width:100%}.rainbow.svelte-1ia9n3w{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);height:.5rem}.dialog-actions.svelte-1ia9n3w{gap:.45rem;display:grid;position:absolute;top:2.4rem;right:.8rem}.dialog-actions.svelte-1ia9n3w button:where(.svelte-1ia9n3w){background:#f4f4f4;border:1px solid #999;min-width:4rem;min-height:1.8rem}@media (width<=900px){.workspace.svelte-1ia9n3w{grid-template-columns:1fr}.right-panels.svelte-1ia9n3w{display:none}.floating-readout.svelte-1ia9n3w{width:68%;top:52%;right:5%}.dialog.svelte-1ia9n3w{width:72%;right:5%}.color-grid.svelte-1ia9n3w{width:70%;left:15%}.source-block.svelte-1ia9n3w{left:8%}.red-box.left.svelte-1ia9n3w{width:38%;left:15%}.red-box.right.svelte-1ia9n3w{width:28%;left:57%}}@media (width<=560px){.tool-options.svelte-1ia9n3w{overflow:hidden}.canvas-area.svelte-1ia9n3w{min-height:28rem}.floating-readout.svelte-1ia9n3w,.dialog.svelte-1ia9n3w{width:auto;margin:1rem;position:relative;top:auto;bottom:auto;right:auto}}.palette-article.svelte-to8e8l figure{max-width:100%}