.pixel-color-count[data-v-dae9f48c]{z-index:10001;background:#fff;border-radius:8px;width:200px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;top:403px;right:0;overflow:visible;box-shadow:0 4px 20px #0000001a}.header[data-v-dae9f48c]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;padding:10px 13px;display:flex}.header h3[data-v-dae9f48c]{margin:0;font-size:11px;font-weight:600}.total-count[data-v-dae9f48c]{background:#fff3;border-radius:13px;padding:3px 8px;font-size:8px;font-weight:500}.color-list[data-v-dae9f48c]{z-index:1;max-height:267px;padding:8px;position:relative;overflow-y:auto}.color-list[data-v-dae9f48c]::-webkit-scrollbar{width:4px}.color-list[data-v-dae9f48c]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.color-list[data-v-dae9f48c]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.color-list[data-v-dae9f48c]::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.color-item[data-v-dae9f48c]{background:#f8f9fa;border-radius:7px;align-items:center;margin-bottom:5px;padding:8px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.color-item[data-v-dae9f48c]:hover{transform:translate(3px);box-shadow:0 2px 8px #0000001a}.company-colors-popup[data-v-dae9f48c]{z-index:9999;white-space:nowrap;background:#fff;border-radius:5px;max-height:133px;padding:8px;position:fixed;overflow-y:auto;box-shadow:0 4px 20px #00000026}.company-colors-popup[data-v-dae9f48c]::-webkit-scrollbar{width:3px}.company-colors-popup[data-v-dae9f48c]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:1px}.popup-fade-enter-active[data-v-dae9f48c],.popup-fade-leave-active[data-v-dae9f48c]{transition:opacity .2s,transform .2s}.popup-fade-enter-from[data-v-dae9f48c],.popup-fade-leave-to[data-v-dae9f48c]{opacity:0;transform:translate(-7px)}.popup-title[data-v-dae9f48c]{color:#667eea;border-bottom:1px solid #e0e0e0;margin-bottom:5px;padding-bottom:4px;font-size:8px;font-weight:600}.company-colors-list[data-v-dae9f48c]{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.company-color-item[data-v-dae9f48c]{cursor:pointer;border-radius:4px;flex-direction:column;align-items:center;padding:4px;transition:background .2s;display:flex}.company-color-item[data-v-dae9f48c]:hover{background:#f0f0f0}.company-color-item.is-closest[data-v-dae9f48c]{background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid #667eea}.company-color-preview[data-v-dae9f48c]{border:1px solid #e0e0e0;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;margin-bottom:3px;font-size:7px;display:flex}.company-color-value[data-v-dae9f48c]{color:#666;font-family:Consolas,Monaco,monospace;font-size:6px}.color-preview[data-v-dae9f48c]{border:2px solid #e0e0e0;border-radius:5px;flex-shrink:0;width:27px;height:27px;margin-right:8px}.color-info[data-v-dae9f48c]{flex:1;min-width:67px}.color-value[data-v-dae9f48c]{color:#333;font-family:Consolas,Monaco,monospace;font-size:9px;font-weight:600}.color-rgb[data-v-dae9f48c]{color:#888;margin-top:1px;font-size:7px}.color-stats[data-v-dae9f48c]{text-align:right;min-width:47px;margin-right:8px}.pixel-count[data-v-dae9f48c]{color:#333;font-size:9px;font-weight:600}.pixel-percent[data-v-dae9f48c]{color:#667eea;font-size:7px;font-weight:500}.progress-bar[data-v-dae9f48c]{background:#e0e0e0;border-radius:2px;flex-shrink:0;width:40px;height:4px;overflow:hidden}.progress-fill[data-v-dae9f48c]{border-radius:2px;height:100%;transition:width .3s}.empty-state[data-v-dae9f48c]{color:#888;flex-direction:column;justify-content:center;align-items:center;padding:27px 13px;display:flex}.empty-icon[data-v-dae9f48c]{opacity:.5;margin-bottom:11px;font-size:32px}.empty-state p[data-v-dae9f48c]{margin:5px 0;font-size:9px}.empty-tip[data-v-dae9f48c]{color:#aaa;font-size:8px}.modal-overlay[data-v-0e5d5a04]{z-index:9999;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content[data-v-0e5d5a04]{background:#fff;border-radius:12px;flex-direction:column;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000026}.modal-header[data-v-0e5d5a04]{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3[data-v-0e5d5a04]{color:#333;margin:0;font-size:18px;font-weight:600}.modal-close[data-v-0e5d5a04]{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:28px;transition:background .2s,color .2s;display:flex}.modal-close[data-v-0e5d5a04]:hover{color:#333;background:#f5f5f5}.modal-body[data-v-0e5d5a04]{flex:1;padding:20px;overflow:hidden auto}.modal-footer[data-v-0e5d5a04]{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.btn-cancel[data-v-0e5d5a04]{color:#666;cursor:pointer;background:#f5f5f5;border:1px solid #ddd;border-radius:8px;padding:10px 24px;font-size:14px;transition:background .2s}.btn-cancel[data-v-0e5d5a04]:hover{background:#e0e0e0}.btn-confirm[data-v-0e5d5a04]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:10px 24px;font-size:14px;transition:transform .2s,box-shadow .2s}.btn-confirm[data-v-0e5d5a04]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.modal-fade-enter-active[data-v-0e5d5a04],.modal-fade-leave-active[data-v-0e5d5a04]{transition:all .3s}.modal-fade-enter-from[data-v-0e5d5a04],.modal-fade-leave-to[data-v-0e5d5a04]{opacity:0}.modal-fade-enter-from .modal-content[data-v-0e5d5a04],.modal-fade-leave-to .modal-content[data-v-0e5d5a04]{transform:translateY(-20px)}.color-grid[data-v-1c595e5a]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;max-height:400px;padding:8px;display:grid;overflow-y:auto}.color-item[data-v-1c595e5a]{aspect-ratio:1;cursor:pointer;border:2px solid #ffffff4d;border-radius:8px;flex-direction:column;justify-content:flex-end;padding:12px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0000001a}.color-item[data-v-1c595e5a]:hover{border-color:#fff9;transform:translateY(-4px);box-shadow:0 4px 16px #0003}.color-hex[data-v-1c595e5a]{color:#fffffff2;text-shadow:0 1px 3px #0000004d;word-break:break-all;margin-bottom:4px;font-size:13px;font-weight:600}.color-rgb[data-v-1c595e5a]{color:#fffc;text-shadow:0 1px 2px #0000004d;font-size:11px}.pixel-color-count[data-v-14703f50]{background:#fff;border-radius:8px;width:267px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;top:56px;right:0;overflow:visible;box-shadow:0 4px 20px #0000001a}.header[data-v-14703f50]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;padding:10px 13px;display:flex}.header h3[data-v-14703f50]{margin:0;font-size:11px;font-weight:600}.header-actions[data-v-14703f50]{gap:8px;display:flex}.action-btn[data-v-14703f50]{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff3;border-radius:4px;padding:4px 9px;font-size:9px;font-weight:500;transition:background .2s,transform .2s}.action-btn[data-v-14703f50]:hover{background:#ffffff4d;transform:translateY(-1px)}.action-btn[data-v-14703f50]:active{transform:translateY(0)}.color-grid[data-v-14703f50]{grid-template-columns:repeat(auto-fill,minmax(53px,1fr));gap:8px;max-height:267px;padding:5px;display:grid;overflow-y:auto}.color-item[data-v-14703f50]{aspect-ratio:1;cursor:pointer;border:2px solid #ffffff4d;border-radius:5px;flex-direction:column;justify-content:flex-end;padding:6px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.color-item[data-v-14703f50]:hover{border-color:#fff9;transform:translateY(-3px);box-shadow:0 4px 16px #0003}.color-item.is-selected[data-v-14703f50]{border:2px solid #fff;transform:scale(1.05);box-shadow:0 0 0 2px #667eea,0 4px 16px #0000004d}.color-item.is-selected[data-v-14703f50]:after{content:"✓";color:#fff;width:13px;height:13px;text-shadow:none;background:#667eea;border-radius:50%;justify-content:center;align-items:center;font-size:8px;font-weight:700;display:flex;position:absolute;top:5px;right:5px}.color-hex[data-v-14703f50]{color:#fffffff2;text-shadow:0 1px 3px #0000004d;word-break:break-all;margin-bottom:3px;font-size:9px;font-weight:600}.color-rgb[data-v-14703f50]{color:#fffc;text-shadow:0 1px 2px #0000004d;font-size:7px}.main-class[data-v-debb28d3]{box-sizing:border-box;gap:0;margin:0 auto;display:grid}.grid-item[data-v-debb28d3]{box-sizing:border-box;justify-content:center;align-items:center;font-size:6px;display:flex}.grid-item.active[data-v-debb28d3]{border:1px solid #000!important}.grid-item-label[data-v-debb28d3]{justify-content:center;align-items:center;width:100%;height:100%;font-size:6px;display:flex}.context-menu[data-v-debb28d3]{z-index:10000;background:#fff;border:1px solid #ddd;border-radius:4px;min-width:120px;padding:4px 0;position:fixed;box-shadow:0 2px 8px #00000026}.context-menu-item[data-v-debb28d3]{cursor:pointer;color:#333;padding:8px 16px;font-size:13px;transition:background .15s}.context-menu-item[data-v-debb28d3]:hover{background:#f0f0f0}.download-modal-content[data-v-bc05b65b]{min-height:400px;padding:0;display:flex}.zoom-bar[data-v-bc05b65b]{background:#f9f9f9;border:1px solid #eee;border-radius:6px;flex-shrink:0;align-items:center;gap:8px;padding:10px;display:flex}.zoom-btn[data-v-bc05b65b]{cursor:pointer;color:#333;background:#fff;border:1px solid #ddd;border-radius:4px;padding:4px 12px;font-size:14px;transition:background .2s}.zoom-btn[data-v-bc05b65b]:hover{background:#f0f0f0}.zoom-text[data-v-bc05b65b]{color:#555;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:48px;font-size:13px}.zoom-slider[data-v-bc05b65b]{accent-color:#667eea;width:100px}.toggle-bar[data-v-bc05b65b]{gap:8px;padding:10px;display:flex}.toggle-btn[data-v-bc05b65b]{cursor:pointer;color:#999;background:#fff;border:1px solid #ddd;border-radius:4px;flex:1;padding:6px 12px;font-size:13px;transition:all .2s}.toggle-btn[data-v-bc05b65b]:hover{background:#f0f0f0}.toggle-btn.active[data-v-bc05b65b]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea}.img-box[data-v-bc05b65b]{flex:1;justify-content:center;align-items:flex-start;min-width:0;display:flex}.preview-area[data-v-bc05b65b]{background:#f5f5f5;border-radius:6px;width:100%;height:60vh;padding:10px;position:relative;overflow:auto}.zoom-wrapper[data-v-bc05b65b]{display:inline-block;position:relative;top:0;left:0}.preview-area-a[data-v-bc05b65b]{pointer-events:none;border:1px solid #666;display:grid;position:absolute;top:0;left:0}.preview-area[data-v-bc05b65b]::-webkit-scrollbar{width:8px;height:8px}.preview-area[data-v-bc05b65b]::-webkit-scrollbar-track{background:#e0e0e0;border-radius:4px}.preview-area[data-v-bc05b65b]::-webkit-scrollbar-thumb{background:#999;border-radius:4px}.preview-area[data-v-bc05b65b]::-webkit-scrollbar-thumb:hover{background:#666}.preview-image[data-v-bc05b65b]{display:block}.empty-tip[data-v-bc05b65b]{color:#999;padding:40px 0}.size-preset-btn[data-v-bc05b65b]{color:#555;background:#f9f9f9;border:1px solid #ddd;border-radius:4px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:flex}.size-preset-btn input[data-v-bc05b65b]{text-align:center;border:1px solid #ccc;border-radius:3px;outline:none;padding:2px 4px;font-size:12px;transition:border-color .2s}.size-preset-btn input[data-v-bc05b65b]:focus{border-color:#667eea}.grid-item-label[data-v-bc05b65b]{justify-content:center;align-items:center;width:100%;height:100%;font-size:6px;display:flex}.picture-to-pixel[data-v-8de1daa2]{max-width:1400px;margin:0 auto 40px 0;padding:20px}.upload-area[data-v-8de1daa2]{text-align:center;margin-bottom:20px}.upload-area input[type=file][data-v-8de1daa2]{display:none}.upload-label[data-v-8de1daa2]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;padding:20px 40px;transition:transform .2s,box-shadow .2s;display:inline-block}.upload-label[data-v-8de1daa2]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.upload-icon[data-v-8de1daa2]{margin-right:8px;font-size:24px}.controls[data-v-8de1daa2]{background:#f5f5f5;border-radius:8px;margin-bottom:20px;padding:15px}.control-group[data-v-8de1daa2]{align-items:center;gap:15px;display:flex}.control-group label[data-v-8de1daa2]{min-width:100px;font-weight:500}.control-group input[type=range][data-v-8de1daa2]{-webkit-appearance:none;background:#ddd;border-radius:3px;outline:none;flex:1;height:6px}.control-group input[type=range][data-v-8de1daa2]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#667eea;border-radius:50%;width:18px;height:18px}.canvas-container[data-v-8de1daa2]{background:#fff;border:2px dashed #ddd;border-radius:8px;padding:20px;overflow:auto}canvas[data-v-8de1daa2]{max-width:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.size-presets[data-v-8de1daa2]{justify-content:center;gap:10px;margin-bottom:10px;display:flex}.size-preset-btn[data-v-8de1daa2]{color:#fff;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:3px;padding:5px 10px;font-size:14px;transition:transform .2s,box-shadow .2s}.size-preset-btn[data-v-8de1daa2]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.size-preset-btn[data-v-8de1daa2]:active{transform:translateY(0)}.color-stats-wrapper[data-v-8de1daa2]{background:#f8f9fa;border-radius:8px;flex-wrap:wrap;gap:10px;max-height:600px;margin-bottom:20px;padding:15px;display:flex;overflow-y:auto}.color-stat-item[data-v-8de1daa2]{align-items:center;gap:8px;padding:3px 6px;display:flex}.color-box[data-v-8de1daa2]{border:1px solid #e0e0e0;border-radius:50%;flex-shrink:0;width:12px;height:12px}.color-text[data-v-8de1daa2]{color:#333;white-space:nowrap;font-family:Consolas,Monaco,monospace;font-size:12px}.coordinate-tooltip[data-v-8de1daa2]{color:#fff;pointer-events:none;white-space:nowrap;background:#000c;border-radius:6px;padding:6px 12px;font-size:13px;position:absolute;bottom:10px;left:10px;box-shadow:0 2px 8px #0000004d}.no-drag-img[data-v-8de1daa2]{-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:20vw;pointer-events:auto!important}.toggle-box[data-v-8de1daa2]{justify-content:center;align-items:center;margin-bottom:10px;display:flex}.toggle-btn[data-v-8de1daa2]{cursor:pointer;color:#999;text-align:center;background:#fff;border:1px solid #ddd;border-radius:4px;padding:6px 12px;font-size:13px;transition:all .2s}.toggle-btn.active[data-v-8de1daa2]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea}.foot-box[data-v-8de1daa2]{background-color:#fff;justify-content:center;align-items:center;padding:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.step[data-v-f7514c16]{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:center;align-items:center;gap:8px;padding:12px 24px;display:flex}.step span[data-v-f7514c16]{color:#374151;border-radius:6px;padding:6px 16px;font-size:14px;line-height:1.5}.current-step[data-v-f7514c16]{color:#3b82f6!important}.dome[data-v-f7514c16]{z-index:100000000;flex-direction:column;display:flex;position:fixed;inset:56px 0 41px}.step-content[data-v-f7514c16]{background-color:#fff;flex:1;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative;overflow:auto}.step-content img[data-v-f7514c16]{object-fit:contain;width:70%;height:80%;margin:0;padding:0}.close-btn[data-v-f7514c16]{cursor:pointer;color:#9ca3af;border-radius:6px;margin-left:auto;padding:4px 10px;font-size:20px;transition:all .2s}.close-btn[data-v-f7514c16]:hover{color:#ef4444;background:#fee2e2}.next-step-box[data-v-f7514c16]{gap:12px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.next-step-box .next-step[data-v-f7514c16]{color:#fff;cursor:pointer;background:#3b82f6d9;border:2px solid #ffffff80;border-radius:10px;padding:12px 40px;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 4px 20px #3b82f666}.next-step-box .next-step[data-v-f7514c16]:hover{background:#3b82f6;transform:translateY(-2px);box-shadow:0 6px 24px #3b82f680}.next-step-box .next-step[data-v-f7514c16]:disabled{opacity:.4;cursor:not-allowed;transform:none}.nav-bar[data-v-447b1e7f]{z-index:1000;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000001a}.nav-left[data-v-447b1e7f]{align-items:center;display:flex}.nav-title[data-v-447b1e7f]{color:#fff;letter-spacing:.5px;font-size:18px;font-weight:600}.nav-right[data-v-447b1e7f]{align-items:center;gap:12px;display:flex}.lang-switcher[data-v-447b1e7f]{color:#ffffffe6;cursor:pointer;appearance:none;background-color:#ffffff26;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='rgba(255,255,255,0.8)' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid #ffffff4d;border-radius:6px;outline:none;padding:6px 28px 6px 12px;font-size:13px;font-weight:500;transition:all .2s}.lang-switcher[data-v-447b1e7f]:hover{background-color:#ffffff40;border-color:#ffffff80}.lang-switcher option[data-v-447b1e7f]{color:#333;background:#fff}.action-btn[data-v-447b1e7f]{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff3;border-radius:4px;padding:4px 9px;font-size:9px;font-weight:500;transition:background .2s,transform .2s}