button.svelte-rrog8b{display:flex;justify-content:center;align-items:center;gap:1px;z-index:var(--layer-2);color:var(--block-label-text-color);border:1px solid transparent}.quite-round.svelte-rrog8b{border-radius:var(--radius-sm)}.very-round.svelte-rrog8b{border-radius:var(--radius-md)}button[disabled].svelte-rrog8b{opacity:0.5;box-shadow:none}button[disabled].svelte-rrog8b:hover{cursor:not-allowed}.padded.svelte-rrog8b{padding:2px;background:var(--bg-color);box-shadow:var(--shadow-drop);border:1px solid var(--button-secondary-border-color)}button.svelte-rrog8b:hover,button.highlight.svelte-rrog8b{cursor:pointer;color:var(--color-accent)}.padded.svelte-rrog8b:hover{border:2px solid var(--button-secondary-border-color-hover);padding:1px;color:var(--block-label-text-color)}span.svelte-rrog8b{padding:0px 1px;font-size:10px}div.svelte-rrog8b{padding:2px;display:flex;align-items:flex-end}.small.svelte-rrog8b{width:14px;height:14px}.medium.svelte-rrog8b{width:20px;height:20px}.large.svelte-rrog8b{width:22px;height:22px}.pending.svelte-rrog8b{animation:svelte-rrog8b-flash 0.5s infinite}@keyframes svelte-rrog8b-flash{0%{opacity:0.5}50%{opacity:1}100%{opacity:0.5}}.transparent.svelte-rrog8b{background:transparent;border:none;box-shadow:none}.hue-slider.svelte-9hvvq8.svelte-9hvvq8{position:relative;width:90%;margin:0px auto 10px auto;height:12px;border-radius:2px;border:1px solid var(--block-border-color);background:linear-gradient(
			to right,
			hsl(0, 100%, 50%) 0%,
			#ff0 17%,
			lime 33%,
			cyan 50%,
			blue 67%,
			magenta 83%,
			red 100%
		);border-top:none}.opacity-slider.svelte-9hvvq8.svelte-9hvvq8{position:relative;width:90%;margin:10px auto 5px auto;height:12px;border-radius:2px;border:1px solid var(--block-border-color);background:linear-gradient(to right, transparent, var(--color)),
			repeating-conic-gradient(#808080 0% 25%, transparent 0% 50%) 0 0 / 10px
				10px}.opacity-marker.svelte-9hvvq8.svelte-9hvvq8{position:absolute;width:16px;height:16px;border-radius:50%}.opacity-slider.svelte-9hvvq8>.opacity-marker.svelte-9hvvq8{box-shadow:0 0 1px #888;top:-4px;margin:auto;height:18px;width:18px;left:-9px;margin:auto;border:1px solid var(--block-border-color)}.color-gradient.svelte-9hvvq8.svelte-9hvvq8{position:relative;--hue:white;background:linear-gradient(rgba(0, 0, 0, 0), #000),
			linear-gradient(90deg, #fff, hsl(var(--hue), 100%, 50%));width:100%;height:150px;border-top-left-radius:4px;border-top-right-radius:4px}.marker.svelte-9hvvq8.svelte-9hvvq8{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid white;top:-7px;left:-7px;box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);pointer-events:none;border:1px solid var(--block-border-color)}.hue-slider.svelte-9hvvq8>.marker.svelte-9hvvq8{box-shadow:0 0 1px #888;top:-3px;margin:auto;height:18px;width:18px;left:-9px;border:1px solid var(--block-border-color)}.swatch-wrap.svelte-1ngpqve{display:flex;justify-content:space-between;align-items:flex-start;width:205px}span.lg.svelte-1ngpqve{margin-top:var(--spacing-sm)}.swatch-container.svelte-1ngpqve{display:flex;flex-direction:column;gap:10px;width:100%}.swatch.svelte-1ngpqve{display:grid;grid-template-columns:repeat(auto-fill, 25px);gap:8px;justify-content:flex-start;overflow:hidden;justify-content:center}.empty.svelte-1ngpqve{border:1px solid var(--block-border-color);font-weight:var(--weight-bold);display:flex;justify-content:center;align-items:center;padding-top:4px;text-align:center;font-size:var(--scale-0);cursor:pointer}.empty.svelte-1ngpqve::after{content:"+";margin-bottom:var(--size-1)}.color.svelte-1ngpqve{width:25px;height:25px;border-radius:var(--radius-md)}.empty.selected.svelte-1ngpqve,.color.selected.svelte-1ngpqve{border:2px solid var(--color-accent)}.colorpicker.svelte-1ngpqve{border:1px solid var(--block-border-color);background:conic-gradient(
			red,
			#ff0 60deg,
			lime 120deg,
			cyan 180deg,
			blue 240deg,
			magenta 300deg,
			red 360deg
		);overflow:hidden;position:relative;color:white;cursor:pointer}.colorpicker.svelte-1ngpqve::before{content:"";position:absolute;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);opacity:1;transition:0.1s;top:0;left:0}.colorpicker.svelte-1ngpqve::after{display:flex;justify-content:center;align-items:center;content:"⨯";color:white;font-size:var(--scale-5);position:absolute;width:100%;height:100%;transform:translateY(-7px);opacity:1;transition:0.1s;top:0}.colorpicker.hidden.svelte-1ngpqve::after,.colorpicker.hidden.svelte-1ngpqve::before{opacity:0}.input.svelte-w84deg.svelte-w84deg{display:flex;align-items:center;padding:0 10px 15px}.input.svelte-w84deg input.svelte-w84deg{height:30px;width:100%;flex-shrink:1;border-bottom-left-radius:0;border:1px solid var(--block-border-color);letter-spacing:-0.05rem;border-left:none;border-right:none;font-family:var(--font-mono);font-size:var(--scale-000);padding-left:15px;padding-right:0;background-color:var(--background-fill-secondary);color:var(--block-label-text-color)}.swatch.svelte-w84deg.svelte-w84deg{width:50px;height:50px;border-top-left-radius:15px;border-bottom-left-radius:15px;flex-shrink:0;border:1px solid var(--block-border-color)}.buttons.svelte-w84deg button.svelte-w84deg{display:flex;align-items:center;justify-content:center;border:1px solid var(--block-border-color);background:var(--background-fill-secondary);padding:3px 6px;font-size:var(--scale-000);cursor:pointer;border-right:none;width:100%;border-top:none}.buttons.svelte-w84deg button.svelte-w84deg:first-child{border-left:none}.buttons.svelte-w84deg button.svelte-w84deg:last-child{border-bottom-right-radius:15px;border-right:1px solid var(--block-border-color)}.buttons.svelte-w84deg button.svelte-w84deg:hover{background:var(--background-fill-secondary-hover);font-weight:var(--weight-bold)}.buttons.svelte-w84deg button.active.svelte-w84deg{background:var(--background-fill-secondary);font-weight:var(--weight-bold)}.buttons.svelte-w84deg.svelte-w84deg{height:20px;display:flex;justify-content:stretch;gap:0px}.input-wrap.svelte-w84deg.svelte-w84deg{display:flex}.eyedropper.svelte-w84deg.svelte-w84deg{display:flex;align-items:center;justify-content:center;width:25px;height:30px;border-top-right-radius:15px;border:1px solid var(--block-border-color);border-left:none;background:var(--background-fill-secondary);height:30px;padding:7px 7px 5px 0px;cursor:pointer}.wrap.svelte-1ktybyw{width:230px;display:flex;gap:var(--size-4);background:var(--background-fill-secondary);padding:0 var(--size-4);cursor:default;padding-top:var(--size-2-5)}input.svelte-1ktybyw{width:100%}span.svelte-1ktybyw{width:26px;color:var(--body-text-color)}.wrap.svelte-qigu2l{max-width:230px;position:absolute;display:flex;flex-direction:column;gap:5px;background:var(--background-fill-secondary);border:1px solid var(--block-border-color);border-radius:var(--radius-md);box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.1);padding-bottom:var(--size-2);pointer-events:all;cursor:default;z-index:var(--layer-top);overflow:hidden;top:0;transform:translate(35px, -12px)}.color_picker.svelte-qigu2l{transform:translate(35px, -50%)}.size_picker.svelte-qigu2l{transform:translate(35px, 18px)}.eraser_picker.svelte-qigu2l{transform:translate(35px, -7px)}.toolbar-wrap.svelte-1m5h684{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;left:15px;right:0;top:30%;width:30px;border:1px solid var(--block-border-color);border-radius:var(--radius-md);gap:var(--spacing-sm);z-index:1000;background-color:var(--block-background-fill)}.half-container.svelte-1m5h684{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative}.half-container.svelte-1m5h684{width:100%;padding:var(--spacing-sm) 0}.half-container.svelte-1m5h684:last-child{border-top:1px solid var(--block-border-color)}.hide.svelte-1m5h684{display:none}.add-layer.svelte-1peog37.svelte-1peog37.svelte-1peog37.svelte-1peog37{display:flex;justify-content:center;align-items:center;margin:var(--spacing-sm) 0 0 0}.add-layer.svelte-1peog37 button{width:100%}.icon.svelte-1peog37.svelte-1peog37.svelte-1peog37.svelte-1peog37{width:14px;color:var(--body-text-color);transition:color 0.15s ease}.layer-wrap.svelte-1peog37.svelte-1peog37.svelte-1peog37.svelte-1peog37{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:column}.layer-wrap.svelte-1peog37 button.svelte-1peog37.svelte-1peog37.svelte-1peog37{justify-content:space-between;align-items:center;width:100%;display:flex;font-size:var(--text-sm);line-height:var(--line-sm);transition:all 0.15s ease;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm)}button.layer-title-button.svelte-1peog37.svelte-1peog37.svelte-1peog37.svelte-1peog37{width:100%}.layer-wrap.svelte-1peog37 button:hover .icon.svelte-1peog37.svelte-1peog37.svelte-1peog37{color:var(--color-accent)}.selected_layer.svelte-1peog37.svelte-1peog37.svelte-1peog37.svelte-1peog37{color:var(--color-accent);font-weight:var(--weight-semibold)}ul.svelte-1peog37.svelte-1peog37.svelte-1peog37.svelte-1peog37{bottom:0;right:0;width:100%;list-style:none;z-index:var(--layer-top);padding:var(--spacing-sm);border-top:1px solid var(--border-color-primary)}li.svelte-1peog37.svelte-1peog37.svelte-1peog37.svelte-1peog37{display:flex;justify-content:space-between;align-items:center;transition:background-color 0.15s ease;border-bottom:1px solid var(--border-color-primary)}.layer-wrap.svelte-1peog37 ul.svelte-1peog37>li.svelte-1peog37>button.svelte-1peog37{padding-left:calc(var(--spacing-md))}li.svelte-1peog37.svelte-1peog37.svelte-1peog37.svelte-1peog37:hover{background-color:var(--background-fill-secondary)}li.svelte-1peog37.svelte-1peog37.svelte-1peog37.svelte-1peog37:last-child{border-bottom:none}li.svelte-1peog37.svelte-1peog37.svelte-1peog37.svelte-1peog37:last-child:hover{background-color:unset}li.svelte-1peog37 div.svelte-1peog37.svelte-1peog37.svelte-1peog37{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}li.svelte-1peog37>button.svelte-1peog37.svelte-1peog37.svelte-1peog37{padding:var(--spacing-sm) var(--spacing-md)}.toolbar-wrap-wrap.svelte-nkklfl{position:absolute;right:0;bottom:0;width:fit-content;max-height:100%;overflow-y:auto;display:flex;flex-direction:column-reverse}.toolbar-wrap.svelte-nkklfl{min-width:110px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;right:0;bottom:0;border:1px solid var(--block-border-color);border-radius:0;border-top-left-radius:var(--radius-md);border-right:none;border-bottom:none;z-index:1000;background-color:var(--block-background-fill)}.separator.svelte-eqjom0.svelte-eqjom0{width:1px;height:10px;background-color:var(--border-color-primary)}.zoom-number.svelte-eqjom0.svelte-eqjom0{position:relative;width:30px;padding-left:4px;display:flex;align-items:center;justify-content:center}.zoom-number.svelte-eqjom0 span.svelte-eqjom0{cursor:pointer;font-size:var(--text-sm);transition:color 0.15s ease}.zoom-number.svelte-eqjom0 span.svelte-eqjom0:hover{color:var(--color-accent)}.zoom-controls.svelte-eqjom0.svelte-eqjom0{position:absolute;top:calc(100% + var(--spacing-xxs) + 3px);left:-2px;background:var(--block-background-fill);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);padding:var(--spacing-xxs);box-shadow:var(--shadow-drop);font-size:12px;z-index:var(--layer-2);width:max-content;color:var(--block-label-text-color);border:1px solid var(--block-border-color);border-top-left-radius:0;border-top-right-radius:0}.zoom-controls.svelte-eqjom0 ul.svelte-eqjom0{list-style:none;margin:0;padding:0}.zoom-controls.svelte-eqjom0 li.svelte-eqjom0{display:flex;justify-content:space-between;align-items:center;transition:background-color 0.15s ease;border-bottom:1px solid var(--border-color-primary)}.zoom-controls.svelte-eqjom0 li.svelte-eqjom0:last-child{border-bottom:none}.zoom-controls.svelte-eqjom0 li.svelte-eqjom0:hover{background-color:var(--background-fill-secondary)}.zoom-controls.svelte-eqjom0 button.svelte-eqjom0{width:100%;text-align:left;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-sm);line-height:var(--line-sm);transition:all 0.15s ease;border-radius:var(--radius-sm)}.zoom-controls.svelte-eqjom0 button.svelte-eqjom0:hover{color:var(--color-accent)}.image-container.svelte-h6gdep{display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center;max-height:100%;border-radius:var(--radius-sm)}.pixi-target.svelte-h6gdep{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;display:block;opacity:0;pointer-events:none;border-radius:var(--radius-sm)}.pixi-target-crop.svelte-h6gdep{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;display:block;opacity:0;pointer-events:none;border-radius:var(--radius-sm)}.visible.svelte-h6gdep{opacity:1;pointer-events:auto}.pixi-target.svelte-h6gdep{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.modal.svelte-h6gdep{position:absolute;height:100%;width:100%;left:0;right:0;margin:auto;z-index:var(--layer-top);display:flex;align-items:center}.modal-inner.svelte-h6gdep{height:100%;width:100%;background:var(--block-background-fill)}.dark-bg.svelte-h6gdep{background:#333}.crop-confirm-button.svelte-h6gdep{position:absolute;bottom:8px;left:0;right:0;margin:auto;z-index:var(--layer-top);display:flex;align-items:center;justify-content:center}h2.svelte-a0rsm5{font-size:var(--text-xl)}p.svelte-a0rsm5,h2.svelte-a0rsm5{white-space:pre-line}.empty.svelte-a0rsm5{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;height:100%;width:100%;left:0;right:0;margin:auto;z-index:var(--layer-1);text-align:center;color:var(--color-grey-500) !important;cursor:pointer}.wrap.svelte-a0rsm5{display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:var(--line-md);font-size:var(--text-md)}.or.svelte-a0rsm5{color:var(--body-text-color-subdued)}