:root{--ck-glass-bg:#ffffffb3;--ck-glass-bg-strong:#ffffffe6;--ck-glass-border:#ffffff4d;--ck-glass-shadow:0 8px 32px #0000001a;--ck-glass-shadow-lg:0 12px 48px #00000026;--ck-bg:#f8f9fa;--ck-bg-secondary:#f8f9fa80;--ck-text:#1a1a1a;--ck-text-muted:#64748b;--ck-primary:#6366f1;--ck-primary-glow:#6366f166;--ck-accent:#8b5cf6;--ck-radius:12px;--ck-radius-md:8px;--ck-radius-sm:6px;--ck-blur:blur(20px);--ck-blur-strong:blur(40px)}.dark,[data-theme=dark]{--ck-glass-bg:#1a1a1eb3;--ck-glass-bg-strong:#1a1a1ee6;--ck-glass-border:#ffffff1a;--ck-glass-shadow:0 8px 32px #0006;--ck-glass-shadow-lg:0 12px 48px #0009;--ck-bg:#0a0a0b;--ck-bg-secondary:#1a1a1e66;--ck-text:#fff;--ck-text-muted:#94a3b8;--ck-primary:#818cf8;--ck-primary-glow:#818cf84d;--ck-accent:#a78bfa}@media (prefers-color-scheme:dark){:root:not(.light):not([data-theme=light]){--ck-glass-bg:#1a1a1eb3;--ck-glass-bg-strong:#1a1a1ee6;--ck-glass-border:#ffffff1a;--ck-glass-shadow:0 8px 32px #0006;--ck-glass-shadow-lg:0 12px 48px #0009;--ck-bg:#0a0a0b;--ck-bg-secondary:#1a1a1e66;--ck-text:#fff;--ck-text-muted:#94a3b8;--ck-primary:#818cf8;--ck-primary-glow:#818cf84d;--ck-accent:#a78bfa}}.ck-color-picker{background:var(--ck-glass-bg);-webkit-backdrop-filter:var(--ck-blur);border:1px solid var(--ck-glass-border);border-radius:var(--ck-radius);box-shadow:var(--ck-glass-shadow-lg);color:var(--ck-text);box-sizing:border-box;flex-direction:row;gap:5px;width:100%;min-width:520px;max-width:100%;padding:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.ck-color-picker:before{content:"";background:linear-gradient(135deg,var(--ck-primary-glow)0%,transparent 50%,var(--ck-primary-glow)100%);opacity:.05;pointer-events:none;z-index:0;position:absolute;inset:0}.ck-color-picker *,.ck-color-picker :before,.ck-color-picker :after{box-sizing:border-box}.ck-picker-main{z-index:1;flex-direction:row;align-items:stretch;gap:5px;width:100%;min-height:80px;display:flex;position:relative}.ck-picker-controls{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ck-color-area{cursor:crosshair;touch-action:none;border-radius:var(--ck-radius-md);-webkit-user-select:none;user-select:none;box-shadow:var(--ck-glass-shadow),inset 0 0 0 1px var(--ck-glass-border);border:1px solid var(--ck-glass-border);height:100%;position:relative;overflow:hidden}.ck-color-area:focus{outline:none}.ck-color-area:focus-visible{outline:2px solid var(--ck-primary);outline-offset:3px;box-shadow:var(--ck-glass-shadow),0 0 0 4px var(--ck-primary-glow)}.ck-color-area-layer{position:absolute;inset:0}.ck-color-area-thumb{pointer-events:none;filter:drop-shadow(0 4px 12px #0000004d);width:10px;height:10px;position:absolute;transform:translate(-50%,-50%)}.ck-color-area-thumb-inner{background:var(--ck-glass-bg-strong);width:100%;height:100%;-webkit-backdrop-filter:var(--ck-blur);border:3px solid #fff;border-radius:50%;transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 1px #00000026,0 2px 8px #0003}.ck-color-area:active .ck-color-area-thumb-inner{transform:scale(1.15)}.ck-controls-row{align-items:center;gap:8px;display:flex}.ck-sliders-group{flex-direction:column;flex:1;gap:6px;display:flex}.ck-action-buttons-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.ck-hue-slider{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:10px;box-shadow:var(--ck-glass-shadow),inset 0 0 0 1px var(--ck-glass-border);border:1px solid var(--ck-glass-border);border-radius:9999px;transition:box-shadow .2s;position:relative}.ck-hue-slider:hover{box-shadow:var(--ck-glass-shadow),0 0 0 2px var(--ck-primary-glow),inset 0 0 0 1px var(--ck-glass-border)}.ck-hue-slider:focus{outline:none}.ck-hue-slider:focus-visible{outline:2px solid var(--ck-primary);outline-offset:3px;box-shadow:var(--ck-glass-shadow),0 0 0 4px var(--ck-primary-glow)}.ck-hue-slider-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:9999px;position:absolute;inset:0}.ck-slider-thumb{pointer-events:none;filter:drop-shadow(0 4px 12px #0000004d);width:10px;height:10px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;transform:translate(-50%,-50%)}.ck-hue-slider:active .ck-slider-thumb,.ck-alpha-slider:active .ck-slider-thumb{transform:translate(-50%,-50%)scale(1.15)}.ck-slider-thumb-inner{background:#1a1a1a;border:1px solid #0006;border-radius:50%;width:100%;height:100%;box-shadow:0 0 0 1px #ffffff4d,0 2px 8px #0006}.ck-alpha-slider{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:10px;box-shadow:var(--ck-glass-shadow),inset 0 0 0 1px var(--ck-glass-border);border:1px solid var(--ck-glass-border);border-radius:9999px;transition:box-shadow .2s;position:relative}.ck-alpha-slider:hover{box-shadow:var(--ck-glass-shadow),0 0 0 2px var(--ck-primary-glow),inset 0 0 0 1px var(--ck-glass-border)}.ck-alpha-slider:focus{outline:none}.ck-alpha-slider:focus-visible{outline:2px solid var(--ck-primary);outline-offset:3px;box-shadow:var(--ck-glass-shadow),0 0 0 4px var(--ck-primary-glow)}.ck-alpha-slider-track{border-radius:9999px;position:absolute;inset:0}.ck-checkerboard{background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.dark .ck-checkerboard,[data-theme=dark] .ck-checkerboard{background-image:linear-gradient(45deg,#444 25%,#0000 25%),linear-gradient(-45deg,#444 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#444 75%),linear-gradient(-45deg,#0000 75%,#444 75%)}.ck-preview{border-radius:var(--ck-radius-sm);box-shadow:var(--ck-glass-shadow),inset 0 0 0 1px var(--ck-glass-border);border:1px solid var(--ck-glass-border);flex-shrink:0;position:relative;overflow:hidden}.ck-preview-sm{width:32px;height:32px}.ck-preview-md{width:48px;height:48px}.ck-preview-lg{border-radius:var(--ck-radius-md);width:28px;height:40px;box-shadow:var(--ck-glass-shadow)}.ck-preview-wide{border-radius:var(--ck-radius-sm);flex:1;width:auto;min-width:60px;height:24px}.ck-preview-color{position:absolute;inset:0}.ck-input-modes{background:var(--ck-glass-bg);-webkit-backdrop-filter:var(--ck-blur);border:1px solid var(--ck-glass-border);border-radius:var(--ck-radius-sm);grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:4px;padding:4px;display:grid}.ck-input-mode-btn{cursor:pointer;color:var(--ck-text-muted);white-space:nowrap;background:0 0;border:none;border-radius:6px;min-width:0;padding:4px 2px;font-size:10px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.ck-input-mode-btn:hover{color:var(--ck-text);background:var(--ck-bg-secondary)}.ck-input-mode-btn.active{background:var(--ck-glass-bg-strong);color:var(--ck-primary);box-shadow:var(--ck-glass-shadow),0 0 0 1px var(--ck-glass-border)}.ck-inputs{flex-direction:column;gap:3px;display:flex}.ck-input-row{align-items:center;gap:8px;display:flex}.ck-input{background:var(--ck-glass-bg);min-width:0;height:30px;-webkit-backdrop-filter:var(--ck-blur);border:1px solid var(--ck-glass-border);border-radius:var(--ck-radius-sm);color:var(--ck-text);outline:none;flex:1;padding:5px 7px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:11px;transition:all .2s}.ck-input:hover{border-color:var(--ck-glass-border);background:var(--ck-glass-bg-strong)}.ck-input:focus{border-color:var(--ck-primary);box-shadow:0 0 0 3px var(--ck-primary-glow);background:var(--ck-glass-bg-strong)}.ck-select{background:var(--ck-glass-bg);height:30px;-webkit-backdrop-filter:var(--ck-blur);border:1px solid var(--ck-glass-border);border-radius:var(--ck-radius-sm);color:var(--ck-text);cursor:pointer;outline:none;flex-shrink:0;min-width:70px;max-width:100px;padding:5px 7px;font-size:10px;font-weight:500;transition:all .2s}.ck-select:hover{border-color:var(--ck-glass-border);background:var(--ck-glass-bg-strong)}.ck-select:focus{border-color:var(--ck-primary);box-shadow:0 0 0 3px var(--ck-primary-glow)}.ck-channel-grid{gap:3px;display:grid}.ck-channel-grid-3{grid-template-columns:repeat(3,1fr)}.ck-channel-grid-4{grid-template-columns:repeat(4,1fr)}.ck-channel{flex-direction:column;gap:4px;display:flex}.ck-channel-label{text-transform:uppercase;color:var(--ck-text-muted);text-align:center;font-size:8px;font-weight:500}.ck-channel-input{text-align:center;background:var(--ck-glass-bg);-webkit-backdrop-filter:var(--ck-blur);border:1px solid var(--ck-glass-border);border-radius:var(--ck-radius-sm);color:var(--ck-text);outline:none;width:100%;padding:4px 2px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:12px;transition:all .2s}.ck-channel-input:hover{background:var(--ck-glass-bg-strong)}.ck-channel-input:focus{border-color:var(--ck-primary);box-shadow:0 0 0 3px var(--ck-primary-glow);background:var(--ck-glass-bg-strong)}.ck-channel-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ck-channel-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ck-channel-input[type=number]{-moz-appearance:textfield}.ck-presets{border-top:1px solid var(--ck-glass-border);padding-top:3px}.ck-presets-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.ck-presets-header-controls{align-items:center;gap:6px;display:flex}.ck-presets-title{color:var(--ck-text-muted);text-transform:uppercase;letter-spacing:.2px;font-size:8px;font-weight:600}.ck-presets-edit-btn{background:var(--ck-glass-bg);-webkit-backdrop-filter:var(--ck-blur);border:1px solid var(--ck-glass-border);color:var(--ck-primary);cursor:pointer;border-radius:4px;padding:2px 5px;font-size:8px;font-weight:600;transition:all .2s}.ck-presets-edit-btn:hover{background:var(--ck-glass-bg-strong);box-shadow:var(--ck-glass-shadow)}.ck-presets-dropdown{background:var(--ck-glass-bg);-webkit-backdrop-filter:var(--ck-blur);border:1px solid var(--ck-glass-border);color:var(--ck-text);cursor:pointer;border-radius:4px;outline:none;padding:2px 6px;font-size:8px;font-weight:600;transition:all .2s}.ck-presets-dropdown:hover{background:var(--ck-glass-bg-strong);box-shadow:var(--ck-glass-shadow)}.ck-preset-colors{grid-template-columns:repeat(8,1fr);gap:3px;display:grid}.ck-swatch-btn{aspect-ratio:1;border-radius:var(--ck-radius-sm);cursor:pointer;min-height:20px;box-shadow:var(--ck-glass-shadow),inset 0 0 0 1px var(--ck-glass-border);border:none;border:1px solid var(--ck-glass-border);padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ck-swatch-btn:hover{box-shadow:var(--ck-glass-shadow-lg),inset 0 0 0 1px var(--ck-glass-border);transform:translateY(-2px)scale(1.02)}.ck-swatch-btn:active{transform:translateY(0)scale(.98)}.ck-swatch-btn.ck-swatch-editing{animation:2s cubic-bezier(.4,0,.6,1) infinite ck-pulse}@keyframes ck-pulse{0%,to{box-shadow:var(--ck-glass-shadow),0 0 0 2px var(--ck-primary-glow),inset 0 0 0 1px var(--ck-glass-border)}50%{box-shadow:var(--ck-glass-shadow),0 0 0 4px var(--ck-primary-glow),inset 0 0 0 1px var(--ck-glass-border)}}.ck-swatch-delete-btn{width:14px;height:14px;-webkit-backdrop-filter:var(--ck-blur);color:#fff;cursor:pointer;opacity:0;z-index:10;text-align:center;background:#ef4444e6;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:system-ui,-apple-system,sans-serif;font-size:9px;font-weight:700;line-height:1;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:2px;right:2px}.ck-swatch-delete-btn svg{display:block}.ck-swatch-btn:hover .ck-swatch-delete-btn{opacity:1}.ck-swatch-delete-btn:hover{background:#dc2626;transform:scale(1.1)}.ck-swatch-add{background:var(--ck-glass-bg);-webkit-backdrop-filter:var(--ck-blur);opacity:.6;justify-content:center;align-items:center;display:flex;border:2px solid var(--ck-glass-border)!important;border-style:solid!important}.ck-swatch-add:hover{opacity:1;border-color:var(--ck-primary);background:var(--ck-glass-bg-strong);box-shadow:var(--ck-glass-shadow),0 0 0 2px var(--ck-primary-glow)}.ck-swatch-btn.selected{box-shadow:0 0 0 3px var(--ck-primary)}.ck-swatch-btn:focus-visible{outline:2px solid var(--ck-primary);outline-offset:2px}.ck-swatch-color{border-radius:2px;position:absolute;inset:0}.ck-action-buttons{gap:4px;display:flex}.ck-eyedropper-btn,.ck-copy-btn{background:var(--ck-glass-bg);width:28px;height:28px;-webkit-backdrop-filter:var(--ck-blur);border:1px solid var(--ck-glass-border);border-radius:var(--ck-radius-sm);cursor:pointer;color:var(--ck-text-muted);box-shadow:var(--ck-glass-shadow);justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.ck-eyedropper-btn:hover:not(:disabled),.ck-copy-btn:hover{background:var(--ck-glass-bg-strong);border-color:var(--ck-primary);color:var(--ck-primary);box-shadow:var(--ck-glass-shadow-lg),0 0 0 2px var(--ck-primary-glow);transform:translateY(-2px)}.ck-eyedropper-btn:active:not(:disabled),.ck-copy-btn:active{transform:translateY(0)scale(.95)}.ck-eyedropper-btn:focus-visible,.ck-copy-btn:focus-visible{outline:2px solid var(--ck-primary);outline-offset:3px;box-shadow:var(--ck-glass-shadow),0 0 0 4px var(--ck-primary-glow)}.ck-eyedropper-btn:disabled{opacity:.4;cursor:not-allowed}.ck-copy-btn--copied{background:linear-gradient(135deg,var(--ck-primary),var(--ck-accent));border-color:var(--ck-primary);color:#fff;box-shadow:var(--ck-glass-shadow-lg),0 0 20px var(--ck-primary-glow)}.ck-copy-btn--copied:hover{background:linear-gradient(135deg,var(--ck-primary),var(--ck-accent));transform:translateY(-2px)}.ck-recent-colors{border-top:1px solid var(--ck-glass-border);flex-direction:column;gap:2px;padding-top:3px;display:none}.ck-recent-colors-label{color:var(--ck-text-muted);text-transform:uppercase;letter-spacing:.2px;font-size:7px;font-weight:600}.ck-recent-colors-grid{grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:6px;display:grid}.ck-recent-color-swatch{aspect-ratio:1;border:1px solid var(--ck-glass-border);border-radius:var(--ck-radius-sm);cursor:pointer;width:100%;min-height:20px;box-shadow:var(--ck-glass-shadow),inset 0 0 0 1px var(--ck-glass-border);padding:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.ck-recent-color-swatch:hover{border-color:var(--ck-primary);box-shadow:var(--ck-glass-shadow-lg),0 0 0 2px var(--ck-primary-glow);transform:translateY(-2px)scale(1.05)}.ck-recent-color-swatch:focus-visible{outline:2px solid var(--ck-primary);outline-offset:3px;box-shadow:var(--ck-glass-shadow),0 0 0 4px var(--ck-primary-glow)}.ck-recent-color-swatch:active{transform:translateY(0)scale(.95)}@media (max-width:640px){.ck-color-picker,.ck-picker-main{flex-direction:column}.ck-picker-controls{min-width:100%}.ck-action-buttons{flex-direction:row;justify-content:flex-end}.ck-eyedropper-btn,.ck-copy-btn{width:44px;min-width:44px;height:44px;min-height:44px}.ck-recent-color-swatch{min-height:44px}.ck-input-mode-btn{min-height:44px;padding:10px;font-size:12px}.ck-swatch-btn{min-width:44px;min-height:44px}}@media (max-width:480px){.ck-color-picker{padding:12px}.ck-preset-colors{grid-template-columns:repeat(3,1fr)}}