.pick-area[data-v-d589ad8b]{width:100%}.pick-bar[data-v-d589ad8b]{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid #f0f3f6;background:#fafbfc;cursor:default}.pick-tip[data-v-d589ad8b]{font-size:12px;color:#8a97a3}.zoom-ctrl[data-v-d589ad8b]{display:flex;align-items:center;gap:6px}.zbtn[data-v-d589ad8b]{min-width:26px;height:26px;padding:0 6px;border:1px solid #dcdfe6;background:#fff;border-radius:5px;font-size:13px;color:#606266;cursor:pointer;line-height:1}.zbtn[data-v-d589ad8b]:hover{color:#05afc8;border-color:#05afc8}.zbtn.fit[data-v-d589ad8b]{font-size:12px}.zval[data-v-d589ad8b]{min-width:46px;text-align:center;font-size:12px;color:#7a8794}.pick-stage[data-v-d589ad8b]{width:100%;height:clamp(300px,52vh,540px);overflow:auto;background:repeating-conic-gradient(#f4f7f9 0% 25%,#ffffff 0% 50%) 50% / 16px 16px;cursor:crosshair;overscroll-behavior:contain}.pick-canvas[data-v-d589ad8b]{position:relative;margin:0 auto}.preview[data-v-d589ad8b]{display:block;width:100%;height:100%;user-select:none}.preview.pixelated[data-v-d589ad8b]{image-rendering:pixelated}.marker[data-v-d589ad8b]{position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #fff,0 0 0 2px #333;pointer-events:none;border-radius:2px}.picked[data-v-d589ad8b]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.swatch[data-v-d589ad8b]{width:26px;height:26px;border-radius:6px;border:1px solid #eee}.code[data-v-d589ad8b]{font-size:13px;font-family:Consolas,monospace;color:#333}.code.pos[data-v-d589ad8b]{color:#9aa4ad}@media (max-width: 768px){.pick-tip[data-v-d589ad8b]{font-size:11px}.pick-stage[data-v-d589ad8b]{height:320px}}