.color-picker.svelte-1wtwuv7{width:320px;background:#fff;border:1px solid hsl(var(--border));border-radius:12px;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.header.svelte-1wtwuv7{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 8px}.color-name.svelte-1wtwuv7{font-size:12px;font-weight:500;color:#000;letter-spacing:.18px}.close-btn.svelte-1wtwuv7{display:flex;align-items:center;justify-content:center;padding:4px;background:none;border:none;border-radius:8px;cursor:pointer;color:hsl(var(--muted-foreground))}.close-btn.svelte-1wtwuv7:hover{background:hsl(var(--muted))}.color-picker-tabs.svelte-1wtwuv7{display:flex;border-bottom:1px solid hsl(var(--border));padding:0 4px}.color-picker-tab.svelte-1wtwuv7{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:10px 12px;font-size:14px;font-weight:500;color:hsl(var(--muted-foreground));background:none;border:none;cursor:pointer;position:relative;transition:color .15s}.color-picker-tab.svelte-1wtwuv7:hover{color:hsl(var(--muted-foreground))}.color-picker-tab.active.svelte-1wtwuv7{color:hsl(var(--foreground))}.color-picker-tab.active.svelte-1wtwuv7:after{content:"";position:absolute;bottom:-1px;left:12px;right:12px;height:2px;background:hsl(var(--foreground));border-radius:2px 2px 0 0}.color-palette-content.svelte-1wtwuv7{padding:12px}.color-grid.svelte-1wtwuv7{display:flex;flex-direction:column;gap:3px}.color-row.svelte-1wtwuv7{display:flex;gap:3px}.color-swatch-small.svelte-1wtwuv7{width:24px;height:24px;border-radius:4px;border:1px solid rgba(0,0,0,.08);cursor:pointer;transition:transform .1s,box-shadow .1s;padding:0}.color-swatch-small.svelte-1wtwuv7:hover{transform:scale(1.15);box-shadow:0 2px 6px #0003;z-index:1;position:relative}.color-swatch-small.active.svelte-1wtwuv7{box-shadow:0 0 0 2px #fff,0 0 0 3px #3b82f6;z-index:2;position:relative}.common-colors-section.svelte-1wtwuv7{margin-top:12px;padding-top:12px;border-top:1px solid hsl(var(--border))}.common-colors-label.svelte-1wtwuv7{display:block;font-size:12px;font-weight:500;color:hsl(var(--muted-foreground));margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.transparent-swatch.svelte-1wtwuv7{position:relative;overflow:hidden;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%)!important;background-size:6px 6px;background-position:0 0,0 3px,3px -3px,-3px 0}.no-color-line.svelte-1wtwuv7{position:absolute;inset:0;display:block}.no-color-line.svelte-1wtwuv7:after{content:"";position:absolute;top:50%;left:-2px;right:-2px;height:2px;background:hsl(var(--destructive));transform:rotate(-45deg);border-radius:1px}.color-custom-content.svelte-1wtwuv7{padding:12px}.saturation-area.svelte-1wtwuv7{width:100%;height:150px;border-radius:8px;position:relative;cursor:crosshair;overflow:hidden}.saturation-white.svelte-1wtwuv7{position:absolute;inset:0;background:linear-gradient(to right,white,transparent)}.saturation-black.svelte-1wtwuv7{position:absolute;inset:0;background:linear-gradient(to top,black,transparent)}.saturation-cursor.svelte-1wtwuv7{position:absolute;width:16px;height:16px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #0000004d,0 2px 4px #0003;transform:translate(-50%,-50%);pointer-events:none}.hue-slider.svelte-1wtwuv7{width:100%;height:14px;border-radius:7px;margin-top:12px;position:relative;cursor:pointer;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.hue-cursor.svelte-1wtwuv7{position:absolute;top:50%;width:18px;height:18px;background:#fff;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #0000001a,0 2px 4px #0003;transform:translate(-50%,-50%);pointer-events:none}.alpha-slider.svelte-1wtwuv7{width:100%;height:14px;border-radius:7px;margin-top:10px;position:relative;cursor:pointer;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.alpha-gradient.svelte-1wtwuv7{position:absolute;inset:0;border-radius:7px}.alpha-cursor.svelte-1wtwuv7{position:absolute;top:50%;width:18px;height:18px;background:#fff;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #0000001a,0 2px 4px #0003;transform:translate(-50%,-50%);pointer-events:none}.hex-input-row.svelte-1wtwuv7{display:flex;align-items:center;gap:10px;margin-top:12px}.current-color-preview.svelte-1wtwuv7{width:36px;height:36px;border-radius:8px;border:1px solid rgba(0,0,0,.1);flex-shrink:0;position:relative;overflow:hidden;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.color-preview-fill.svelte-1wtwuv7{position:absolute;inset:0;border-radius:8px}.alpha-display.svelte-1wtwuv7{font-size:14px;font-weight:500;color:hsl(var(--muted-foreground));min-width:36px;text-align:right}.hex-input.svelte-1wtwuv7{flex:1;padding:8px 12px;font-size:14px;font-family:monospace;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--muted));color:hsl(var(--foreground));text-transform:uppercase;transition:border-color .15s,box-shadow .15s}.hex-input.svelte-1wtwuv7:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 3px hsl(var(--ring) / .1)}.logo-preview-container.svelte-7kau9j{position:relative;display:flex;align-items:center;justify-content:center;min-height:120px;padding:24px 16px;background:#f9f9f9;border:1px dashed #e5e5e5;border-radius:12px}.logo-preview-container.compact.svelte-7kau9j{min-height:80px;padding:16px;border:none;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23e5e5e5' stroke-width='1' stroke-dasharray='8%2c 8' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e")}.logo-preview-container.onboarding.svelte-7kau9j{min-height:163px;padding:16px;background:hsl(var(--background));border:1px dashed hsl(var(--border));background-image:none}.logo-preview.svelte-7kau9j{display:flex;align-items:center;gap:6px;transition:opacity .15s ease,transform .15s ease}.logo-preview.refreshing.svelte-7kau9j{opacity:.5;transform:scale(.98)}.icon-container.svelte-7kau9j{flex-shrink:0}.icon-container.svelte-7kau9j svg{width:100%;height:100%;fill:currentColor}.text-container.svelte-7kau9j{display:flex;align-items:center}.brand-text.svelte-7kau9j{white-space:nowrap;line-height:1}.refresh-btn{position:absolute;top:9px;right:9px}.refresh-btn.spinning svg{animation:svelte-7kau9j-spin .3s ease-out}@keyframes svelte-7kau9j-spin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.dark-swatch.svelte-188mqi5{text-shadow:0 1px 2px rgba(0,0,0,.2)}