.cp-page[data-astro-cid-yjrhhzki]{padding:100px 20px 60px;background:linear-gradient(180deg,var(--bg-primary) 0%,hsla(330,30%,95%,1) 100%);min-height:100vh;--cp-primary: #FF6B6B;--cp-primary-dark: #E55A5A;--cp-primary-alpha-10: hsla(0, 100%, 71%, .1);--cp-primary-alpha-20: hsla(0, 100%, 71%, .2);--cp-primary-alpha-30: hsla(0, 100%, 71%, .3)}.cp-container[data-astro-cid-yjrhhzki]{max-width:1100px;margin:0 auto}.cp-header[data-astro-cid-yjrhhzki]{text-align:center;margin-bottom:32px;padding:32px 24px 24px;background:linear-gradient(135deg,var(--bg-white) 0%,hsla(330,20%,96%,1) 100%);border:1px solid var(--border-light);border-radius:var(--radius-lg);position:relative;overflow:hidden}.cp-header[data-astro-cid-yjrhhzki]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--cp-primary),#FECA57,#48DBFB,#A29BFE,transparent);opacity:.6}.cp-header-icon[data-astro-cid-yjrhhzki]{margin-bottom:12px;display:inline-flex;animation:cp-icon-float 3s ease-in-out infinite}@keyframes cp-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.cp-header[data-astro-cid-yjrhhzki] h1[data-astro-cid-yjrhhzki]{font-size:1.8rem;font-weight:500;color:var(--text-primary);margin-bottom:8px}.cp-desc[data-astro-cid-yjrhhzki]{font-size:.95rem;color:var(--text-secondary);font-weight:300;max-width:600px;margin:0 auto;line-height:1.6}.cp-content[data-astro-cid-yjrhhzki]{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin-bottom:24px}@media(max-width:860px){.cp-content[data-astro-cid-yjrhhzki]{grid-template-columns:1fr}}.cp-left[data-astro-cid-yjrhhzki]{display:flex;flex-direction:column;gap:16px}.cp-color-swatch[data-astro-cid-yjrhhzki]{width:100%;aspect-ratio:2 / 1;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;border:1px solid var(--border-light);overflow:hidden;position:relative}.cp-swatch-inner[data-astro-cid-yjrhhzki]{background:#ffffffd9;backdrop-filter:blur(8px);padding:10px 24px;border-radius:var(--radius-sm)}:root.dark .cp-swatch-inner[data-astro-cid-yjrhhzki]{background:#0009}.cp-swatch-hex[data-astro-cid-yjrhhzki]{font-family:var(--font-mono);font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:1px}.cp-picker-card[data-astro-cid-yjrhhzki]{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px 20px}.cp-picker-label[data-astro-cid-yjrhhzki]{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:10px}.cp-color-input[data-astro-cid-yjrhhzki]{width:100%;height:44px;border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:4px;cursor:pointer;background:var(--bg-white)}.cp-color-input[data-astro-cid-yjrhhzki]::-webkit-color-swatch-wrapper{padding:2px}.cp-color-input[data-astro-cid-yjrhhzki]::-webkit-color-swatch{border:none;border-radius:6px}.cp-color-input[data-astro-cid-yjrhhzki]::-moz-color-swatch{border:none;border-radius:6px}.cp-eyedropper-card[data-astro-cid-yjrhhzki]{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px 20px;display:none}.cp-eyedropper-btn[data-astro-cid-yjrhhzki]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--cp-primary) 0%,var(--cp-primary-dark) 100%);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;width:100%;justify-content:center;box-shadow:0 4px 14px var(--cp-primary-alpha-30)}.cp-eyedropper-btn[data-astro-cid-yjrhhzki]:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--cp-primary-alpha-30)}.cp-eyedropper-btn[data-astro-cid-yjrhhzki]:active{transform:scale(.98)}.cp-eyedropper-btn[data-astro-cid-yjrhhzki]:disabled:hover{transform:none;box-shadow:none}.cp-eyedropper-hint[data-astro-cid-yjrhhzki]{font-size:.78rem;color:var(--text-tertiary);margin-top:8px;text-align:center}.cp-right[data-astro-cid-yjrhhzki]{display:flex;flex-direction:column;gap:12px}.cp-values-title[data-astro-cid-yjrhhzki]{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.cp-value-card[data-astro-cid-yjrhhzki]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.cp-value-card[data-astro-cid-yjrhhzki]:hover{border-color:var(--cp-primary);box-shadow:0 0 0 2px var(--cp-primary-alpha-10)}.cp-value-info[data-astro-cid-yjrhhzki]{display:flex;align-items:center;gap:12px;min-width:0}.cp-value-label[data-astro-cid-yjrhhzki]{font-size:.78rem;font-weight:700;color:var(--text-tertiary);min-width:36px;letter-spacing:.5px}.cp-value-code[data-astro-cid-yjrhhzki]{font-family:var(--font-mono);font-size:.9rem;color:var(--text-primary);font-weight:500;word-break:break-all}.cp-value-copy[data-astro-cid-yjrhhzki]{padding:5px 14px;font-size:.78rem;font-weight:500;border:1px solid var(--border-light);border-radius:6px;background:var(--bg-white);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;white-space:nowrap;flex-shrink:0}.cp-value-copy[data-astro-cid-yjrhhzki]:hover{border-color:var(--cp-primary);color:var(--cp-primary)}.cp-value-copy[data-astro-cid-yjrhhzki].copied{border-color:var(--success);color:var(--success)}.cp-history[data-astro-cid-yjrhhzki]{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;margin-bottom:24px}.cp-history-title[data-astro-cid-yjrhhzki]{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.cp-history-list[data-astro-cid-yjrhhzki]{display:flex;flex-wrap:wrap;gap:10px}.cp-history-dot[data-astro-cid-yjrhhzki]{width:36px;height:36px;border-radius:var(--radius-full);border:2px solid var(--border-light);cursor:pointer;transition:all var(--transition-fast);padding:0;outline:none}.cp-history-dot[data-astro-cid-yjrhhzki]:hover{transform:scale(1.2);border-color:var(--cp-primary);box-shadow:0 0 0 3px var(--cp-primary-alpha-20)}.cp-history-dot[data-astro-cid-yjrhhzki]:focus-visible{outline:2px solid var(--cp-primary);outline-offset:2px}.cp-history-empty[data-astro-cid-yjrhhzki]{font-size:.85rem;color:var(--text-tertiary);font-style:italic}.cp-history-hint[data-astro-cid-yjrhhzki]{font-size:.78rem;color:var(--text-tertiary);margin-top:10px}@media(max-width:600px){.cp-header[data-astro-cid-yjrhhzki] h1[data-astro-cid-yjrhhzki]{font-size:1.4rem}.cp-swatch-hex[data-astro-cid-yjrhhzki]{font-size:1.1rem}.cp-value-card[data-astro-cid-yjrhhzki]{flex-wrap:wrap}.cp-value-code[data-astro-cid-yjrhhzki]{font-size:.82rem}.cp-color-swatch[data-astro-cid-yjrhhzki]{aspect-ratio:3 / 1}}.cp-seo[data-astro-cid-yjrhhzki]{margin-top:48px;padding:32px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);line-height:1.9}