.cp-tool-area[data-astro-cid-yjrhhzki]{padding-top:calc(var(--nav-height) + var(--space-md));padding-bottom:var(--space-sm)}.cp-tool-wrapper[data-astro-cid-yjrhhzki]{position:relative;max-width:100%}.cp-upload-zone[data-astro-cid-yjrhhzki]{border:2px dashed var(--border-default);border-radius:var(--radius-xl);background:var(--bg-surface);padding:var(--space-2xl) var(--space-md);text-align:center;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.cp-upload-zone[data-astro-cid-yjrhhzki]:hover{border-color:var(--border-accent)}.cp-upload-zone[data-astro-cid-yjrhhzki].cp-dragover{border-color:var(--accent-indigo);background:#6366f10a}.cp-upload-inner[data-astro-cid-yjrhhzki]{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.cp-upload-icon[data-astro-cid-yjrhhzki]{width:64px;height:64px;border-radius:var(--radius-lg);background:#6366f114;border:1px solid rgba(99,102,241,.15);display:flex;align-items:center;justify-content:center;color:var(--accent-indigo);animation:float 3s ease-in-out infinite}.cp-upload-icon[data-astro-cid-yjrhhzki] svg[data-astro-cid-yjrhhzki]{width:28px;height:28px}.cp-upload-title[data-astro-cid-yjrhhzki]{font-size:1.25rem;font-weight:700;font-family:var(--font-display)}.cp-upload-desc[data-astro-cid-yjrhhzki]{font-size:.875rem;color:var(--text-tertiary)}.cp-upload-btn[data-astro-cid-yjrhhzki]{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--gradient-brand);color:#fff;border:none;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 16px #6366f14d}.cp-upload-btn[data-astro-cid-yjrhhzki]:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f166}.cp-interface[data-astro-cid-yjrhhzki]{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.cp-top-bar[data-astro-cid-yjrhhzki]{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-surface-2);border-bottom:1px solid var(--border-default)}.cp-top-bar-left[data-astro-cid-yjrhhzki]{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.cp-file-badge[data-astro-cid-yjrhhzki]{font-size:.8125rem;font-weight:600;font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.cp-top-bar-right[data-astro-cid-yjrhhzki]{display:flex;align-items:center;gap:6px;flex-shrink:0}.cp-icon-btn[data-astro-cid-yjrhhzki]{width:32px;height:32px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border-default);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.cp-icon-btn[data-astro-cid-yjrhhzki]:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-hover)}.cp-main-layout[data-astro-cid-yjrhhzki]{display:flex;flex-direction:column}.cp-canvas-area[data-astro-cid-yjrhhzki]{background:var(--bg-base);padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm);min-height:300px}.cp-canvas-toolbar[data-astro-cid-yjrhhzki]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}.cp-tb-group[data-astro-cid-yjrhhzki]{display:flex;align-items:center;gap:4px}.cp-tb-btn[data-astro-cid-yjrhhzki]{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.cp-tb-btn[data-astro-cid-yjrhhzki]:hover{background:var(--bg-elevated);color:var(--text-primary)}.cp-zoom-display[data-astro-cid-yjrhhzki]{font-size:.75rem;font-family:var(--font-mono);color:var(--text-tertiary);min-width:44px;text-align:center}.cp-eyedropper-indicator[data-astro-cid-yjrhhzki]{display:flex;align-items:center;gap:6px;font-size:.6875rem;color:var(--text-tertiary);padding:4px 10px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-full)}.cp-eyedropper-indicator[data-astro-cid-yjrhhzki] svg[data-astro-cid-yjrhhzki]{color:var(--accent-indigo)}.cp-canvas-wrap[data-astro-cid-yjrhhzki]{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,var(--bg-surface-2) 25%,transparent 25%,transparent 75%,var(--bg-surface-2) 75%),linear-gradient(45deg,var(--bg-surface-2) 25%,transparent 25%,transparent 75%,var(--bg-surface-2) 75%);background-size:16px 16px;background-position:0 0,8px 8px;border-radius:var(--radius-md);overflow:auto;min-height:250px;max-height:400px;padding:12px;position:relative}#cpCanvas[data-astro-cid-yjrhhzki]{display:block;border-radius:4px;box-shadow:var(--shadow-md);cursor:crosshair}.cp-zoom-lens[data-astro-cid-yjrhhzki]{position:absolute;width:120px;height:120px;border-radius:50%;border:3px solid var(--accent-indigo);pointer-events:none;box-shadow:0 0 0 1px #0000004d,0 4px 12px #0003;z-index:10}.cp-preview-info[data-astro-cid-yjrhhzki]{display:flex;gap:6px;flex-wrap:wrap}.cp-info-chip[data-astro-cid-yjrhhzki]{font-size:.6875rem;font-family:var(--font-mono);padding:4px 10px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-tertiary)}.cp-controls-panel[data-astro-cid-yjrhhzki]{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md);background:var(--bg-surface);border-top:1px solid var(--border-default)}.cp-current-color-section[data-astro-cid-yjrhhzki]{display:flex;flex-direction:column;gap:var(--space-sm)}.cp-color-display[data-astro-cid-yjrhhzki]{display:flex;align-items:center;gap:var(--space-sm);padding:12px 16px;background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md)}.cp-color-swatch[data-astro-cid-yjrhhzki]{width:48px;height:48px;border-radius:var(--radius-sm);border:2px solid var(--border-default);flex-shrink:0;transition:all var(--transition-fast)}.cp-color-hex[data-astro-cid-yjrhhzki]{font-family:var(--font-mono);font-size:1.125rem;font-weight:700;color:var(--text-primary)}.cp-color-formats[data-astro-cid-yjrhhzki]{display:flex;flex-direction:column;gap:4px}.cp-format-row[data-astro-cid-yjrhhzki]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.cp-format-row[data-astro-cid-yjrhhzki]:hover{border-color:var(--border-hover)}.cp-fmt-label[data-astro-cid-yjrhhzki]{font-size:.6875rem;font-weight:700;color:var(--text-tertiary);min-width:36px;text-transform:uppercase}.cp-fmt-value[data-astro-cid-yjrhhzki]{flex:1;font-family:var(--font-mono);font-size:.75rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-fmt-copy[data-astro-cid-yjrhhzki]{width:28px;height:28px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border-default);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.cp-fmt-copy[data-astro-cid-yjrhhzki]:hover{background:var(--bg-elevated);color:var(--accent-indigo);border-color:var(--border-accent)}.cp-palette-section[data-astro-cid-yjrhhzki]{display:flex;flex-direction:column;gap:var(--space-sm)}.cp-palette-header[data-astro-cid-yjrhhzki]{display:flex;align-items:center;justify-content:space-between}.cp-palette-title[data-astro-cid-yjrhhzki]{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.cp-clear-palette[data-astro-cid-yjrhhzki]{font-size:.6875rem;color:var(--text-tertiary);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.cp-clear-palette[data-astro-cid-yjrhhzki]:hover{color:var(--accent-red)}.cp-palette-grid[data-astro-cid-yjrhhzki]{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;min-height:60px}.cp-palette-empty[data-astro-cid-yjrhhzki]{grid-column:1/-1;font-size:.75rem;color:var(--text-tertiary);text-align:center;padding:var(--space-md)}.cp-palette-item[data-astro-cid-yjrhhzki]{display:flex;flex-direction:column;align-items:center;gap:4px}.cp-palette-swatch[data-astro-cid-yjrhhzki]{width:100%;aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--border-default);cursor:pointer;transition:all var(--transition-fast)}.cp-palette-swatch[data-astro-cid-yjrhhzki]:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.cp-palette-label[data-astro-cid-yjrhhzki]{font-size:.5625rem;font-family:var(--font-mono);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cp-export-section[data-astro-cid-yjrhhzki]{display:flex;flex-direction:column;gap:var(--space-sm)}.cp-export-title[data-astro-cid-yjrhhzki]{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.cp-export-actions[data-astro-cid-yjrhhzki]{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cp-export-btn[data-astro-cid-yjrhhzki]{padding:8px 12px;background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.cp-export-btn[data-astro-cid-yjrhhzki]:hover{border-color:var(--border-accent);color:var(--accent-indigo);background:var(--bg-elevated)}.cp-options[data-astro-cid-yjrhhzki]{display:flex;gap:var(--space-md);flex-wrap:wrap;padding-top:var(--space-sm);border-top:1px solid var(--border-default)}.cp-toggle[data-astro-cid-yjrhhzki]{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-secondary);cursor:pointer}.cp-toggle[data-astro-cid-yjrhhzki] input[data-astro-cid-yjrhhzki]{display:none}.cp-toggle-slider[data-astro-cid-yjrhhzki]{width:32px;height:18px;border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border-default);position:relative;transition:all var(--transition-fast)}.cp-toggle-slider[data-astro-cid-yjrhhzki]:after{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;border-radius:50%;background:var(--text-tertiary);transition:all var(--transition-fast)}.cp-toggle[data-astro-cid-yjrhhzki] input[data-astro-cid-yjrhhzki]:checked+.cp-toggle-slider[data-astro-cid-yjrhhzki]{background:var(--accent-indigo);border-color:var(--accent-indigo)}.cp-toggle[data-astro-cid-yjrhhzki] input[data-astro-cid-yjrhhzki]:checked+.cp-toggle-slider[data-astro-cid-yjrhhzki]:after{transform:translate(14px);background:#fff}.cp-toast[data-astro-cid-yjrhhzki]{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);padding:10px 24px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;color:var(--text-primary);box-shadow:var(--shadow-lg);z-index:9999;opacity:0;transition:all var(--transition-spring);pointer-events:none}.cp-toast[data-astro-cid-yjrhhzki].cp-toast-show{transform:translate(-50%) translateY(0);opacity:1}.cp-toast[data-astro-cid-yjrhhzki].cp-toast-success{border-color:#22c55e4d;color:var(--accent-green)}.cp-toast[data-astro-cid-yjrhhzki].cp-toast-error{border-color:#ef44444d;color:var(--accent-red)}@media(min-width:768px){.cp-main-layout[data-astro-cid-yjrhhzki]{flex-direction:row}.cp-canvas-area[data-astro-cid-yjrhhzki]{flex:1;min-height:400px}.cp-controls-panel[data-astro-cid-yjrhhzki]{width:340px;flex-shrink:0;border-top:none;border-left:1px solid var(--border-default)}}@media(min-width:1024px){.cp-controls-panel[data-astro-cid-yjrhhzki]{width:380px}}@media(max-width:358px){.cp-controls-panel[data-astro-cid-yjrhhzki]{padding:var(--space-sm)}.cp-export-actions[data-astro-cid-yjrhhzki]{grid-template-columns:1fr 1fr;gap:4px}.cp-export-btn[data-astro-cid-yjrhhzki]{padding:6px 8px;font-size:.6875rem}.cp-color-swatch[data-astro-cid-yjrhhzki]{width:36px;height:36px}.cp-color-hex[data-astro-cid-yjrhhzki]{font-size:.9375rem}.cp-palette-grid[data-astro-cid-yjrhhzki]{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:4px}.cp-options[data-astro-cid-yjrhhzki]{gap:var(--space-sm)}.cp-toggle[data-astro-cid-yjrhhzki]{font-size:.6875rem}.cp-info-chip[data-astro-cid-yjrhhzki]{font-size:.625rem;padding:3px 8px}}.cp-hero[data-astro-cid-yjrhhzki]{position:relative;padding:var(--space-2xl) 0;overflow:hidden}.cp-hero-bg[data-astro-cid-yjrhhzki]{position:absolute;inset:0;z-index:0;pointer-events:none}.cp-hero-orb[data-astro-cid-yjrhhzki]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.cp-hero-orb-1[data-astro-cid-yjrhhzki]{width:300px;height:300px;background:#ff6b6b4d;top:-10%;left:-5%}.cp-hero-orb-2[data-astro-cid-yjrhhzki]{width:350px;height:350px;background:#a855f733;top:20%;right:-10%}.cp-hero-orb-3[data-astro-cid-yjrhhzki]{width:250px;height:250px;background:#06b6d433;bottom:-10%;left:30%}.cp-hero-spectrum[data-astro-cid-yjrhhzki]{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff6b6b,#ffe66d,#4ecdc4,#06b6d4,#a855f7,#ff6b6b);opacity:.6}.cp-hero-floating[data-astro-cid-yjrhhzki]{position:absolute;inset:0;z-index:1;pointer-events:none}.cp-float-chip[data-astro-cid-yjrhhzki]{position:absolute;display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-full);box-shadow:var(--shadow-md);animation:cp-float 6s ease-in-out infinite}.cp-float-chip-1[data-astro-cid-yjrhhzki]{top:15%;right:8%;animation-delay:0s}.cp-float-chip-2[data-astro-cid-yjrhhzki]{top:45%;right:15%;animation-delay:1.5s}.cp-float-chip-3[data-astro-cid-yjrhhzki]{bottom:25%;right:5%;animation-delay:3s}.cp-float-chip-4[data-astro-cid-yjrhhzki]{top:30%;right:25%;animation-delay:4.5s}.cp-float-swatch[data-astro-cid-yjrhhzki]{width:16px;height:16px;border-radius:4px;flex-shrink:0}.cp-float-hex[data-astro-cid-yjrhhzki]{font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--text-secondary)}.cp-float-dropper[data-astro-cid-yjrhhzki]{position:absolute;top:60%;left:10%;width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;color:var(--accent-indigo);box-shadow:var(--shadow-md);animation:cp-float 5s ease-in-out infinite;animation-delay:2s}.cp-float-dropper[data-astro-cid-yjrhhzki] svg[data-astro-cid-yjrhhzki]{width:24px;height:24px}@keyframes cp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.cp-hero-container[data-astro-cid-yjrhhzki]{position:relative;z-index:2}.cp-hero-content[data-astro-cid-yjrhhzki]{text-align:center;max-width:720px;margin:0 auto}.cp-hero-breadcrumb[data-astro-cid-yjrhhzki]{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--text-tertiary);margin-bottom:var(--space-md);justify-content:center}.cp-hero-breadcrumb[data-astro-cid-yjrhhzki] a[data-astro-cid-yjrhhzki]{color:var(--text-secondary);transition:color var(--transition-fast)}.cp-hero-breadcrumb[data-astro-cid-yjrhhzki] a[data-astro-cid-yjrhhzki]:hover{color:var(--text-primary)}.cp-hero-badges[data-astro-cid-yjrhhzki]{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-md)}.cp-hero-badge-private[data-astro-cid-yjrhhzki],.cp-hero-badge-no-upload[data-astro-cid-yjrhhzki]{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;background:#6366f11f;color:var(--accent-indigo);border:1px solid rgba(99,102,241,.2)}.cp-hero-title[data-astro-cid-yjrhhzki]{font-size:2rem;font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--space-md)}.cp-hero-title-gradient[data-astro-cid-yjrhhzki]{background:linear-gradient(135deg,#ff6b6b,#ffe66d,#4ecdc4 66%,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.cp-hero-desc[data-astro-cid-yjrhhzki]{font-size:1.0625rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-lg)}.cp-hero-cta-group[data-astro-cid-yjrhhzki]{display:flex;flex-direction:column;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-xl)}.cp-hero-stats[data-astro-cid-yjrhhzki]{display:flex;gap:var(--space-xl);justify-content:center}.cp-hero-stat[data-astro-cid-yjrhhzki]{display:flex;flex-direction:column;align-items:center;gap:2px}.cp-hero-stat-value[data-astro-cid-yjrhhzki]{font-family:var(--font-display);font-size:1.75rem;font-weight:700;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cp-hero-stat-label[data-astro-cid-yjrhhzki]{font-size:.75rem;color:var(--text-tertiary)}.cp-section[data-astro-cid-yjrhhzki]{padding:var(--space-2xl) 0;position:relative}.cp-section-alt[data-astro-cid-yjrhhzki]{background:var(--bg-surface);border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}.cp-section-header[data-astro-cid-yjrhhzki]{text-align:center;margin-bottom:var(--space-xl)}.cp-features-grid[data-astro-cid-yjrhhzki]{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}.cp-feature-card[data-astro-cid-yjrhhzki]{position:relative;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-md);transition:all var(--transition-base);overflow:hidden}.cp-feature-card-glow[data-astro-cid-yjrhhzki]{position:absolute;top:0;left:0;right:0;height:2px;background:var(--feature-color, var(--accent-indigo));opacity:0;transition:opacity var(--transition-base)}.cp-feature-card[data-astro-cid-yjrhhzki]:hover{border-color:var(--border-accent);transform:translateY(-4px);box-shadow:var(--shadow-md),var(--shadow-glow)}.cp-feature-card[data-astro-cid-yjrhhzki]:hover .cp-feature-card-glow[data-astro-cid-yjrhhzki]{opacity:1}.cp-feature-icon[data-astro-cid-yjrhhzki]{width:44px;height:44px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--feature-color, #6366F1) 12%,transparent);display:flex;align-items:center;justify-content:center;color:var(--feature-color, var(--accent-indigo));margin-bottom:var(--space-sm)}.cp-feature-icon[data-astro-cid-yjrhhzki] svg[data-astro-cid-yjrhhzki]{width:22px;height:22px}.cp-feature-title[data-astro-cid-yjrhhzki]{font-size:1.0625rem;font-weight:600;margin-bottom:6px}.cp-feature-desc[data-astro-cid-yjrhhzki]{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.cp-steps[data-astro-cid-yjrhhzki]{position:relative;display:flex;flex-direction:column;gap:var(--space-lg);padding-left:0}.cp-steps-line[data-astro-cid-yjrhhzki]{position:absolute;left:24px;top:24px;bottom:24px;width:2px;background:linear-gradient(180deg,var(--accent-indigo),var(--accent-violet),var(--accent-cyan));opacity:.3}.cp-step[data-astro-cid-yjrhhzki]{display:flex;gap:var(--space-md);align-items:flex-start;position:relative}.cp-step-number-wrap[data-astro-cid-yjrhhzki]{position:relative;flex-shrink:0;width:48px;height:48px}.cp-step-number[data-astro-cid-yjrhhzki]{width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-surface-2);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--accent-indigo);position:relative;z-index:1}.cp-step-ring[data-astro-cid-yjrhhzki]{position:absolute;inset:-4px;border-radius:var(--radius-md);border:2px solid var(--accent-indigo);opacity:0;transition:opacity var(--transition-base)}.cp-step[data-astro-cid-yjrhhzki]:hover .cp-step-ring[data-astro-cid-yjrhhzki]{opacity:.3}.cp-step-body[data-astro-cid-yjrhhzki]{flex:1;padding-top:4px}.cp-step-title[data-astro-cid-yjrhhzki]{font-size:1.125rem;font-weight:600;margin-bottom:6px}.cp-step-desc[data-astro-cid-yjrhhzki]{font-size:.9375rem;color:var(--text-secondary);line-height:1.5}.cp-usecases-grid[data-astro-cid-yjrhhzki]{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}.cp-usecase-card[data-astro-cid-yjrhhzki]{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-md);transition:all var(--transition-base)}.cp-usecase-card[data-astro-cid-yjrhhzki]:hover{border-color:var(--border-accent);transform:translateY(-3px);box-shadow:var(--shadow-md)}.cp-usecase-icon[data-astro-cid-yjrhhzki]{width:44px;height:44px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--uc-color, #6366F1) 12%,transparent);display:flex;align-items:center;justify-content:center;color:var(--uc-color, var(--accent-indigo));margin-bottom:var(--space-sm)}.cp-usecase-icon[data-astro-cid-yjrhhzki] svg[data-astro-cid-yjrhhzki]{width:22px;height:22px}.cp-usecase-title[data-astro-cid-yjrhhzki]{font-size:1.0625rem;font-weight:600;margin-bottom:6px}.cp-usecase-desc[data-astro-cid-yjrhhzki]{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.cp-formats-grid[data-astro-cid-yjrhhzki]{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}.cp-format-card[data-astro-cid-yjrhhzki]{display:flex;align-items:center;gap:var(--space-md);background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-md);transition:all var(--transition-base)}.cp-format-card[data-astro-cid-yjrhhzki]:hover{border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.cp-format-preview[data-astro-cid-yjrhhzki]{width:56px;height:56px;border-radius:var(--radius-md);flex-shrink:0;box-shadow:0 0 16px #0003}.cp-format-info[data-astro-cid-yjrhhzki]{flex:1;min-width:0}.cp-format-name[data-astro-cid-yjrhhzki]{display:block;font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-indigo);margin-bottom:2px}.cp-format-value[data-astro-cid-yjrhhzki]{display:block;font-family:var(--font-mono);font-size:.9375rem;font-weight:500;color:var(--text-primary);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-format-desc[data-astro-cid-yjrhhzki]{font-size:.8125rem;color:var(--text-tertiary)}.cp-tips-grid[data-astro-cid-yjrhhzki]{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}.cp-tip-card[data-astro-cid-yjrhhzki]{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-md);transition:all var(--transition-base);position:relative;overflow:hidden}.cp-tip-card[data-astro-cid-yjrhhzki]:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--gradient-brand);opacity:0;transition:opacity var(--transition-base)}.cp-tip-card[data-astro-cid-yjrhhzki]:hover{border-color:var(--border-accent);transform:translateY(-3px);box-shadow:var(--shadow-md)}.cp-tip-card[data-astro-cid-yjrhhzki]:hover:before{opacity:1}.cp-tip-number[data-astro-cid-yjrhhzki]{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--accent-indigo);margin-bottom:6px}.cp-tip-title[data-astro-cid-yjrhhzki]{font-size:1rem;font-weight:600;margin-bottom:6px}.cp-tip-desc[data-astro-cid-yjrhhzki]{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.cp-comparison-table[data-astro-cid-yjrhhzki]{max-width:720px;margin:0 auto;background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.cp-comparison-header[data-astro-cid-yjrhhzki]{display:grid;grid-template-columns:1fr 80px 80px;padding:var(--space-md);background:var(--bg-elevated);border-bottom:1px solid var(--border-default);font-weight:600;font-size:.875rem}.cp-comparison-col-label[data-astro-cid-yjrhhzki]{text-align:left}.cp-comparison-col-pixly[data-astro-cid-yjrhhzki]{text-align:center;color:var(--accent-indigo)}.cp-comparison-col-other[data-astro-cid-yjrhhzki]{text-align:center;color:var(--text-tertiary)}.cp-comparison-row[data-astro-cid-yjrhhzki]{display:grid;grid-template-columns:1fr 80px 80px;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-default);align-items:center;font-size:.875rem;transition:background var(--transition-fast)}.cp-comparison-row[data-astro-cid-yjrhhzki]:last-child{border-bottom:none}.cp-comparison-row[data-astro-cid-yjrhhzki]:hover{background:var(--hover-overlay)}.cp-comparison-cell-label[data-astro-cid-yjrhhzki]{color:var(--text-secondary)}.cp-comparison-cell-pixly[data-astro-cid-yjrhhzki]{display:flex;align-items:center;justify-content:center;color:var(--accent-green)}.cp-comparison-cell-other[data-astro-cid-yjrhhzki]{display:flex;align-items:center;justify-content:center;color:var(--accent-red);opacity:.6}.cp-faq-list[data-astro-cid-yjrhhzki]{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-xs)}.cp-faq-item[data-astro-cid-yjrhhzki]{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-base)}.cp-faq-item[data-astro-cid-yjrhhzki][open]{border-color:var(--border-accent)}.cp-faq-question[data-astro-cid-yjrhhzki]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md);cursor:pointer;font-size:.9375rem;font-weight:500;color:var(--text-primary);list-style:none}.cp-faq-question[data-astro-cid-yjrhhzki]::-webkit-details-marker{display:none}.cp-faq-icon-wrap[data-astro-cid-yjrhhzki]{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--bg-surface-2);transition:transform var(--transition-base)}.cp-faq-item[data-astro-cid-yjrhhzki][open] .cp-faq-icon-wrap[data-astro-cid-yjrhhzki]{transform:rotate(45deg)}.cp-faq-icon[data-astro-cid-yjrhhzki]{color:var(--accent-indigo)}.cp-faq-answer[data-astro-cid-yjrhhzki]{padding:0 var(--space-md) var(--space-md)}.cp-faq-answer[data-astro-cid-yjrhhzki] p[data-astro-cid-yjrhhzki]{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.cp-cta[data-astro-cid-yjrhhzki]{position:relative;background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-md);text-align:center;overflow:hidden;margin-bottom:var(--space-2xl)}.cp-cta-glow[data-astro-cid-yjrhhzki]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:var(--gradient-glow);pointer-events:none}.cp-cta-particles[data-astro-cid-yjrhhzki]{position:absolute;inset:0;pointer-events:none}.cp-cta-particles[data-astro-cid-yjrhhzki] span[data-astro-cid-yjrhhzki]{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--accent-indigo);opacity:.3}.cp-cta-particles[data-astro-cid-yjrhhzki] span[data-astro-cid-yjrhhzki]:nth-child(1){top:20%;left:15%;animation:cp-particle 4s infinite}.cp-cta-particles[data-astro-cid-yjrhhzki] span[data-astro-cid-yjrhhzki]:nth-child(2){top:30%;right:20%;animation:cp-particle 5s infinite 1s}.cp-cta-particles[data-astro-cid-yjrhhzki] span[data-astro-cid-yjrhhzki]:nth-child(3){bottom:25%;left:25%;animation:cp-particle 6s infinite 2s}.cp-cta-particles[data-astro-cid-yjrhhzki] span[data-astro-cid-yjrhhzki]:nth-child(4){bottom:20%;right:15%;animation:cp-particle 4.5s infinite .5s}.cp-cta-particles[data-astro-cid-yjrhhzki] span[data-astro-cid-yjrhhzki]:nth-child(5){top:50%;left:50%;animation:cp-particle 5.5s infinite 1.5s}@keyframes cp-particle{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-20px) scale(1.5);opacity:.6}}.cp-cta-content[data-astro-cid-yjrhhzki]{position:relative;z-index:1}.cp-cta-badge[data-astro-cid-yjrhhzki]{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);background:#6366f11f;color:var(--accent-indigo);border:1px solid rgba(99,102,241,.2);font-family:var(--font-mono);font-size:.75rem;font-weight:500;margin-bottom:var(--space-md)}.cp-cta-title[data-astro-cid-yjrhhzki]{font-size:1.75rem;font-weight:700;margin-bottom:var(--space-sm)}.cp-cta-text[data-astro-cid-yjrhhzki]{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--space-lg)}.cp-cta-actions[data-astro-cid-yjrhhzki]{display:flex;flex-direction:column;gap:var(--space-sm);align-items:center}.cp-related-title[data-astro-cid-yjrhhzki]{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-md);text-align:center}.cp-related-grid[data-astro-cid-yjrhhzki]{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}.cp-related-card[data-astro-cid-yjrhhzki]{display:flex;align-items:center;gap:var(--space-md);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-md);transition:all var(--transition-base);position:relative;overflow:hidden}.cp-related-card[data-astro-cid-yjrhhzki]:hover{border-color:var(--border-accent);transform:translateY(-3px);box-shadow:var(--shadow-md),var(--shadow-glow)}.cp-related-card-glow[data-astro-cid-yjrhhzki]{position:absolute;inset:0;background:var(--gradient-card-hover);opacity:0;transition:opacity var(--transition-base)}.cp-related-card[data-astro-cid-yjrhhzki]:hover .cp-related-card-glow[data-astro-cid-yjrhhzki]{opacity:1}.cp-related-icon[data-astro-cid-yjrhhzki]{width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-surface-2);display:flex;align-items:center;justify-content:center;color:var(--accent-indigo);flex-shrink:0}.cp-related-icon[data-astro-cid-yjrhhzki] svg[data-astro-cid-yjrhhzki]{width:20px;height:20px}.cp-related-body[data-astro-cid-yjrhhzki]{flex:1;min-width:0}.cp-related-name[data-astro-cid-yjrhhzki]{font-size:.9375rem;font-weight:600;margin-bottom:2px}.cp-related-desc[data-astro-cid-yjrhhzki]{font-size:.8125rem;color:var(--text-tertiary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-related-card[data-astro-cid-yjrhhzki]>svg[data-astro-cid-yjrhhzki]:last-child{color:var(--text-tertiary);flex-shrink:0;transition:all var(--transition-fast)}.cp-related-card[data-astro-cid-yjrhhzki]:hover>svg[data-astro-cid-yjrhhzki]:last-child{color:var(--accent-indigo);transform:translate(4px)}.reveal[data-astro-cid-yjrhhzki],.reveal[data-astro-cid-yjrhhzki].visible{opacity:1;transform:none}@media(min-width:768px){.cp-hero-title[data-astro-cid-yjrhhzki]{font-size:2.5rem}.cp-features-grid[data-astro-cid-yjrhhzki],.cp-usecases-grid[data-astro-cid-yjrhhzki],.cp-formats-grid[data-astro-cid-yjrhhzki],.cp-tips-grid[data-astro-cid-yjrhhzki],.cp-related-grid[data-astro-cid-yjrhhzki]{grid-template-columns:repeat(2,1fr)}.cp-cta-actions[data-astro-cid-yjrhhzki],.cp-hero-cta-group[data-astro-cid-yjrhhzki]{flex-direction:row;justify-content:center}.cp-float-chip-1[data-astro-cid-yjrhhzki]{right:5%}.cp-float-chip-2[data-astro-cid-yjrhhzki]{right:10%}}@media(min-width:1024px){.cp-hero-title[data-astro-cid-yjrhhzki]{font-size:3rem}.cp-hero-desc[data-astro-cid-yjrhhzki]{font-size:1.125rem}.cp-features-grid[data-astro-cid-yjrhhzki]{grid-template-columns:repeat(3,1fr)}.cp-usecases-grid[data-astro-cid-yjrhhzki]{grid-template-columns:repeat(4,1fr)}.cp-formats-grid[data-astro-cid-yjrhhzki],.cp-tips-grid[data-astro-cid-yjrhhzki]{grid-template-columns:repeat(3,1fr)}.cp-related-grid[data-astro-cid-yjrhhzki]{grid-template-columns:repeat(2,1fr)}.cp-cta-title[data-astro-cid-yjrhhzki]{font-size:2.25rem}.cp-float-chip-1[data-astro-cid-yjrhhzki]{right:12%}.cp-float-chip-2[data-astro-cid-yjrhhzki]{right:18%}.cp-float-chip-3[data-astro-cid-yjrhhzki]{right:8%}.cp-float-chip-4[data-astro-cid-yjrhhzki]{right:28%}}@media(max-width:380px){.cp-hero-title[data-astro-cid-yjrhhzki]{font-size:1.625rem}.cp-hero-desc[data-astro-cid-yjrhhzki]{font-size:.9375rem}.cp-hero-stats[data-astro-cid-yjrhhzki]{gap:var(--space-md)}.cp-hero-stat-value[data-astro-cid-yjrhhzki]{font-size:1.375rem}.cp-hero-stat-label[data-astro-cid-yjrhhzki]{font-size:.6875rem}.cp-float-chip[data-astro-cid-yjrhhzki]{padding:6px 10px;gap:6px}.cp-float-hex[data-astro-cid-yjrhhzki]{font-size:.6875rem}.cp-float-swatch[data-astro-cid-yjrhhzki]{width:12px;height:12px}.cp-float-dropper[data-astro-cid-yjrhhzki]{width:36px;height:36px}.cp-float-dropper[data-astro-cid-yjrhhzki] svg[data-astro-cid-yjrhhzki]{width:18px;height:18px}.cp-float-chip-1[data-astro-cid-yjrhhzki]{top:10%;right:4%}.cp-float-chip-2[data-astro-cid-yjrhhzki]{top:38%;right:8%}.cp-float-chip-3[data-astro-cid-yjrhhzki]{bottom:20%;right:3%}.cp-float-chip-4[data-astro-cid-yjrhhzki]{top:25%;right:20%}.cp-feature-card[data-astro-cid-yjrhhzki]{padding:var(--space-sm)}.cp-feature-title[data-astro-cid-yjrhhzki]{font-size:.9375rem}.cp-feature-desc[data-astro-cid-yjrhhzki]{font-size:.8125rem}.cp-usecase-card[data-astro-cid-yjrhhzki]{padding:var(--space-sm)}.cp-usecase-title[data-astro-cid-yjrhhzki]{font-size:.9375rem}.cp-usecase-desc[data-astro-cid-yjrhhzki]{font-size:.8125rem}.cp-format-card[data-astro-cid-yjrhhzki]{padding:var(--space-sm);gap:var(--space-sm)}.cp-format-preview[data-astro-cid-yjrhhzki]{width:44px;height:44px}.cp-format-value[data-astro-cid-yjrhhzki]{font-size:.8125rem}.cp-tip-card[data-astro-cid-yjrhhzki]{padding:var(--space-sm)}.cp-tip-title[data-astro-cid-yjrhhzki]{font-size:.9375rem}.cp-tip-desc[data-astro-cid-yjrhhzki]{font-size:.8125rem}.cp-comparison-header[data-astro-cid-yjrhhzki]{padding:var(--space-sm);font-size:.75rem}.cp-comparison-row[data-astro-cid-yjrhhzki]{padding:var(--space-xs) var(--space-sm);font-size:.75rem}.cp-comparison-col-pixly[data-astro-cid-yjrhhzki],.cp-comparison-col-other[data-astro-cid-yjrhhzki],.cp-comparison-cell-pixly[data-astro-cid-yjrhhzki],.cp-comparison-cell-other[data-astro-cid-yjrhhzki]{width:60px}.cp-comparison-header[data-astro-cid-yjrhhzki],.cp-comparison-row[data-astro-cid-yjrhhzki]{grid-template-columns:1fr 60px 60px}.cp-faq-question[data-astro-cid-yjrhhzki]{padding:var(--space-sm);font-size:.875rem}.cp-faq-answer[data-astro-cid-yjrhhzki] p[data-astro-cid-yjrhhzki]{font-size:.8125rem}.cp-cta[data-astro-cid-yjrhhzki]{padding:var(--space-xl) var(--space-sm)}.cp-cta-title[data-astro-cid-yjrhhzki]{font-size:1.375rem}.cp-cta-text[data-astro-cid-yjrhhzki]{font-size:.875rem}.cp-related-card[data-astro-cid-yjrhhzki]{padding:var(--space-sm);gap:var(--space-sm)}.cp-related-desc[data-astro-cid-yjrhhzki]{font-size:.75rem}.cp-section-header[data-astro-cid-yjrhhzki] .section-title[data-astro-cid-yjrhhzki]{font-size:1.375rem}.cp-section-header[data-astro-cid-yjrhhzki] .section-subtitle[data-astro-cid-yjrhhzki]{font-size:.875rem}.cp-step-number[data-astro-cid-yjrhhzki]{width:40px;height:40px;font-size:.8125rem}.cp-steps-line[data-astro-cid-yjrhhzki]{left:20px}.cp-step-title[data-astro-cid-yjrhhzki]{font-size:1rem}.cp-step-desc[data-astro-cid-yjrhhzki]{font-size:.8125rem}}