.upload-area[data-astro-cid-i2cvpbq6]{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;margin-bottom:20px;padding:32px;transition:border-color .2s}.upload-area[data-astro-cid-i2cvpbq6]:hover{border-color:var(--primary)}.upload-area[data-astro-cid-i2cvpbq6] label[data-astro-cid-i2cvpbq6]{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;padding:10px 24px;font-size:.95rem;font-weight:600;display:inline-block}.upload-area[data-astro-cid-i2cvpbq6] input[data-astro-cid-i2cvpbq6][type=file]{display:none}.zoom-controls[data-astro-cid-i2cvpbq6]{align-items:center;gap:8px;margin-bottom:10px;display:flex}.zoom-btn[data-astro-cid-i2cvpbq6]{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;width:32px;height:32px;color:var(--text);justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;line-height:1;transition:border-color .15s,color .15s;display:flex}.zoom-btn[data-astro-cid-i2cvpbq6]:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.zoom-btn[data-astro-cid-i2cvpbq6]:disabled{opacity:.4;cursor:default}.zoom-reset-btn[data-astro-cid-i2cvpbq6]{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;height:32px;color:var(--muted);padding:0 12px;font-size:.8rem;font-weight:600;transition:border-color .15s,color .15s}.zoom-reset-btn[data-astro-cid-i2cvpbq6]:hover{border-color:var(--primary);color:var(--primary)}#zoom-label[data-astro-cid-i2cvpbq6]{color:var(--text);text-align:center;min-width:46px;font-size:.85rem;font-weight:600}.canvas-wrap[data-astro-cid-i2cvpbq6]{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);cursor:crosshair;user-select:none;margin-bottom:20px;position:relative;overflow:hidden}#picker-canvas[data-astro-cid-i2cvpbq6]{transform-origin:0 0;display:block}#loupe[data-astro-cid-i2cvpbq6]{pointer-events:none;z-index:10;border-radius:50%;display:none;position:absolute;box-shadow:0 4px 16px #00000059}.no-image-msg[data-astro-cid-i2cvpbq6]{text-align:center;color:var(--muted);background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:20px;padding:48px 20px;font-size:.9rem}.color-result[data-astro-cid-i2cvpbq6]{grid-template-columns:100px 1fr;align-items:start;gap:20px;margin-bottom:20px;display:grid}.big-swatch[data-astro-cid-i2cvpbq6]{border-radius:var(--radius);border:1px solid var(--border);background:#ccc;flex-shrink:0;width:100px;height:100px}.color-values[data-astro-cid-i2cvpbq6]{flex-direction:column;gap:10px;display:flex}.value-row[data-astro-cid-i2cvpbq6]{align-items:center;gap:10px;display:flex}.value-label[data-astro-cid-i2cvpbq6]{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);flex-shrink:0;width:36px;font-size:.75rem;font-weight:700}.value-text[data-astro-cid-i2cvpbq6]{font-family:var(--mono);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex:1;padding:7px 10px;font-size:.9rem}.copy-sm[data-astro-cid-i2cvpbq6]{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--muted);cursor:pointer;white-space:nowrap;padding:6px 12px;font-size:.75rem;font-weight:600;transition:border-color .15s,color .15s}.copy-sm[data-astro-cid-i2cvpbq6]:hover{border-color:var(--primary);color:var(--primary)}.hint-text[data-astro-cid-i2cvpbq6]{color:var(--muted);margin-bottom:12px;font-size:.82rem}.recent-label[data-astro-cid-i2cvpbq6]{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px;font-size:.78rem;font-weight:700}.recent-row[data-astro-cid-i2cvpbq6]{flex-wrap:wrap;gap:8px;min-height:32px;margin-bottom:24px;display:flex}.faq[data-astro-cid-i2cvpbq6]{margin-top:48px}.faq[data-astro-cid-i2cvpbq6] h2[data-astro-cid-i2cvpbq6]{margin-bottom:16px;font-size:1.1rem}.faq-item[data-astro-cid-i2cvpbq6]{margin-bottom:20px}.faq-item[data-astro-cid-i2cvpbq6] h3[data-astro-cid-i2cvpbq6]{margin-bottom:4px;font-size:.95rem;font-weight:600}.faq-item[data-astro-cid-i2cvpbq6] p[data-astro-cid-i2cvpbq6]{color:var(--muted);font-size:.9rem;line-height:1.6}@media (width<=480px){.color-result[data-astro-cid-i2cvpbq6]{grid-template-columns:1fr}.big-swatch[data-astro-cid-i2cvpbq6]{width:100%;height:60px}}