.drop-area[data-v-2d9db2b3]{border:2px dashed var(--glass-border);border-radius:var(--radius-sm);padding:3rem 2rem;text-align:center;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.drop-area[data-v-2d9db2b3]:hover,.drop-area.drag-over[data-v-2d9db2b3]{border-color:var(--accent);background:#6366f10d}.drop-sub[data-v-2d9db2b3]{font-size:.85rem;color:var(--text-muted);margin-top:.3rem}.extract-layout[data-v-2d9db2b3]{display:flex;gap:1.5rem;flex-wrap:wrap}.image-preview-area[data-v-2d9db2b3]{flex:0 0 auto;max-width:300px}.preview-img[data-v-2d9db2b3]{max-width:100%;max-height:300px;border-radius:var(--radius-sm);border:1px solid var(--glass-border)}.extract-result-area[data-v-2d9db2b3]{flex:1;min-width:250px}.slider-row[data-v-2d9db2b3]{margin-bottom:1rem}.slider-row input[type=range][data-v-2d9db2b3]{width:100%;margin-top:.3rem}.loading-msg[data-v-2d9db2b3]{color:var(--text-muted);font-size:.9rem;padding:1rem 0}.color-list[data-v-2d9db2b3]{display:flex;flex-direction:column;gap:.4rem}.color-row[data-v-2d9db2b3]{display:grid;grid-template-columns:30px 5.5rem 1fr auto 3rem;align-items:center;gap:.5rem;padding:.4rem .5rem;background:#0003;border-radius:var(--radius-sm);border:1px solid var(--glass-border);cursor:pointer;transition:background var(--transition-fast)}.color-row[data-v-2d9db2b3]:hover{background:#00000059}.color-swatch-sm[data-v-2d9db2b3]{width:24px;height:24px;border-radius:4px;border:1px solid var(--glass-border)}.color-hex[data-v-2d9db2b3]{font-family:monospace;font-size:.8rem;color:var(--text-primary)}.color-rgb[data-v-2d9db2b3]{font-family:monospace;font-size:.75rem;color:var(--text-muted)}.color-bar-wrap[data-v-2d9db2b3]{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.color-bar[data-v-2d9db2b3]{height:100%;border-radius:4px;transition:width var(--transition-normal)}.color-pct[data-v-2d9db2b3]{font-size:.75rem;color:var(--text-muted);text-align:right;font-family:monospace}@media (max-width: 767px){.color-row[data-v-2d9db2b3]{grid-template-columns:24px 5rem 1fr 2.5rem}.color-rgb[data-v-2d9db2b3]{display:none}}