.paint-picker.svelte-9wx81{display:flex;flex-direction:column;gap:9px;width:248px;padding:10px;border:1px solid var(--gn-border-subtle, #2a2f3a);border-radius:8px;background:var(--gn-bg-elevated, #1b1f29);box-shadow:0 14px 32px var(--gn-shadow-color, rgba(0, 0, 0, .45));color:var(--gn-text-primary, #e8eaf0)}.paint-picker.has-modes.svelte-9wx81{gap:0;border-color:transparent}.pp-panel.svelte-9wx81{display:flex;flex-direction:column;gap:9px}.pp-panel.framed.svelte-9wx81{padding:10px;border:1px solid var(--gn-border-subtle, #2a2f3a);border-radius:0 0 8px 8px}.pp-modetabs.svelte-9wx81{display:flex;gap:3px;position:relative;z-index:1}.pp-modetabs.svelte-9wx81 button:where(.svelte-9wx81){flex:1;padding:7px 8px;font-size:12px;font-weight:700;border:1px solid transparent;border-bottom:none;border-radius:7px 7px 0 0;background:none;color:var(--gn-text-secondary, #9aa3b2);cursor:pointer;transition:color .12s ease,background .12s ease,border-color .12s ease}.pp-modetabs.svelte-9wx81 button:where(.svelte-9wx81):hover{color:var(--gn-text-primary, #e7ebf3)}.pp-modetabs.svelte-9wx81 button.active:where(.svelte-9wx81){background:var(--gn-bg-elevated, #1b1f29);border-color:var(--gn-border-subtle, #2a2f3a);color:var(--gn-text-primary, #e7ebf3);margin-bottom:-1px;box-shadow:inset 0 -2px 0 0 var(--gn-accent, #f97316)}.pp-mode.svelte-9wx81{display:flex;gap:2px;padding:2px;border:1px solid var(--gn-border-subtle, #2a2f3a);border-radius:7px;background:var(--gn-bg-controls, #11141b);box-shadow:inset 0 1px 2px #0000001f}.pp-mode.svelte-9wx81 button:where(.svelte-9wx81){flex:1;padding:5px 6px;font-size:11px;font-weight:600;border:none;border-radius:5px;background:none;color:var(--gn-text-secondary, #9aa3b2);cursor:pointer;transition:background .12s ease,color .12s ease}.pp-mode.svelte-9wx81 button:where(.svelte-9wx81):hover{color:var(--gn-text-primary, #e7ebf3)}.pp-mode.svelte-9wx81 button.active:where(.svelte-9wx81){background:var(--gn-btn-active-bg, var(--gn-accent, #f97316));color:var(--gn-text-on-accent, #0b0d12)}.pp-tabs.svelte-9wx81{display:flex;gap:4px;border-bottom:1px solid var(--gn-border-subtle, #2a2f3a)}.pp-tabs.svelte-9wx81 button:where(.svelte-9wx81){flex:1;padding:4px 6px;font-size:11px;font-weight:500;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;color:var(--gn-text-muted, #6b7280);cursor:pointer;transition:color .12s ease,border-color .12s ease}.pp-tabs.svelte-9wx81 button:where(.svelte-9wx81):hover{color:var(--gn-text-secondary, #9aa3b2)}.pp-tabs.svelte-9wx81 button.active:where(.svelte-9wx81){color:var(--gn-text-primary, #e7ebf3);border-bottom-color:var(--gn-accent, #f97316)}.pp-grad.svelte-9wx81{display:flex;flex-direction:column;gap:7px;padding-bottom:8px;border-bottom:1px solid var(--gn-border-subtle, #2a2f3a)}.pp-grad-bar.svelte-9wx81{position:relative;height:18px;border-radius:5px;border:1px solid var(--gn-border-subtle, #2a2f3a);touch-action:none;cursor:copy}.pp-grad-stop.svelte-9wx81{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--c, #888);border:2px solid #fff;box-shadow:0 0 0 1px #0009;transform:translate(-50%,-50%);cursor:grab}.pp-grad-stop.active.svelte-9wx81{box-shadow:0 0 0 2px var(--gn-accent, #f97316)}.pp-grad-square.svelte-9wx81{position:relative;width:100%;aspect-ratio:1 / 1;max-height:180px;border-radius:6px;border:1px solid var(--gn-border-subtle, #2a2f3a);touch-action:none;cursor:copy;overflow:hidden}.pp-grad-point.svelte-9wx81{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--c, #888);border:2px solid #fff;box-shadow:0 0 0 1px #0009;transform:translate(-50%,-50%);cursor:grab}.pp-grad-point.active.svelte-9wx81{box-shadow:0 0 0 2px var(--gn-accent, #f97316)}.pp-grad-hint.svelte-9wx81{font-size:10px;color:var(--gn-text-muted, #888);text-align:center}.pp-wheel.svelte-9wx81{position:relative;align-self:center;touch-action:none;cursor:crosshair}.pp-wheel-hue.svelte-9wx81,.pp-wheel-sl.svelte-9wx81{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0009;transform:translate(-50%,-50%);pointer-events:none}.pp-sliders.svelte-9wx81{display:flex;flex-direction:column;gap:7px}.pp-row.svelte-9wx81{display:grid;grid-template-columns:minmax(14px,max-content) 1fr 44px;align-items:center;gap:6px}.pp-row-label.svelte-9wx81{font-size:10px;color:var(--gn-text-muted, #6b7280);text-align:center;white-space:nowrap}.pp-track.svelte-9wx81,.pp-alpha.svelte-9wx81{position:relative;height:12px;border-radius:999px;border:1px solid var(--gn-border-subtle, #2a2f3a);background:var(--bg);touch-action:none;cursor:pointer}.pp-alpha.svelte-9wx81{background-image:var(--alpha-bg),linear-gradient(45deg,#555 25%,transparent 25%,transparent 75%,#555 75%),linear-gradient(45deg,#555 25%,#333 25%,#333 75%,#555 75%);background-size:100% 100%,8px 8px,8px 8px;background-position:0 0,0 0,4px 4px}.pp-track-cursor.svelte-9wx81,.pp-alpha-cursor.svelte-9wx81{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0009;transform:translate(-50%,-50%);pointer-events:none}.pp-num.svelte-9wx81{width:100%;padding:2px 4px;font-size:11px;border:1px solid var(--gn-border-subtle, #2a2f3a);border-radius:4px;background:var(--gn-bg-controls, #11141b);color:var(--gn-text-primary, #e8eaf0)}.pp-palette.svelte-9wx81{display:flex;flex-direction:column;gap:5px}.pp-label.svelte-9wx81{color:var(--gn-text-muted, #6b7280);font-size:.66rem;text-transform:uppercase;letter-spacing:.04em}.pp-grid.svelte-9wx81{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.pp-swatch.svelte-9wx81{width:18px;height:18px;padding:0;border:1px solid var(--gn-border-subtle, #2a2f3a);border-radius:4px;background:var(--swatch, #888);cursor:pointer}.pp-swatch.svelte-9wx81:hover,.pp-swatch.active.svelte-9wx81{border-color:var(--gn-accent, #f97316);box-shadow:0 0 0 1px var(--gn-accent, #f97316)}.pp-add.svelte-9wx81{margin-top:2px;padding:4px 6px;font-size:11px;border:1px solid var(--gn-border-subtle, #2a2f3a);border-radius:5px;background:var(--gn-bg-controls, #11141b);color:var(--gn-text-secondary, #9aa3b2);cursor:pointer}.pp-add.svelte-9wx81:disabled{opacity:.5;cursor:default}.pp-add.svelte-9wx81:hover:not(:disabled){color:var(--gn-text-primary, #e8eaf0);border-color:var(--gn-accent, #f97316)}.pp-foot.svelte-9wx81{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:6px;padding-top:8px;border-top:1px solid var(--gn-border-subtle, #2a2f3a)}.pp-preview.svelte-9wx81{width:24px;height:24px;border-radius:5px;border:1px solid var(--gn-border-subtle, #2a2f3a)}.pp-hex.svelte-9wx81{width:100%;padding:3px 6px;font-size:12px;font-family:var(--gn-font-mono, ui-monospace, SFMono-Regular, Consolas, monospace);text-transform:uppercase;border:1px solid var(--gn-border-subtle, #2a2f3a);border-radius:4px;background:var(--gn-bg-controls, #11141b);color:var(--gn-text-primary, #e8eaf0)}.pp-eye.svelte-9wx81{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--gn-border-subtle, #2a2f3a);border-radius:5px;background:var(--gn-bg-controls, #11141b);color:var(--gn-text-secondary, #9aa3b2);cursor:pointer}.pp-eye.svelte-9wx81 svg{width:15px;height:15px}.pp-eye.active.svelte-9wx81,.pp-eye.svelte-9wx81:hover{color:var(--gn-accent, #f97316);border-color:var(--gn-accent, #f97316)}.pp-done.svelte-9wx81{width:100%;padding:5px 6px;font-size:11px;font-weight:600;border:1px solid transparent;border-radius:5px;background:var(--gn-btn-active-bg, var(--gn-accent, #f97316));color:var(--gn-text-on-accent, #0b0d12);cursor:pointer}.pp-done.svelte-9wx81:hover{filter:brightness(1.06)}.pp-image.svelte-9wx81{display:flex;flex-direction:column;gap:7px}.pp-image-preview.svelte-9wx81{height:96px;border-radius:6px;border:1px solid var(--gn-border-subtle, #2a2f3a);background-color:var(--gn-bg-controls, #11141b);background-position:center;display:flex;align-items:center;justify-content:center}.pp-image-empty.svelte-9wx81{color:var(--gn-text-muted, #6b7280);font-size:11px}.pp-image-upload.svelte-9wx81{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--gn-text-secondary, #9aa3b2)}.pp-image-upload.svelte-9wx81 input:where(.svelte-9wx81){font-size:11px;color:var(--gn-text-secondary, #9aa3b2)}.pp-image-error.svelte-9wx81{color:#ef4444;font-size:11px}