.drop-zone[data-v-c0ec2355]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;border:2px dashed var(--color-border, #d0d0d0);border-radius:8px;cursor:pointer;color:var(--color-text-secondary);transition:border-color .2s,background-color .2s}.drop-zone[data-v-c0ec2355]:hover{border-color:var(--color-primary, #3b82f6);background:#3b82f60d}.canvas-container[data-v-c0ec2355]{position:relative;display:inline-block;width:100%}.image-canvas[data-v-c0ec2355]{display:block;max-width:100%;height:auto;border-radius:6px;border:1px solid var(--color-border, #e0e0e0);cursor:crosshair}.hover-tooltip[data-v-c0ec2355]{position:absolute;display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:#000000d9;border-radius:4px;pointer-events:none;z-index:10;white-space:nowrap}.hover-tooltip code[data-v-c0ec2355]{font-family:Fira Code,Courier New,monospace;font-size:.75rem;color:#fff}.hover-swatch[data-v-c0ec2355]{width:16px;height:16px;border-radius:3px;border:1px solid rgba(255,255,255,.5);flex-shrink:0}.picked-color-section[data-v-c0ec2355]{display:flex;gap:1rem;align-items:flex-start}.picked-swatch[data-v-c0ec2355]{width:80px;height:80px;border-radius:8px;border:1px solid var(--color-border, #e0e0e0);flex-shrink:0}.picked-formats[data-v-c0ec2355]{display:flex;flex-direction:column;gap:.5rem;flex:1}.format-row[data-v-c0ec2355]{display:flex;align-items:center;gap:.5rem}.format-label[data-v-c0ec2355]{font-size:.75rem;font-weight:700;color:var(--color-text-secondary);min-width:32px}.format-row code[data-v-c0ec2355]{font-family:Fira Code,Courier New,monospace;font-size:.825rem;color:var(--color-text)}.history-grid[data-v-c0ec2355]{display:flex;flex-wrap:wrap;gap:.5rem}.history-item[data-v-c0ec2355]{display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;padding:.375rem;border-radius:6px;transition:background-color .15s}.history-item[data-v-c0ec2355]:hover{background:var(--color-bg-soft, #f5f5f5)}.history-swatch[data-v-c0ec2355]{width:40px;height:40px;border-radius:6px;border:1px solid var(--color-border, #e0e0e0)}.history-hex[data-v-c0ec2355]{font-family:Fira Code,Courier New,monospace;font-size:.7rem;color:var(--color-text-secondary)}