.cp-name-option{display:flex!important;align-items:center!important;gap:10px!important;padding:8px 16px!important;cursor:pointer;font-family:var(--font-sans);font-size:13px;color:var(--color-ink);user-select:none;border-bottom:1px solid var(--color-hairline)}.cp-name-option:last-child{border-bottom:none!important}.cp-name-option:hover,.cp-name-option[aria-selected=true]{background:var(--color-surface)}.cp-name-swatch{display:inline-block!important;width:30px!important;height:18px!important;border-radius:3px!important;border:1px solid rgba(0,0,0,.18)!important;flex-shrink:0!important}.cp-name-label{color:var(--color-ink)}.cp-name-label-hex{color:var(--color-mute);font-family:var(--font-mono);font-size:12px}.cp-wrap[data-astro-cid-5kqnsh53]{margin-bottom:48px}.cp-top[data-astro-cid-5kqnsh53]{display:flex;gap:20px;align-items:flex-start;margin-bottom:28px}.cp-picker-col[data-astro-cid-5kqnsh53]{flex:0 0 auto;display:flex;flex-direction:column;gap:10px}.cp-spectrum-wrap[data-astro-cid-5kqnsh53]{position:relative;width:260px;height:160px;border-radius:var(--rounded-sm);overflow:hidden;cursor:crosshair;box-shadow:var(--shadow-1);flex-shrink:0}.cp-canvas[data-astro-cid-5kqnsh53]{display:block;width:100%;height:100%}.cp-thumb[data-astro-cid-5kqnsh53]{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0006,0 2px 4px #0000004d;pointer-events:none;transform:translate(-50%,-50%);top:0;left:0}.cp-slider-wrap[data-astro-cid-5kqnsh53]{display:flex;flex-direction:column;gap:8px;width:260px}.cp-slider-track[data-astro-cid-5kqnsh53]{position:relative;height:14px;border-radius:7px;overflow:hidden;box-shadow:var(--shadow-1)}.cp-slider-track[data-astro-cid-5kqnsh53] input[data-astro-cid-5kqnsh53][type=range]{-webkit-appearance:none;appearance:none;width:100%;height:100%;background:transparent;cursor:pointer;margin:0;padding:0}.cp-slider-track[data-astro-cid-5kqnsh53] input[data-astro-cid-5kqnsh53][type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.25);box-shadow:0 1px 3px #0000004d;cursor:pointer;margin-top:-2px}.cp-slider-track[data-astro-cid-5kqnsh53] input[data-astro-cid-5kqnsh53][type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.25);box-shadow:0 1px 3px #0000004d;cursor:pointer}.cp-hue-track[data-astro-cid-5kqnsh53]{background:linear-gradient(to right,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#7f00ff,#f0f,#ff0080,red)}.cp-alpha-track[data-astro-cid-5kqnsh53]{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 0px;background-color:#fff}.cp-alpha-gradient[data-astro-cid-5kqnsh53]{position:absolute;inset:0;pointer-events:none}.cp-right[data-astro-cid-5kqnsh53]{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.cp-swatch-wrap[data-astro-cid-5kqnsh53]{display:flex;gap:10px;align-items:stretch}.cp-swatch-checker[data-astro-cid-5kqnsh53]{flex:1;min-height:56px;border-radius:var(--rounded-sm);overflow:hidden;box-shadow:var(--shadow-1);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:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0px;background-color:#fff}.cp-swatch[data-astro-cid-5kqnsh53]{width:100%;height:100%;min-height:56px}.cp-fields[data-astro-cid-5kqnsh53]{display:flex;flex-direction:column;gap:8px}.cp-field-row[data-astro-cid-5kqnsh53]{display:flex;align-items:center;gap:8px}.cp-field-label[data-astro-cid-5kqnsh53]{font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-mute);width:32px;flex-shrink:0}.cp-field-input[data-astro-cid-5kqnsh53]{flex:1;min-width:0;height:32px;padding:0 10px;font-family:var(--font-mono);font-size:12px;color:var(--color-ink);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-sm);outline:none;transition:border-color .12s}.cp-field-input[data-astro-cid-5kqnsh53]:focus{border-color:var(--color-primary)}.cp-multi-inputs[data-astro-cid-5kqnsh53]{flex:1;min-width:0;display:flex;gap:4px}.cp-num-input[data-astro-cid-5kqnsh53]{flex:1;min-width:0;height:32px;padding:0 6px;font-family:var(--font-mono);font-size:12px;color:var(--color-ink);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-sm);outline:none;transition:border-color .12s;text-align:center}.cp-num-input[data-astro-cid-5kqnsh53]:focus{border-color:var(--color-primary)}.cp-num-input[data-astro-cid-5kqnsh53]::-webkit-inner-spin-button,.cp-num-input[data-astro-cid-5kqnsh53]::-webkit-outer-spin-button{-webkit-appearance:none}.cp-num-input[data-astro-cid-5kqnsh53][type=number]{-moz-appearance:textfield}.cp-copy-btn[data-astro-cid-5kqnsh53]{height:32px;padding:0 10px;font-size:11px;font-family:var(--font-sans);font-weight:500;color:var(--color-body);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-sm);cursor:pointer;transition:color .1s,border-color .1s,background .1s;white-space:nowrap;flex-shrink:0}.cp-copy-btn[data-astro-cid-5kqnsh53]:hover{color:var(--color-ink);border-color:var(--color-hairline-strong)}.cp-copy-btn[data-astro-cid-5kqnsh53].copied{color:#059669;border-color:#059669}.cp-alpha-row[data-astro-cid-5kqnsh53]{display:flex;align-items:center;gap:8px}.cp-alpha-input[data-astro-cid-5kqnsh53]{width:60px;height:32px;padding:0 8px;font-family:var(--font-mono);font-size:12px;color:var(--color-ink);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-sm);outline:none;transition:border-color .12s;text-align:center}.cp-alpha-input[data-astro-cid-5kqnsh53]:focus{border-color:var(--color-primary)}.cp-alpha-input[data-astro-cid-5kqnsh53]::-webkit-inner-spin-button,.cp-alpha-input[data-astro-cid-5kqnsh53]::-webkit-outer-spin-button{-webkit-appearance:none}.cp-alpha-input[data-astro-cid-5kqnsh53][type=number]{-moz-appearance:textfield}.cp-alpha-unit[data-astro-cid-5kqnsh53]{font-family:var(--font-mono);font-size:11px;color:var(--color-mute)}.cp-palette-section[data-astro-cid-5kqnsh53],.cp-comp-section[data-astro-cid-5kqnsh53]{margin-top:8px}.cp-palette-label[data-astro-cid-5kqnsh53]{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-mute);margin-bottom:8px}.cp-shade-swatches[data-astro-cid-5kqnsh53]{display:flex;gap:6px}.cp-shade-swatch[data-astro-cid-5kqnsh53]{flex:1;height:36px;border-radius:var(--rounded-sm);cursor:pointer;border:1px solid rgba(0,0,0,.08);transition:transform .1s,box-shadow .1s;position:relative}.cp-shade-swatch[data-astro-cid-5kqnsh53]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;z-index:1}.cp-shade-swatch[data-astro-cid-5kqnsh53].current{outline:2px solid var(--color-primary);outline-offset:2px}.cp-comp-inner[data-astro-cid-5kqnsh53]{display:flex;align-items:center;gap:10px}.cp-comp-swatch[data-astro-cid-5kqnsh53]{width:36px;height:36px;border-radius:var(--rounded-sm);border:1px solid rgba(0,0,0,.08);flex-shrink:0}.cp-comp-hex[data-astro-cid-5kqnsh53]{font-family:var(--font-mono);font-size:13px;color:var(--color-ink)}.cp-field-input[data-astro-cid-5kqnsh53].error,.cp-num-input[data-astro-cid-5kqnsh53].error{border-color:#ef4444;color:#ef4444}.cp-desc[data-astro-cid-5kqnsh53]{border-top:1px solid var(--color-hairline);padding-top:32px;margin-top:8px;margin-bottom:52px;font-size:14px;line-height:1.78;color:var(--color-body);display:flex;flex-direction:column;gap:14px}.cp-desc[data-astro-cid-5kqnsh53] h2[data-astro-cid-5kqnsh53]{font-size:18px;font-weight:600;letter-spacing:-.3px;color:var(--color-ink);margin-top:8px;margin-bottom:4px}.cp-desc[data-astro-cid-5kqnsh53] a[data-astro-cid-5kqnsh53]{color:var(--color-link);text-decoration:none;font-weight:500}.cp-desc[data-astro-cid-5kqnsh53] a[data-astro-cid-5kqnsh53]:hover{text-decoration:underline}.cp-desc[data-astro-cid-5kqnsh53] strong[data-astro-cid-5kqnsh53]{color:var(--color-ink)}.cp-name-wrap[data-astro-cid-5kqnsh53]{flex:1;min-width:0;position:relative}.cp-name-dropdown[data-astro-cid-5kqnsh53]{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-sm);box-shadow:0 4px 16px #0000001f;list-style:none;margin:0;padding:4px 0;z-index:100;max-height:220px;overflow-y:auto}.cp-named-label[data-astro-cid-5kqnsh53]{padding-left:40px;font-family:var(--font-mono);font-size:11px;color:var(--color-mute);letter-spacing:.03em}@media(max-width:640px){.cp-top[data-astro-cid-5kqnsh53]{flex-direction:column;gap:16px}.cp-spectrum-wrap[data-astro-cid-5kqnsh53],.cp-slider-wrap[data-astro-cid-5kqnsh53],.cp-picker-col[data-astro-cid-5kqnsh53],.cp-right[data-astro-cid-5kqnsh53]{width:100%}.cp-shade-swatches[data-astro-cid-5kqnsh53]{gap:4px}.cp-shade-swatch[data-astro-cid-5kqnsh53]{height:30px}}