.arm-model-toggle.svelte-hnpim1{position:relative;width:5rem;height:2.65rem;flex:0 0 auto;overflow:hidden;border:1px solid rgb(71 85 105);border-radius:.5rem;background:#020617e0;padding:.25rem;box-shadow:0 10px 25px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.arm-model-toggle.svelte-hnpim1:after{position:absolute;bottom:0;left:.25rem;width:2.05rem;height:.16rem;border-radius:999px 999px 0 0;background:#4f39f6;box-shadow:0 0 8px #4f39f6a6;content:"";transition:left .22s cubic-bezier(.22,1,.36,1)}.arm-model-toggle.slim.svelte-hnpim1:after{left:calc(100% - 2.3rem)}.arm-model-toggle.svelte-hnpim1:focus-visible{outline:2px solid rgb(129 140 248);outline-offset:2px}.arm-model-ghost.svelte-hnpim1{position:absolute;top:.25rem;width:2.05rem;height:2.05rem;overflow:hidden;border-radius:.25rem;opacity:.2}.arm-model-ghost--steve.svelte-hnpim1{left:.25rem}.arm-model-ghost--alex.svelte-hnpim1{right:.25rem}.arm-model-ghost.svelte-hnpim1 img:where(.svelte-hnpim1),.arm-model-thumb.svelte-hnpim1 img:where(.svelte-hnpim1){display:block;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none}.arm-model-thumb.svelte-hnpim1{position:absolute;top:.25rem;left:.25rem;z-index:2;width:2.05rem;height:2.05rem;border:1px solid rgb(199 210 254 / .72);border-radius:.25rem;background-color:#1e293b;box-shadow:0 2px 8px #0000008c,0 0 0 1px #0f172ad9;transition:left .22s cubic-bezier(.22,1,.36,1)}.arm-model-toggle.slim.svelte-hnpim1 .arm-model-thumb:where(.svelte-hnpim1){left:calc(100% - 2.3rem)}.color-picker.svelte-7j5off{display:grid;gap:.65rem}.color-picker.compact.svelte-7j5off{gap:.5rem}.saturation-value.svelte-7j5off{position:relative;height:8.5rem;overflow:hidden;cursor:crosshair;touch-action:none;border:1px solid rgb(71 85 105);border-radius:.65rem;background-image:linear-gradient(to bottom,transparent,black),linear-gradient(to right,#fff,hsl(var(--picker-hue) 100% 50%));box-shadow:inset 0 0 0 1px #ffffff0a}.color-picker.compact.svelte-7j5off .saturation-value:where(.svelte-7j5off){height:6rem}.saturation-value.svelte-7j5off:focus-visible{outline:2px solid rgb(129 140 248);outline-offset:2px}.color-cursor.svelte-7j5off{position:absolute;width:.85rem;height:.85rem;border:2px solid white;border-radius:50%;background:var(--picker-color);box-shadow:0 0 0 1px #0f172acc,0 2px 6px #00000073;transform:translate(-50%,-50%);pointer-events:none}.hue-control.svelte-7j5off{display:grid;grid-template-columns:auto minmax(0,1fr) 2.2rem;align-items:center;gap:.5rem;color:#94a3b8}.hue-slider.svelte-7j5off{width:100%;height:1rem;cursor:pointer;appearance:none;border-radius:.25rem;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.hue-slider.svelte-7j5off::-webkit-slider-thumb{width:.75rem;height:1.25rem;cursor:grab;appearance:none;border:2px solid white;border-radius:.22rem;background:hsl(var(--picker-hue) 100% 50%);box-shadow:0 1px 4px #0000008c}.hue-slider.svelte-7j5off::-moz-range-thumb{width:.75rem;height:1.25rem;cursor:grab;border:2px solid white;border-radius:.22rem;background:hsl(var(--picker-hue) 100% 50%);box-shadow:0 1px 4px #0000008c}.hue-slider.svelte-7j5off:focus-visible{outline:2px solid rgb(129 140 248);outline-offset:3px}.hue-value.svelte-7j5off{color:#94a3b8;font-family:ui-monospace,monospace;font-size:.62rem;text-align:right}.color-input-row.svelte-7j5off{display:grid;grid-template-columns:2.35rem minmax(0,1fr) 2.35rem;gap:.45rem}.color-input-row--without-eyedropper.svelte-7j5off{grid-template-columns:2.15rem minmax(0,1fr)}.color-picker.compact.svelte-7j5off .color-input-row:where(.svelte-7j5off){gap:.35rem}.color-preview.svelte-7j5off,.eyedropper-button.svelte-7j5off{position:relative;display:grid;height:2.35rem;place-items:center;overflow:hidden;border:1px solid rgb(71 85 105);border-radius:.55rem;background-color:#0f172a}.color-picker.compact.svelte-7j5off .color-preview:where(.svelte-7j5off),.color-picker.compact.svelte-7j5off .eyedropper-button:where(.svelte-7j5off){height:2.15rem}.color-preview.svelte-7j5off{background-image:linear-gradient(45deg,rgb(71 85 105) 25%,transparent 25%),linear-gradient(-45deg,rgb(71 85 105) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(71 85 105) 75%),linear-gradient(-45deg,transparent 75%,rgb(71 85 105) 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px}.color-preview.svelte-7j5off span:where(.svelte-7j5off){position:absolute;inset:.2rem;border-radius:.35rem}.hex-field.svelte-7j5off{display:flex;min-width:0;align-items:center;border:1px solid rgb(51 65 85);border-radius:.55rem;background:#0f172a;padding:0 .65rem;color:#64748b;font-family:ui-monospace,monospace;font-size:.72rem}.hex-field.svelte-7j5off input:where(.svelte-7j5off){min-width:0;width:100%;border:0;background:transparent;padding:.55rem 0;color:#e2e8f0;font:inherit;letter-spacing:.04em;outline:none;text-transform:uppercase}.eyedropper-button.svelte-7j5off{cursor:pointer;color:#94a3b8}.eyedropper-button.svelte-7j5off:hover{border-color:#6366f1a6;color:#c7d2fe}.recent-colors.svelte-7j5off{display:grid;gap:.4rem}.recent-colors.svelte-7j5off p:where(.svelte-7j5off){margin:0;color:#94a3b8;font-size:.62rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.recent-color-grid.svelte-7j5off{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.4rem}.recent-color.svelte-7j5off{min-width:0;height:1.8rem;cursor:pointer;border:1px solid rgb(255 255 255 / .2);border-radius:.45rem;box-shadow:inset 0 0 0 1px #0f172a40}.color-picker.compact.svelte-7j5off .recent-color:where(.svelte-7j5off){height:1.4rem}.recent-color.svelte-7j5off:hover,.recent-color.active.svelte-7j5off{border-color:#fff}.recent-color.active.svelte-7j5off{box-shadow:inset 0 0 0 1px #0f172a59,0 0 0 2px #6366f1b3}