.cp[data-v-12fe3edf]{position:relative}.cp-label[data-v-12fe3edf]{display:block;margin-bottom:6px;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--nd-muted, #9aa3b2)}.cp-control[data-v-12fe3edf]{display:flex;align-items:center;gap:9px;width:100%;text-align:left;cursor:pointer;min-height:40px;padding:6px 10px;border-radius:10px;border:1px solid var(--nd-border, #353b46);background:var(--nd-field, #1b1e24);color:var(--nd-text, #e8eaed);font-size:14px}.cp.is-open .cp-control[data-v-12fe3edf]{border-color:var(--nd-accent-deep, #f2a900)}.cp.is-flat .cp-control[data-v-12fe3edf]{border:none;background:transparent;padding:4px 2px;min-height:32px;border-radius:0}.cp-swatch[data-v-12fe3edf]{flex:0 0 auto;width:22px;height:22px;border-radius:6px;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px #0000001f}.cp-swatch.is-empty[data-v-12fe3edf]{background:linear-gradient(45deg,var(--nd-line, #2a2f39) 25%,transparent 25%,transparent 75%,var(--nd-line, #2a2f39) 75%),linear-gradient(45deg,var(--nd-line, #2a2f39) 25%,var(--nd-field, #1b1e24) 25%,var(--nd-field, #1b1e24) 75%,var(--nd-line, #2a2f39) 75%);background-size:10px 10px;background-position:0 0,5px 5px}.cp-value[data-v-12fe3edf]{flex:1 1 auto;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.02em}.cp-value.is-empty[data-v-12fe3edf]{color:var(--nd-muted, #9aa3b2);font-weight:500;text-transform:none;letter-spacing:0}.cp-caret[data-v-12fe3edf]{flex:0 0 auto;color:var(--nd-muted, #9aa3b2)}.cp-panel,.cp-panel *{box-sizing:border-box}.cp-panel{position:fixed;z-index:3000;display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--nd-border, #353b46);border-radius:14px;background:var(--nd-surface-2, #23272f);box-shadow:var(--nd-shadow-2, 0 18px 48px rgba(0,0,0,.55));color:var(--nd-text, #e8eaed);max-width:calc(100vw - 16px);overflow-y:auto}.cp-panel.cp-panel-inline{position:static;z-index:auto;width:100%;max-width:420px;margin:0 auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.cp-panel>*{min-width:0;width:100%}.cp-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:var(--nd-muted, #9aa3b2)}.cp-panel-head b{color:var(--nd-text, #e8eaed);font-size:12px}.cp-panel-head span{font-size:10px}.cp-panel .cp-mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding-bottom:8px;border-bottom:1px solid var(--nd-line, #2a2f39)}.cp-panel .cp-mode-tabs button{height:39px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--nd-muted, #9aa3b2);cursor:pointer}.cp-panel .cp-mode-tabs button:hover,.cp-panel .cp-mode-tabs button.active{border-color:var(--nd-border, #353b46);background:var(--nd-hover, #222732);color:var(--nd-text, #e8eaed)}.cp-mode-tabs svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.4}.cp-icon-spectrum{width:27px;height:27px;border-radius:50%;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);box-shadow:inset 0 0 5px #00000059}.cp-icon-sliders{width:28px;display:grid;gap:4px}.cp-icon-sliders i{position:relative;display:block;height:4px;border-radius:3px;background:linear-gradient(90deg,#f45,#ffc857)}.cp-icon-sliders i:nth-child(2){background:linear-gradient(90deg,#5ee08a,#4aa8ff)}.cp-icon-sliders i:nth-child(3){background:linear-gradient(90deg,#c58cff,#ff7a85)}.cp-mode-tabs .cp-icon-palette{width:28px;height:28px;stroke:none}.cp-icon-palette .frame{fill:none;stroke:currentColor;stroke-width:1.5}.cp-icon-palette .one{fill:var(--nd-accent, #ffb63b)}.cp-icon-palette .two{fill:var(--nd-ok, #5ee08a)}.cp-icon-palette .three{fill:var(--nd-info, #4aa8ff)}.cp-icon-palette .four{fill:var(--nd-danger, #e5534b)}.cp-panel .cp-page{min-height:238px;display:flex;flex-direction:column;justify-content:center;gap:12px}.cp-panel .cp-palette{display:flex;flex-direction:column;gap:12px}.cp-panel .cp-palette-pick{width:100%}.cp-panel .cp-presets{--cp-sw: 42px;display:grid;grid-template-columns:repeat(auto-fit,var(--cp-sw));justify-content:center;align-content:center;gap:8px}.cp-panel .cp-preset{width:var(--cp-sw, 42px);height:var(--cp-sw, 42px);border-radius:8px;border:1px solid rgba(0,0,0,.28);cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px #ffffff14;transition:transform .08s ease}@media(max-width:480px){.cp-panel .cp-presets{--cp-sw: 38px;gap:7px}}@media(max-width:360px){.cp-panel .cp-presets{--cp-sw: 34px;gap:6px}}.cp-panel .cp-preset:hover{transform:scale(1.08)}.cp-panel .cp-preset.is-on{outline:2px solid var(--nd-text, #e8eaed);outline-offset:2px}.cp-panel .cp-square{position:relative;width:100%;height:180px;flex:0 0 180px;border-radius:10px;cursor:crosshair;touch-action:none;border:1px solid rgba(0,0,0,.25)}.cp-panel .cp-square-thumb{position:absolute;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid #fff;box-shadow:0 0 0 1px #00000080;pointer-events:none}.cp-panel .cp-hue-row{display:flex;align-items:center;gap:10px}.cp-panel .cp-preview{flex:0 0 auto;width:26px;height:26px;border-radius:7px;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px #0000002e}.cp-panel .cp-hue{-webkit-appearance:none;appearance:none;flex:1 1 auto;min-width:0;height:14px;border-radius:8px;cursor:pointer;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.cp-panel .cp-hue::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.45);box-shadow:0 1px 3px #0006;cursor:pointer}.cp-panel .cp-hue::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.45);cursor:pointer}.cp-panel .cp-rgb{display:grid;gap:11px}.cp-panel .cp-rgb label{display:grid;grid-template-columns:42px 1fr 32px;align-items:center;gap:8px;color:var(--nd-muted, #9aa3b2);font-size:11px}.cp-panel .cp-rgb input{width:100%;accent-color:var(--nd-accent, #ffb63b)}.cp-panel .cp-rgb output{color:var(--nd-text, #e8eaed);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right}.cp-panel .cp-rgb-preview{height:92px;display:grid;place-items:end;padding:8px;border-radius:10px;border:1px solid var(--nd-border, #353b46)}.cp-panel .cp-rgb-preview span{padding:3px 6px;border-radius:5px;background:rgba(20, 23, 28, 0.72);background:color-mix(in srgb,#14171c 72%,transparent);color:#fff;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}

@supports (color: color-mix(in lch, red, blue)){
.cp-panel .cp-rgb-preview span{background:color-mix(in srgb,var(--nd-bg, #14171c) 72%,transparent)}
}.cp-panel .cp-foot{display:flex;align-items:center;gap:8px}.cp-panel .cp-hash{color:var(--nd-muted, #9aa3b2);font-weight:600}.cp-panel .cp-hex{flex:1 1 auto;min-width:0;padding:8px 9px;border-radius:8px;border:1px solid var(--nd-border, #353b46);background:var(--nd-bg, #14171c);color:var(--nd-text, #e8eaed);font:13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.04em}.cp-panel .cp-hex:focus{outline:none;border-color:var(--nd-accent-deep, #f2a900)}.cp-panel .cp-clear{flex:0 0 auto;padding:8px 11px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600}.cp-panel .cp-clear:hover{background:var(--nd-hover, #222732)}