.color-picker-wrapper[data-astro-cid-yjrhhzki]{display:flex;flex-direction:column;gap:24px}.input-methods[data-astro-cid-yjrhhzki]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:8px}.method-group[data-astro-cid-yjrhhzki]{display:flex;flex-direction:column;gap:8px}.method-group[data-astro-cid-yjrhhzki] label[data-astro-cid-yjrhhzki]{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.method-group[data-astro-cid-yjrhhzki] input[data-astro-cid-yjrhhzki][type=file],.method-group[data-astro-cid-yjrhhzki] input[data-astro-cid-yjrhhzki][type=color]{padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:border-color .2s ease}.method-group[data-astro-cid-yjrhhzki] input[data-astro-cid-yjrhhzki][type=color]{height:44px;cursor:pointer}.method-group[data-astro-cid-yjrhhzki] input[data-astro-cid-yjrhhzki][type=file]:focus,.method-group[data-astro-cid-yjrhhzki] input[data-astro-cid-yjrhhzki][type=color]:focus{outline:none;border-color:var(--accent-primary)}.eyedropper-btn[data-astro-cid-yjrhhzki]{align-self:flex-end;padding:10px 16px;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .1s ease}.eyedropper-btn[data-astro-cid-yjrhhzki]:hover{background:var(--accent-primary-hover)}.eyedropper-btn[data-astro-cid-yjrhhzki]:active{transform:scale(.98)}.image-container[data-astro-cid-yjrhhzki]{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);padding:16px;max-width:100%}.canvas-wrapper[data-astro-cid-yjrhhzki]{position:relative;display:inline-block;width:100%}#image-canvas[data-astro-cid-yjrhhzki]{display:block;max-width:100%;height:auto;border-radius:var(--radius-md);cursor:crosshair;background:var(--bg-primary)}.magnifier[data-astro-cid-yjrhhzki]{position:fixed;width:120px;height:120px;border:3px solid var(--accent-primary);border-radius:50%;background:#fff;box-shadow:0 0 10px #0003;pointer-events:none;z-index:1000;overflow:hidden}.magnifier[data-astro-cid-yjrhhzki] canvas[data-astro-cid-yjrhhzki]{display:block;width:100%;height:100%}.magnifier-color[data-astro-cid-yjrhhzki]{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);background:var(--bg-primary);color:var(--text-primary);padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;font-family:JetBrains Mono,monospace;white-space:nowrap;border:1px solid var(--border-color)}.color-display-section[data-astro-cid-yjrhhzki]{display:flex;flex-direction:column;gap:24px;padding:24px;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.color-swatch-large[data-astro-cid-yjrhhzki]{display:flex;justify-content:center}.color-swatch[data-astro-cid-yjrhhzki]{width:120px;height:120px;border-radius:var(--radius-lg);border:2px solid var(--border-color);box-shadow:var(--shadow-md);cursor:pointer;transition:transform .2s ease}.color-swatch[data-astro-cid-yjrhhzki]:hover{transform:scale(1.05)}.color-values-grid[data-astro-cid-yjrhhzki]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.color-value-group[data-astro-cid-yjrhhzki]{display:flex;flex-direction:column;gap:8px}.color-value-group[data-astro-cid-yjrhhzki] label[data-astro-cid-yjrhhzki]{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.input-with-copy[data-astro-cid-yjrhhzki]{display:flex;gap:8px;align-items:center}.color-value-group[data-astro-cid-yjrhhzki] input[data-astro-cid-yjrhhzki]{flex:1;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;font-family:JetBrains Mono,monospace;cursor:text;transition:border-color .2s ease}.color-value-group[data-astro-cid-yjrhhzki] input[data-astro-cid-yjrhhzki]:focus{outline:none;border-color:var(--accent-primary)}.copy-icon-btn[data-astro-cid-yjrhhzki]{padding:8px 10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.copy-icon-btn[data-astro-cid-yjrhhzki]:hover{background:var(--accent-primary-light);border-color:var(--accent-primary);color:var(--accent-primary)}.color-history-section[data-astro-cid-yjrhhzki]{padding:20px;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.color-history-section[data-astro-cid-yjrhhzki] h3[data-astro-cid-yjrhhzki]{margin:0 0 16px;font-size:.875rem;font-weight:600;color:var(--text-primary)}.color-history[data-astro-cid-yjrhhzki]{display:flex;gap:12px;flex-wrap:wrap}.history-swatch[data-astro-cid-yjrhhzki]{width:48px;height:48px;border-radius:var(--radius-md);border:2px solid var(--border-color);cursor:pointer;transition:all .2s ease;background:none;padding:0}.history-swatch[data-astro-cid-yjrhhzki]:hover{transform:scale(1.1);border-color:var(--accent-primary);box-shadow:0 0 8px #00000026}@media(max-width:768px){.input-methods[data-astro-cid-yjrhhzki]{grid-template-columns:1fr}.eyedropper-btn[data-astro-cid-yjrhhzki]{align-self:stretch}.color-values-grid[data-astro-cid-yjrhhzki]{grid-template-columns:repeat(2,1fr)}.magnifier[data-astro-cid-yjrhhzki]{width:100px;height:100px}}@media(max-width:480px){.color-values-grid[data-astro-cid-yjrhhzki]{grid-template-columns:1fr}.color-display-section[data-astro-cid-yjrhhzki]{padding:16px}.magnifier[data-astro-cid-yjrhhzki]{width:80px;height:80px;border-width:2px}}