div.tab-group.svelte-8tcga6.svelte-8tcga6{height:3rem;width:100%;display:flex;align-items:flex-end;background-color:#c0c0c0;border-bottom:2px solid #f0f0f0}button.tab-item.svelte-8tcga6.svelte-8tcga6{cursor:pointer;position:relative;display:grid;place-items:center;margin:0;flex-basis:100%;border:none;background-color:rgb(240, 240, 240, 0);border-radius:2px 2px 0 0;opacity:0.5;transition:all ease 0.2s;height:2.5rem}button.tab-item.svelte-8tcga6.svelte-8tcga6:hover,button.tab-item.svelte-8tcga6.svelte-8tcga6:focus{opacity:0.75;background-color:rgb(240, 240, 240, 0.75)}button.tab-item.svelte-8tcga6.svelte-8tcga6:active,button.tab-item.active.svelte-8tcga6.svelte-8tcga6{opacity:1;background-color:rgb(240, 240, 240, 1)}button.tab-item.svelte-8tcga6 span.svelte-8tcga6{position:absolute;width:0;height:0;overflow:hidden;opacity:0}button.svelte-8tcga6 img.svelte-8tcga6{filter:none;margin:0}
#footer.svelte-198fj78{font-size:0.8rem;text-align:center}
.textbox.svelte-1m3nmyw.svelte-1m3nmyw{position:relative;width:100%;padding:1.5%;z-index:100}.textbox.svelte-1m3nmyw.svelte-1m3nmyw:focus-within{outline:1px dashed #c39}.textbox.svelte-1m3nmyw .textarea.svelte-1m3nmyw{outline:none;line-height:1.5;padding:0 0.2ch;border-radius:2px;inline-size:100%;overflow-wrap:anywhere;hyphens:auto}.hilite.svelte-1m3nmyw.svelte-1m3nmyw{background-color:var(--hl-color)}.textbox.svelte-1m3nmyw .boxtag.svelte-1m3nmyw{position:absolute;display:none;bottom:0;right:0;padding:0.25rem;font-size:0.5rem;line-height:1;background-color:#c39;color:#fff}.align-right.svelte-1m3nmyw+.boxtag.svelte-1m3nmyw{left:0;right:initial}.textbox.svelte-1m3nmyw:focus-within .boxtag.svelte-1m3nmyw{display:block}
#editor.svelte-rmnpwe.svelte-rmnpwe{position:relative;width:clamp(20rem, 50vw, 75vh);aspect-ratio:1;overflow:hidden}#textgrid.svelte-rmnpwe.svelte-rmnpwe{display:grid;width:100%;height:100%;padding:2.5%}#background.svelte-rmnpwe.svelte-rmnpwe{position:absolute;inset:0;z-index:-9;background-image:url('../img/dummy-bg.svg');background-repeat:no-repeat;background-size:cover}#background.svelte-rmnpwe img.svelte-rmnpwe{width:100%;height:100%;object-fit:cover}#background.svelte-rmnpwe img.duotone.svelte-rmnpwe{filter:grayscale(1) brightness(110%)}#background.svelte-rmnpwe img.grayscale.svelte-rmnpwe{filter:grayscale(1) brightness(110%)}#background.svelte-rmnpwe img.sepia.svelte-rmnpwe{filter:sepia(1) brightness(90%)}#background.svelte-rmnpwe img.warmup.svelte-rmnpwe{filter:hue-rotate(-15deg) saturate(1.2)}#background.svelte-rmnpwe img.cooldown.svelte-rmnpwe{filter:hue-rotate(15deg) saturate(0.8)}#background.svelte-rmnpwe img.hicontrast.svelte-rmnpwe{filter:contrast(1.25)}#background.svelte-rmnpwe img.saturate.svelte-rmnpwe{filter:saturate(1.8)}#background.svelte-rmnpwe div.layer.svelte-rmnpwe{position:absolute;inset:0}#background.svelte-rmnpwe #duo-bottom.svelte-rmnpwe{mix-blend-mode:multiply}#background.svelte-rmnpwe #duo-top.svelte-rmnpwe{mix-blend-mode:screen}@media screen and (max-width: 720px){#editor.svelte-rmnpwe.svelte-rmnpwe{width:min(calc(100vw - 1rem), calc(50svh - 1rem))}}
div.step-select.svelte-z3ptfy.svelte-z3ptfy{display:flex;align-items:center;margin-bottom:1rem}.step-select.svelte-z3ptfy .output.svelte-z3ptfy{padding:0.25rem 1rem;flex-grow:2;display:flex;align-items:center;justify-content:center}.step-select.svelte-z3ptfy .output img.svelte-z3ptfy{margin-right:0.5rem}
ul.seg-group.svelte-1alxbqt.svelte-1alxbqt.svelte-1alxbqt{list-style:none;margin:0;margin-bottom:2rem;padding:0.25rem;border:2px solid #333;border-radius:0.25rem;display:flex;gap:0.5rem}.seg-button.svelte-1alxbqt.svelte-1alxbqt.svelte-1alxbqt{flex-grow:1;display:flex;font-weight:bold;border-radius:2px;overflow:hidden}.seg-button.svelte-1alxbqt input.svelte-1alxbqt.svelte-1alxbqt{position:absolute;width:0;height:0;opacity:0}.seg-button.svelte-1alxbqt label.svelte-1alxbqt.svelte-1alxbqt{width:100%;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all ease 0.2s}.seg-button.svelte-1alxbqt label.svelte-1alxbqt.svelte-1alxbqt:hover,.seg-button.svelte-1alxbqt input.svelte-1alxbqt:focus+label.svelte-1alxbqt{background-color:#ddd}.seg-button.svelte-1alxbqt input.svelte-1alxbqt:checked+label.svelte-1alxbqt{background-color:#333;color:#fff}ul.seg-group.icon.svelte-1alxbqt .seg-button span.svelte-1alxbqt.svelte-1alxbqt{width:0;height:0;opacity:0;overflow:hidden}ul.seg-group.svelte-1alxbqt input:checked+label img.svelte-1alxbqt.svelte-1alxbqt{filter:invert(1)}
div.--color-picker.svelte-1uxes0x{position:relative;min-width:6rem;min-height:3rem;border:2px solid #333;border-radius:2px;cursor:pointer}div.--color-picker.disabled.svelte-1uxes0x{opacity:0.5;pointer-events:none}div.--cp-out.svelte-1uxes0x{position:absolute;z-index:1;inset:2px;border-radius:2px}div.--color-picker.svelte-1uxes0x:hover,div.--color-picker.svelte-1uxes0x:focus-within{border-style:dashed}input[type="color"].svelte-1uxes0x{position:absolute;z-index:2;padding:0;width:100%;height:100%;opacity:0;cursor:pointer}
div.file-input.svelte-fpk2sh{font-family:Inter;position:relative;margin-bottom:1.5rem;display:grid;grid-template-columns:3fr minmax(6rem, 1fr);column-gap:0.5rem}input[type="file"].svelte-fpk2sh{position:absolute;width:0;height:0;opacity:0;z-index:-10}
div.--gradient-picker.svelte-z05ysr.svelte-z05ysr{position:relative;min-width:15rem;min-height:3rem;display:flex;flex-wrap:nowrap;gap:0.5rem}div.--gradient-picker.svelte-z05ysr button img.svelte-z05ysr{filter:none;margin:0}div.--gradient-picker.svelte-z05ysr button span.svelte-z05ysr{position:absolute;width:0;height:0;overflow:hidden;opacity:0}div.--gradient.svelte-z05ysr.svelte-z05ysr{position:relative;display:flex;justify-content:space-between;flex-grow:1;align-items:center;min-height:3rem;padding:0 0.75rem;border:2px solid #333;border-radius:2px;z-index:4}div.--grad-out.svelte-z05ysr.svelte-z05ysr{position:absolute;inset:2px;border-radius:2px;z-index:-1}div.--col.svelte-z05ysr.svelte-z05ysr{position:relative;width:2rem;height:2rem;border:4px solid #fff;border-radius:99px;transition:all ease 0.25s;cursor:pointer}div.--col.svelte-z05ysr.svelte-z05ysr:hover,div.--col.svelte-z05ysr.svelte-z05ysr:focus-within{transform:scale(1.1);box-shadow:2px 2px 8px rgb(192 192 192 / 0.4)}div.--gradient.svelte-z05ysr input[type="color"].svelte-z05ysr{-webkit-appearance:none;appearance:none;position:absolute;top:-4px;left:-4px;padding:0;width:2rem;height:2rem;opacity:0;cursor:pointer}div.--gradient.svelte-z05ysr label.svelte-z05ysr{position:absolute;width:0;height:0;opacity:0;overflow:hidden;display:block}div.--swap.svelte-z05ysr button.svelte-z05ysr{background-color:#eee;cursor:pointer;width:2.0rem;height:2.0rem;padding:0.2rem;border-radius:99px;border:none;transition:all ease 0.25s}div.--swap.svelte-z05ysr button.svelte-z05ysr:hover,div.--swap.svelte-z05ysr button.svelte-z05ysr:focus{filter:brightness(1.2)}div.--rotate.svelte-z05ysr.svelte-z05ysr{position:relative}div.--rotate.svelte-z05ysr button.svelte-z05ysr{background-color:transparent}div.--rotate.svelte-z05ysr output.svelte-z05ysr{position:absolute;width:0;height:0;overflow:hidden;opacity:0}.indicator.svelte-z05ysr.svelte-z05ysr{position:absolute;inset:2px;opacity:0;transition:opacity ease 0.25s;z-index:-1}div.--rotate.svelte-z05ysr button:hover .indicator.svelte-z05ysr,div.--rotate.svelte-z05ysr button:focus .indicator.svelte-z05ysr{opacity:1}
.toggle.svelte-1omw4ux input[type="checkbox"].svelte-1omw4ux.svelte-1omw4ux{position:absolute;width:0;height:0;opacity:0}.toggle.svelte-1omw4ux label.svelte-1omw4ux.svelte-1omw4ux{display:grid;place-items:center;width:3rem;height:3rem;padding:0.5rem;border:2px solid #333;border-radius:2px;cursor:pointer;transition:all ease 0.2s}.toggle.svelte-1omw4ux label.svelte-1omw4ux.svelte-1omw4ux:hover,.toggle.svelte-1omw4ux input.svelte-1omw4ux:focus+label.svelte-1omw4ux{background-color:#eeeeee}.toggle.svelte-1omw4ux label.svelte-1omw4ux.svelte-1omw4ux:active,.toggle.svelte-1omw4ux input.svelte-1omw4ux:checked+label.svelte-1omw4ux{background-color:#333}.toggle.svelte-1omw4ux :is(label:active, input:checked + label) img.svelte-1omw4ux.svelte-1omw4ux{filter:invert(1)}.toggle.svelte-1omw4ux label span.svelte-1omw4ux.svelte-1omw4ux{position:absolute;width:0;height:0;overflow:hidden;opacity:0}
.cell.disabled.svelte-lni0zo label.svelte-lni0zo{opacity:0.5}
button.svelte-tjxvu8{display:block;margin:1rem 0;width:100%}
#container.svelte-g2r4ws.svelte-g2r4ws{width:100%;height:100%;position:relative}#container.overlain.svelte-g2r4ws.svelte-g2r4ws{overflow:hidden}#gridbox.svelte-g2r4ws.svelte-g2r4ws{position:relative;display:grid;height:100%;grid-template-columns:400px 1fr}#settings-drawer.svelte-g2r4ws.svelte-g2r4ws{position:relative;z-index:3;height:100vh;overflow-x:hidden;overflow-y:scroll;background-color:#f0f0f0}#settings-drawer.svelte-g2r4ws>*{margin:0 1.5rem 1.5rem}#header.svelte-g2r4ws h1.svelte-g2r4ws{margin-bottom:0}#header.svelte-g2r4ws .byline.svelte-g2r4ws{font-size:0.875rem}#display.svelte-g2r4ws.svelte-g2r4ws{position:relative;z-index:1;display:grid;place-items:center;max-height:100vh;overflow:hidden;background-color:#c9c9cc}#tab-wrapper.svelte-g2r4ws.svelte-g2r4ws{width:100%;min-height:3rem}#small-settings.svelte-g2r4ws.svelte-g2r4ws{position:relative;overflow:hidden;padding-top:0;background-color:#f0f0f0}#small-settings.svelte-g2r4ws .settings-wrapper.svelte-g2r4ws{height:100%;padding:1.25rem 1.25rem 3rem;overflow-y:scroll}#small-settings.svelte-g2r4ws .panel.svelte-g2r4ws{display:none;height:100%}#small-settings.svelte-g2r4ws .panel.active.svelte-g2r4ws{display:block}div.--color-picker{width:100%}div.--gradient-picker{width:100%}#downshare.svelte-g2r4ws.svelte-g2r4ws{display:flex;gap:0.5rem;flex-basis:50%}#downshare.svelte-g2r4ws button#download.svelte-g2r4ws{flex-basis:100%}@media screen and (min-width: 721px) and (max-width: 960px){#gridbox.svelte-g2r4ws.svelte-g2r4ws{grid-template-columns:360px 1fr}}@media screen and (max-width: 720px){#gridbox.svelte-g2r4ws.svelte-g2r4ws{display:grid;grid-template-columns:1fr;grid-template-rows:min-content min-content 1fr}#display.svelte-g2r4ws.svelte-g2r4ws{padding:0.5rem}#header.svelte-g2r4ws.svelte-g2r4ws{display:none}}