.nb-cp[data-v-568a32ee]{position:relative}.nb-cp-trigger[data-v-568a32ee]{border:1px solid var(--hair-2);background:var(--surface-2);cursor:pointer;width:36px;height:36px;transition:border-color var(--t-fast), transform var(--t-fast);border-radius:6px;justify-content:center;align-items:center;padding:4px;display:inline-flex}.nb-cp-trigger[data-v-568a32ee]:hover:not(:disabled){border-color:var(--ink-faint);transform:scale(1.05)}.nb-cp-trigger[data-v-568a32ee]:disabled{cursor:not-allowed;opacity:.5}.nb-cp.sm .nb-cp-trigger[data-v-568a32ee]{border-radius:4px;width:22px;height:22px;padding:2px}.nb-cp-swatch[data-v-568a32ee]{background-color:#fff;border-radius:3px;width:100%;height:100%;display:block;width:100%!important;height:100%!important;padding:0!important}.nb-cp.sm .nb-cp-trigger[data-v-568a32ee]{padding:0!important}.nb-cp-swatch.none[data-v-568a32ee]{background:repeating-conic-gradient(#80808073 0% 25%,#ffffffe6 0% 50%) 50%/10px 10px;position:relative}.nb-cp-menu[data-v-568a32ee]{z-index:9999;background:var(--surface-1,#fff);border:1px solid var(--hair-2);border-radius:8px;width:260px;padding:10px;position:fixed;box-shadow:0 4px 20px #00000026}.nb-cp-preview[data-v-568a32ee]{grid-template-columns:repeat(auto-fill,minmax(20px,1fr));gap:3px;margin-bottom:8px;display:grid}.nb-cp-preview-item[data-v-568a32ee]{aspect-ratio:1;border:1px solid var(--hair-2);cursor:pointer;transition:transform var(--t-fast), border-color var(--t-fast);border-radius:3px;position:relative}.nb-cp-preview-item[data-v-568a32ee]:hover{border-color:var(--ink-faint);z-index:1;transform:scale(1.15)}.nb-cp-preview-label[data-v-568a32ee]{color:#fff;text-shadow:0 0 3px #000c,0 0 6px #00000080;pointer-events:none;letter-spacing:.3px;font-size:9px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nb-cp-sv[data-v-568a32ee]{cursor:crosshair;touch-action:none;border-radius:4px;width:100%;height:120px;position:relative;overflow:hidden}.nb-cp-sv-canvas[data-v-568a32ee]{width:100%;height:100%;display:block;position:absolute;inset:0}.nb-cp-sv-cursor[data-v-568a32ee]{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d}.nb-cp-hue[data-v-568a32ee]{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;width:100%;height:12px;margin-top:8px;position:relative}.nb-cp-hue-cursor[data-v-568a32ee]{pointer-events:none;background:#fff;border:1px solid #0006;width:4px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%)}.nb-cp-alpha[data-v-568a32ee]{cursor:pointer;touch-action:none;background:repeating-conic-gradient(#80808073 0% 25%,#ffffffe6 0% 50%) 50%/10px 10px;border-radius:6px;width:100%;height:12px;margin-top:8px;position:relative}.nb-cp-alpha-fill[data-v-568a32ee]{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.nb-cp-alpha-cursor[data-v-568a32ee]{pointer-events:none;background:#fff;border:1px solid #0006;width:4px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%)}.nb-cp-input[data-v-568a32ee]{align-items:center;gap:4px;margin-top:10px;display:flex}.nb-cp-mode[data-v-568a32ee]{border:1px solid var(--hair-2);border-radius:4px;flex:none;display:inline-flex;overflow:hidden}.nb-cp-mode button[data-v-568a32ee]{background:var(--surface-2);color:var(--ink-faint);letter-spacing:.4px;cursor:pointer;transition:background var(--t-fast), color var(--t-fast);border:none;padding:4px 5px;font-size:9px;font-weight:700}.nb-cp-mode button.on[data-v-568a32ee]{background:var(--accent);color:#fff}.nb-cp-hash[data-v-568a32ee]{color:var(--ink-faint);font-size:11px}.nb-cp-hex-input[data-v-568a32ee]{background:var(--surface-2);border:1px solid var(--hair-2);min-width:0;color:var(--ink-soft);text-transform:uppercase;font-size:11px;font-family:var(--font-mono,monospace);border-radius:4px;outline:none;flex:1;padding:4px 6px}.nb-cp-hex-input[data-v-568a32ee]:focus{border-color:var(--accent)}.nb-cp-rgb-input[data-v-568a32ee]{background:var(--surface-2);border:1px solid var(--hair-2);width:32px;min-width:0;color:var(--ink-soft);text-align:center;font-size:11px;font-family:var(--font-mono,monospace);border-radius:4px;outline:none;padding:4px 2px}.nb-cp-rgb-input[data-v-568a32ee]:focus{border-color:var(--accent)}.nb-cp-rgb-input[data-v-568a32ee]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.nb-cp-rgb-input[data-v-568a32ee]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.nb-cp-rgb-input[data-v-568a32ee]{appearance:textfield}.nb-cp-contrast[data-v-568a32ee]{border:1px solid var(--hair-2);border-radius:3px;flex:none;width:18px;height:18px}.nb-cp-action[data-v-568a32ee]{border:1px solid var(--hair-2);background:var(--surface-2);width:24px;height:24px;color:var(--ink-faint);cursor:pointer;transition:color var(--t-fast), border-color var(--t-fast), transform var(--t-fast);border-radius:4px;flex:none;place-items:center;padding:0;display:grid}.nb-cp-action[data-v-568a32ee]:hover{color:var(--ink-soft);border-color:var(--ink-faint);transform:scale(1.06)}.nb-cp-action svg[data-v-568a32ee]{width:13px;height:13px}.nb-cp-recents[data-v-568a32ee]{border-top:1px solid var(--hair);margin-top:8px;padding-top:8px}.nb-cp-recents-label[data-v-568a32ee]{color:var(--ink-faint);letter-spacing:.4px;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:600;display:block}.nb-cp-grid[data-v-568a32ee]{grid-template-columns:repeat(auto-fill,minmax(28px,1fr));gap:4px;display:grid}.nb-cp-cell[data-v-568a32ee]{aspect-ratio:1;border:1px solid var(--hair-2);cursor:pointer;transition:transform var(--t-fast), border-color var(--t-fast);border-radius:3px;padding:0}.nb-cp-cell[data-v-568a32ee]:hover{border-color:var(--ink-faint);transform:scale(1.1)}.nb-cp-cell.selected[data-v-568a32ee]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.nb-cp-pop-enter-active[data-v-568a32ee],.nb-cp-pop-leave-active[data-v-568a32ee]{transition:opacity var(--t-fast), transform var(--t-fast)}.nb-cp-pop-enter-from[data-v-568a32ee],.nb-cp-pop-leave-to[data-v-568a32ee]{opacity:0;transform:scale(.95)}