.aero-color-picker-wrap.svelte-csxdgt{width:100%;position:relative}.color-trigger-row.svelte-csxdgt{align-items:center;gap:8px;width:100%;display:flex}.swatch-trigger.svelte-csxdgt{border-radius:var(--radius-sm,10px);border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--bg-surface) 90%, transparent);width:44px;height:38px;cursor:var(--mac-cursor-pointer);transition:transform .18s var(--ease-spring), border-color .15s ease, box-shadow .18s ease;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:inline-flex;position:relative;box-shadow:0 2px 8px #00000014,inset 0 1px 1px #fff6}.swatch-trigger.svelte-csxdgt:hover{border-color:var(--accent-blue-base,var(--accent-blue-base));box-shadow:0 4px 14px color-mix(in srgb, var(--accent-blue-base,#1b85f3) 30%, transparent), inset 0 1px 2px #fff9;transform:scale(1.06)}.swatch-trigger.is-active.svelte-csxdgt{border-color:var(--accent-blue-base,var(--accent-blue-base));box-shadow:0 0 0 2px var(--accent-blue-base,var(--accent-blue-base)), 0 4px 16px color-mix(in srgb, var(--accent-blue-base,#1b85f3) 40%, transparent);transform:scale(1.04)}.swatch-color-fill.svelte-csxdgt{border-radius:calc(var(--radius-sm,10px) - 3px);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001a}.swatch-trigger.is-empty.svelte-csxdgt .swatch-color-fill:where(.svelte-csxdgt){background:linear-gradient(45deg, #ffffff1a 25%, transparent 25%), linear-gradient(-45deg, #ffffff1a 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ffffff1a 75%), linear-gradient(-45deg, transparent 75%, #ffffff1a 75%), linear-gradient(135deg, rgba(var(--accent-blue-rgb), .15), rgba(var(--aero-mint-rgb), .15))!important;background-position:0 0,0 4px,4px -4px,-4px 0,0 0!important;background-size:8px 8px,8px 8px,8px 8px,8px 8px,100% 100%!important}.theme-icon.svelte-csxdgt{color:var(--accent-blue-base,var(--accent-blue-base));filter:drop-shadow(0 1px 2px #0006);font-size:15px}.swatch-gloss-highlight.svelte-csxdgt{border-top-left-radius:inherit;border-top-right-radius:inherit;pointer-events:none;background:linear-gradient(#ffffffa6 0%,#ffffff26 80%,#0000 100%);height:48%;position:absolute;top:0;left:0;right:0}.hex-text-input-group.svelte-csxdgt{background:var(--bg-input,#00000026);border:1px solid var(--border-subtle);border-radius:var(--radius-sm,10px);flex:1;align-items:center;min-width:0;height:38px;padding:0 10px;transition:border-color .15s,box-shadow .15s;display:flex}.hex-text-input-group.svelte-csxdgt:focus-within{border-color:var(--accent-blue-base,var(--accent-blue-base));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-blue-base,var(--accent-blue-base)) 25%, transparent)}.hex-prefix.svelte-csxdgt{font-family:var(--font-mono,monospace);color:var(--text-muted);margin-right:2px;font-size:.85rem;font-weight:700}.hex-text-input.svelte-csxdgt{min-width:0;color:var(--text-main);font-family:var(--font-mono,monospace);text-transform:uppercase;background:0 0;border:none;outline:none;flex:1;font-size:.88rem;font-weight:600}.hex-text-input.svelte-csxdgt::placeholder{color:var(--text-muted);text-transform:none;font-family:var(--font-sans,inherit);font-size:.82rem;font-weight:500}.clear-color-btn.svelte-csxdgt{width:24px;height:24px;color:var(--text-muted);cursor:var(--mac-cursor-pointer);transition:color .15s ease, background .15s ease, transform .15s var(--ease-spring);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.clear-color-btn.svelte-csxdgt:hover{color:var(--accent-blue-base,var(--accent-blue-base));background:var(--bg-surface-hover);transform:scale(1.1)}.clear-color-btn.svelte-csxdgt .material-icons-round:where(.svelte-csxdgt){font-size:15px}.aero-color-popover.svelte-csxdgt{z-index:var(--z-dropdown,250);border-radius:var(--radius-lg,18px);border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--bg-surface-solid,var(--bg-surface)) 94%, transparent);width:260px;-webkit-backdrop-filter:var(--glass-blur,blur(18px) saturate(1.25));backdrop-filter:var(--glass-blur,blur(18px) saturate(1.25));flex-direction:column;gap:12px;padding:14px;display:flex;position:absolute;left:0;box-shadow:0 16px 40px #00000059,0 2px 8px #0000001a,inset 0 1px 1px #fff6}.aero-color-popover.drop-down.svelte-csxdgt{top:calc(100% + 8px)}.aero-color-popover.drop-up.svelte-csxdgt{bottom:calc(100% + 8px)}.sv-canvas.svelte-csxdgt{border-radius:var(--radius-sm,10px);cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:140px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0003}.sv-gradient-white.svelte-csxdgt{background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}.sv-gradient-black.svelte-csxdgt{background:linear-gradient(#0000,#000);position:absolute;inset:0}.sv-cursor.svelte-csxdgt{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080,0 2px 6px #0006}.hue-slider-row.svelte-csxdgt{align-items:center;gap:8px;width:100%;display:flex}.eyedropper-btn.svelte-csxdgt{border-radius:var(--radius-xs,8px);border:1px solid var(--border-subtle);background:var(--bg-surface);width:30px;height:30px;color:var(--text-main);cursor:var(--mac-cursor-pointer);transition:transform .15s var(--ease-spring), color .15s ease, border-color .15s ease;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.eyedropper-btn.svelte-csxdgt:hover{color:var(--accent-blue-base,var(--accent-blue-base));border-color:var(--accent-blue-base,var(--accent-blue-base));transform:scale(1.1)}.eyedropper-btn.svelte-csxdgt .material-icons-round:where(.svelte-csxdgt){font-size:16px}.hue-track.svelte-csxdgt{height:16px;cursor:var(--mac-cursor-pointer);-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:999px;flex:1;position:relative;box-shadow:inset 0 1px 2px #0003,0 1px 3px #0000001a}.hue-cursor.svelte-csxdgt{pointer-events:none;background:#fff;border:2px solid #0003;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000059,inset 0 1px 1px #fffc}.popover-footer-row.svelte-csxdgt{justify-content:space-between;align-items:center;gap:8px;display:flex}.preview-swatch-box.svelte-csxdgt{border-radius:var(--radius-xs,8px);background:var(--bg-input,#00000026);border:1px solid var(--border-subtle);align-items:center;gap:7px;padding:4px 8px;display:inline-flex}.mini-preview-fill.svelte-csxdgt{border:1px solid #ffffff4d;border-radius:4px;width:16px;height:16px;box-shadow:0 1px 3px #0003}.hex-display-label.svelte-csxdgt{font-family:var(--font-mono,monospace);color:var(--text-main);font-size:.76rem;font-weight:750}.btn-theme-fallback.svelte-csxdgt{border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-muted);cursor:var(--mac-cursor-pointer);border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:.72rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-theme-fallback.svelte-csxdgt:hover{color:var(--text-main);border-color:var(--accent-blue-base,var(--accent-blue-base));background:var(--bg-surface-hover)}.btn-theme-fallback.active.svelte-csxdgt{color:var(--accent-blue-base,var(--accent-blue-base));border-color:var(--accent-blue-base,var(--accent-blue-base));background:color-mix(in srgb, var(--accent-blue-base,var(--accent-blue-base)) 12%, transparent)}.btn-theme-fallback.svelte-csxdgt .material-icons-round:where(.svelte-csxdgt){font-size:13px}.popover-swatches-grid.svelte-csxdgt{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(8,1fr);gap:5px;padding-top:4px;display:grid}.popover-swatch-btn.svelte-csxdgt{aspect-ratio:1;background:var(--swatch-val);cursor:var(--mac-cursor-pointer);transition:transform .15s var(--ease-spring), border-color .15s ease;border:1.5px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:0 1px 4px #0003,inset 0 1px 1px #fff6}.popover-swatch-btn.svelte-csxdgt:hover{transform:scale(1.2)}.popover-swatch-btn.selected.svelte-csxdgt{box-shadow:0 0 0 2px var(--swatch-val), 0 2px 8px #00000059;border-color:#fff;transform:scale(1.15)}.check-ico.svelte-csxdgt{color:#fff;filter:drop-shadow(0 1px 2px #0009);font-size:11px}