.color-compare-dialog[data-v-2463e988]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog-content[data-v-2463e988]{width:680px;height:600px;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000026;overflow:hidden;display:flex;flex-direction:column}.title-bar[data-v-2463e988]{height:56px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #f0f0f0;flex-shrink:0;position:relative;z-index:2}.title[data-v-2463e988]{font-size:15px;font-weight:500;color:#333}.window-controls[data-v-2463e988]{display:flex;gap:12px}.control-button[data-v-2463e988]{width:28px;height:28px;border:none;background:#f5f5f5;color:#666;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.control-button[data-v-2463e988]:hover{background:#e8e8e8;color:#333}.control-button.close[data-v-2463e988]:hover{background:#ff4d4f;color:#fff}.main-content[data-v-2463e988]{flex:1;overflow-y:auto;overflow-x:hidden}.main-content[data-v-2463e988]::-webkit-scrollbar{width:8px}.main-content[data-v-2463e988]::-webkit-scrollbar-track{background:transparent}.main-content[data-v-2463e988]::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.main-content[data-v-2463e988]::-webkit-scrollbar-thumb:hover{background:#ccc}.current-color-section[data-v-2463e988]{margin:0;display:flex;gap:16px;align-items:flex-start;background:#f8f9fa;padding:16px 20px;position:sticky;top:0;z-index:1;border-bottom:1px solid #f0f0f0}.color-preview[data-v-2463e988]{width:64px;height:64px;border-radius:12px;position:relative;flex-shrink:0;box-shadow:0 4px 12px #00000014;display:flex;align-items:center;justify-content:center}.color-preview .color-code[data-v-2463e988]{background:#ffffffe6;padding:4px 8px;border-radius:6px;font-size:13px;font-weight:500;color:#333}.color-details[data-v-2463e988]{flex:1;padding-top:8px}.color-values[data-v-2463e988]{gap:4px;display:flex;flex-direction:column}.hex-value[data-v-2463e988]{font-size:15px;font-weight:500;color:#333;margin-bottom:4px}.rgb-value[data-v-2463e988]{font-size:13px;color:#666}.brand-value[data-v-2463e988]{position:absolute;top:16px;right:16px;font-size:13px;color:#666;padding:4px 12px;background:#fff;border-radius:6px;display:inline-block}.similar-colors-section[data-v-2463e988]{display:flex;flex-direction:column;gap:16px;padding:24px 20px 20px}.brand-group[data-v-2463e988]{background:#fff}.brand-header[data-v-2463e988]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.brand-name[data-v-2463e988]{font-size:13px;font-weight:500;color:#333;display:flex;align-items:center;gap:8px}.brand-name[data-v-2463e988]:after{content:"";display:block;height:1px;width:32px;background:#eee}.brand-code[data-v-2463e988]{font-size:12px;color:#999}.similar-colors-list[data-v-2463e988]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.similar-color-item[data-v-2463e988]{position:relative;height:auto;padding:12px;background:#fff;border-radius:8px;cursor:pointer;display:flex;gap:12px;border:1px solid #f0f0f0;transition:all .2s}.similar-color-item[data-v-2463e988]:hover{border-color:#e0e0e0;transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.similar-color-item .color-preview[data-v-2463e988]{width:40px;height:40px;border-radius:6px;margin:0;box-shadow:none;position:relative;display:flex;align-items:center;justify-content:center}.similar-color-item .color-preview .color-code[data-v-2463e988]{position:absolute;background:#ffffffe6;padding:2px 4px;border-radius:4px;font-size:11px;font-weight:500;color:#333}.similar-color-item .color-info[data-v-2463e988]{flex:1;display:flex;justify-content:space-between}.similar-color-item .color-values[data-v-2463e988]{margin:0}.similar-color-item .hex-value[data-v-2463e988]{font-size:12px;margin-bottom:2px}.similar-color-item .rgb-value[data-v-2463e988]{font-size:11px}.similar-color-item .color-meta[data-v-2463e988]{text-align:right}.similar-color-item .color-similarity[data-v-2463e988]{font-size:12px;color:#666;background:#f5f5f5;padding:2px 8px;border-radius:10px;display:inline-block}.page-container[data-v-46c7378b]{min-height:100vh;background:#f8fafc;overflow:hidden}.header[data-v-46c7378b]{position:fixed;top:0;left:0;right:0;height:64px;background:#fff;box-shadow:0 1px 2px #0000000d;z-index:100}.header-content[data-v-46c7378b]{max-width:1440px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;gap:20px}.logo[data-v-46c7378b]{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;flex-shrink:0}.logo[data-v-46c7378b] canvas{width:32px;height:32px;border-radius:4px}.nav-brands[data-v-46c7378b]{position:relative;margin-left:auto;overflow:hidden;max-width:70%}.nav-brands[data-v-46c7378b]:before,.nav-brands[data-v-46c7378b]:after{content:"";position:absolute;top:0;bottom:0;width:30px;z-index:1;pointer-events:none}.nav-brands[data-v-46c7378b]:before{left:0;background:linear-gradient(to right,#fff,#fff0)}.nav-brands[data-v-46c7378b]:after{right:0;background:linear-gradient(to left,#fff,#fff0)}.nav-brands-scroll[data-v-46c7378b]{display:flex;gap:16px;overflow-x:auto;padding:0 10px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;width:100%;height:100%;cursor:grab}.nav-brands-scroll[data-v-46c7378b]:active{cursor:grabbing}.nav-brands-scroll[data-v-46c7378b]::-webkit-scrollbar{display:none}@media (hover: hover){.nav-brands-scroll[data-v-46c7378b]{overflow-x:scroll;scroll-behavior:smooth}.nav-brands-scroll[data-v-46c7378b]::-webkit-scrollbar{height:0;width:0;display:none}}.nav-brands a[data-v-46c7378b]{padding:8px 16px;border-radius:20px;font-size:15px;color:#64748b;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-brands a[data-v-46c7378b]:hover{color:#334155;background:#f1f5f9}.nav-brands a.active[data-v-46c7378b]{color:#3b82f6;background:#eff6ff}.main-container[data-v-46c7378b]{position:relative;display:flex;max-width:1440px;margin:84px auto 20px;padding:0 24px;gap:24px;background:#f8fafc;min-height:calc(100vh - 84px);box-sizing:border-box}.colors-section[data-v-46c7378b]{flex:1;display:flex;flex-direction:column;gap:32px;min-width:0;padding-right:320px;position:relative}.tips-container[data-v-46c7378b]{margin-bottom:16px}.tip-card[data-v-46c7378b]{display:flex;align-items:center;padding:12px 16px;background:#ffffffe6;border-radius:12px;box-shadow:0 2px 8px #00000014;border-left:4px solid #3b82f6}.tip-icon[data-v-46c7378b]{font-size:18px;margin-right:12px}.tip-content[data-v-46c7378b]{flex:1;font-size:14px;color:#4b5563}.tip-switch[data-v-46c7378b]{margin-left:auto;padding-left:12px;border-left:1px solid rgba(0,0,0,.1)}.tip-close[data-v-46c7378b]{background:transparent;border:none;color:#9ca3af;font-size:18px;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.tip-close[data-v-46c7378b]:hover{background:#0000000d;color:#6b7280}.color-group[data-v-46c7378b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:20px;margin:0;padding:0}.color-item[data-v-46c7378b]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:transform .2s;cursor:pointer}.color-item[data-v-46c7378b]:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.color-preview[data-v-46c7378b]{height:80px;display:flex;align-items:center;justify-content:center}.color-code[data-v-46c7378b],.result-code[data-v-46c7378b]{background:#ffffffe6;padding:6px 12px;border-radius:6px;font-size:16px;font-weight:500}.color-meta[data-v-46c7378b]{padding:10px 12px}.hex-code[data-v-46c7378b]{display:block;font-size:14px;font-weight:500;margin-bottom:4px}.rgb-code[data-v-46c7378b]{font-size:12px;color:#64748b}.search-panel[data-v-46c7378b]{width:280px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;position:fixed;right:max(24px,calc((100% - 1440px)/2 + 24px));top:84px;height:calc(100vh - 104px);display:flex;flex-direction:column;box-shadow:0 4px 20px #00000014;overflow:hidden}.search-panel-header[data-v-46c7378b]{padding:20px 20px 0}.search-box[data-v-46c7378b]{display:flex;flex-direction:column;gap:12px}.search-input-wrapper[data-v-46c7378b]{position:relative;display:flex;align-items:center;background:#f3f4f6;border-radius:16px;padding:0 16px;transition:all .2s;border:1px solid transparent}.search-input-wrapper[data-v-46c7378b]:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.search-icon[data-v-46c7378b]{font-size:16px;color:#6b7280;margin-right:8px}.search-input-wrapper input[data-v-46c7378b]{flex:1;border:none;outline:none;background:transparent;height:44px;color:#1f2937;width:100%;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none}.search-input-wrapper input[data-v-46c7378b]::-moz-placeholder{color:#9ca3af;font-size:14px}.search-input-wrapper input[data-v-46c7378b]::placeholder{color:#9ca3af;font-size:14px}.clear-icon[data-v-46c7378b]{cursor:pointer;color:#9ca3af;font-size:18px;padding:4px}.clear-icon[data-v-46c7378b]:hover{color:#6b7280}.image-picker-buttons[data-v-46c7378b]{display:flex;width:100%;gap:2px}.image-picker-btn[data-v-46c7378b]{flex:1;background:linear-gradient(to right,#3b82f6,#2563eb);border:none;padding:10px 8px;color:#fff;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #2563eb33}.image-picker-btn.left[data-v-46c7378b]{border-radius:8px 0 0 8px;background:linear-gradient(to right,#3b82f6,#2563eb)}.image-picker-btn.right[data-v-46c7378b]{border-radius:0 8px 8px 0;background:linear-gradient(to right,#6366f1,#4f46e5)}.image-picker-btn[data-v-46c7378b]:hover{transform:translateY(-1px);box-shadow:0 4px 8px #2563eb4d}.image-picker-btn.left[data-v-46c7378b]:hover{background:linear-gradient(to right,#2563eb,#1d4ed8)}.image-picker-btn.right[data-v-46c7378b]:hover{background:linear-gradient(to right,#4f46e5,#4338ca)}.btn-icon[data-v-46c7378b]{font-size:18px}.btn-text[data-v-46c7378b]{font-size:14px}.search-panel-body[data-v-46c7378b]{flex:1;overflow-y:auto;padding:0 20px 20px}.recent-colors[data-v-46c7378b]{margin-bottom:24px}.recent-colors h3[data-v-46c7378b]{font-size:14px;color:#6b7280;margin-bottom:12px;font-weight:500}.color-chips[data-v-46c7378b]{display:flex;flex-wrap:wrap;gap:8px}.color-chip[data-v-46c7378b]{display:flex;align-items:center;gap:8px;padding:6px;background:#f9fafb;border-radius:8px;cursor:pointer;transition:all .2s}.color-chip[data-v-46c7378b]:hover{background:#f3f4f6}.color-chip .color-preview[data-v-46c7378b]{width:20px;height:20px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.color-chip .color-value[data-v-46c7378b]{font-size:13px;color:#4b5563}.search-results-container[data-v-46c7378b]{display:flex;flex-direction:column;gap:24px}.similar-colors h3[data-v-46c7378b]{font-size:14px;color:#6b7280;margin-bottom:12px;font-weight:500}.results-grid[data-v-46c7378b]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.result-card[data-v-46c7378b]{background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s;border:1px solid rgba(0,0,0,.06)}.result-card[data-v-46c7378b]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.result-color[data-v-46c7378b]{height:80px;display:flex;align-items:center;justify-content:center;padding:8px;position:relative}.result-info[data-v-46c7378b]{position:relative;z-index:1;width:100%;display:flex;justify-content:center;align-items:center;color:#999;text-shadow:0 1px 2px rgba(0,0,0,.2)}.result-code[data-v-46c7378b]{font-size:14px;font-weight:500;background:#ffffffe6;padding:4px 8px;border-radius:4px;color:#333;text-shadow:none}.result-similarity[data-v-46c7378b]{position:absolute;right:0;bottom:-30px;font-size:12px;background:#8c8c8c33;color:#fff;padding:2px 6px;border-radius:6px;margin-left:5px}.result-details[data-v-46c7378b]{padding:8px;background:#fff}.result-hex[data-v-46c7378b]{display:block;font-size:12px;font-weight:500;color:#374151;margin-bottom:2px}.result-rgb[data-v-46c7378b]{font-size:10px;color:#6b7280}@media screen and (max-width: 768px){.main-container[data-v-46c7378b]{margin:52px 0 0;padding:12px;height:calc(100vh - 52px);overflow-y:auto}.colors-section[data-v-46c7378b]{width:100%;padding-right:0;padding-bottom:120px}.image-picker-buttons[data-v-46c7378b]{width:100%}.image-picker-btn[data-v-46c7378b]{padding:8px 6px}.image-picker-btn .btn-text[data-v-46c7378b]{font-size:12px}.search-panel[data-v-46c7378b]{width:100%;height:auto;max-height:85vh;bottom:0;left:0;right:0;top:auto;border-radius:24px 24px 0 0;transform:translateY(calc(100% - 100px));z-index:100}.search-panel.expanded[data-v-46c7378b]{transform:translateY(0)}.search-panel-body[data-v-46c7378b]{max-height:calc(85vh - 180px)}.results-grid[data-v-46c7378b]{grid-template-columns:repeat(2,1fr)}}.image-preview-overlay[data-v-46c7378b]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;pointer-events:none}.image-preview-container[data-v-46c7378b]{position:fixed;background:#fff;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:300px;min-height:200px;transition:box-shadow .3s ease;box-shadow:0 8px 30px #0000001f,0 4px 8px #00000014;pointer-events:auto}.image-preview-container[data-v-46c7378b]:hover{box-shadow:0 12px 40px #00000026,0 6px 12px #0000001a}.image-preview-container.dragging[data-v-46c7378b]{cursor:grabbing;box-shadow:0 16px 50px #0000002e,0 8px 16px #0000001f;transition:none}.preview-header[data-v-46c7378b]{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;background:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grab}.preview-header[data-v-46c7378b]:active{cursor:grabbing}.preview-content[data-v-46c7378b]{position:relative;flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center}.preview-content canvas[data-v-46c7378b]{max-width:100%;height:auto;cursor:crosshair}.preview-footer[data-v-46c7378b]{padding:16px;border-top:1px solid #e2e8f0}.preview-color[data-v-46c7378b]{display:flex;align-items:center;gap:8px}.color-block[data-v-46c7378b]{width:24px;height:24px;border-radius:4px;border:1px solid #e2e8f0}.resize-handle[data-v-46c7378b]{position:absolute;right:0;bottom:0;width:20px;height:20px;cursor:se-resize;background:linear-gradient(135deg,transparent 50%,#e2e8f0 50%)}.touch-indicator[data-v-46c7378b]{position:absolute;width:40px;height:40px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 2px #0000004d}.touch-indicator .color-preview[data-v-46c7378b]{position:absolute;left:50%;top:-30px;transform:translate(-50%);width:24px;height:24px;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003}.magnifier-view[data-v-46c7378b]{position:fixed;width:120px;height:120px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0003;pointer-events:none;overflow:visible;z-index:1001}.magnifier-crosshair[data-v-46c7378b]{position:absolute;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 0 1px #0000004d;pointer-events:none;z-index:1}.magnifier-color[data-v-46c7378b]{position:absolute;bottom:4px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px}.minimized-preview[data-v-46c7378b]{position:fixed;top:50%;right:0;width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid #e2e8f0;box-shadow:0 2px 4px #0000001a}.header-buttons[data-v-46c7378b]{display:flex;gap:16px;margin-left:auto}.mac-button[data-v-46c7378b]{width:32px;height:32px;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;font-size:20px;color:#666;transition:all .2s ease;border-radius:6px}.mac-button[data-v-46c7378b]:hover{color:#333;background-color:#00000014}.mac-button.close[data-v-46c7378b]:hover{color:#fff;background-color:#ff3b30}.minimized-preview[data-v-46c7378b]{position:fixed;width:40px;height:40px;background:#fff;border-radius:20px 0 0 20px;box-shadow:-2px 2px 8px #00000026;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1000;font-size:20px}.minimized-preview[data-v-46c7378b]:hover{background:#f8fafc}.current-search[data-v-46c7378b]{margin-bottom:24px;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.current-search-preview[data-v-46c7378b]{height:100px;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 768px){.header[data-v-46c7378b]{height:52px}.header-content[data-v-46c7378b]{padding:0 12px}.logo[data-v-46c7378b]{gap:8px}.logo span[data-v-46c7378b]{font-size:15px}.nav-brands[data-v-46c7378b]{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:0 12px;margin:0 -12px;-webkit-mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent)}.nav-brands a[data-v-46c7378b]{padding:6px 12px;font-size:14px;position:relative;white-space:nowrap}.nav-brands a.active[data-v-46c7378b]:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:12px;height:2px;background:currentColor;border-radius:1px}.main-container[data-v-46c7378b]{margin:52px 0 0;padding:12px;height:calc(100vh - 52px);overflow-y:auto}.colors-section[data-v-46c7378b]{width:100%;margin-right:0;padding-bottom:64px}.color-group[data-v-46c7378b]{grid-template-columns:repeat(2,1fr);gap:12px}.color-item[data-v-46c7378b]{position:relative;border-radius:12px;background:#fff;transition:transform .15s ease}.color-item[data-v-46c7378b]:active{transform:scale(.98)}.color-preview[data-v-46c7378b]{height:90px;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:center}.color-code[data-v-46c7378b]{font-size:13px;padding:4px 8px}.color-meta[data-v-46c7378b]{padding:8px 10px}.hex-code[data-v-46c7378b]{font-size:14px;margin-bottom:4px}.rgb-code[data-v-46c7378b]{font-size:12px;opacity:.8}.search-panel[data-v-46c7378b]{position:fixed;width:100%;height:auto;max-height:85vh;bottom:0;left:0;right:0;top:auto;border-radius:20px 20px 0 0;transform:translateY(calc(100% - 100px))}.search-panel.expanded[data-v-46c7378b]{transform:translateY(0)}.search-panel[data-v-46c7378b]:before{content:"";position:absolute;top:0;left:0;right:0;height:24px;cursor:grab}.search-panel[data-v-46c7378b]:after{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:36px;height:4px;background:#e2e8f0;border-radius:2px}.search-box[data-v-46c7378b]{margin:24px 0 16px;padding:0;display:flex;gap:8px;box-sizing:border-box}.search-results[data-v-46c7378b]{max-height:calc(85vh - 140px)}.main-container[data-v-46c7378b]{margin:52px 0 72px;padding:12px;height:calc(100vh - 124px);overflow-y:auto;-webkit-overflow-scrolling:touch}.colors-section[data-v-46c7378b]{padding-bottom:16px}.color-group[data-v-46c7378b]{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.color-group[data-v-46c7378b],.search-results[data-v-46c7378b]{transform:translateZ(0);backface-visibility:hidden}.main-container[data-v-46c7378b]:before{content:"";position:fixed;top:52px;left:0;right:0;height:16px;background:linear-gradient(to bottom,#f8fafc,transparent);pointer-events:none;z-index:1}}.search-panel-enter-active[data-v-46c7378b],.search-panel-leave-active[data-v-46c7378b]{transition:transform .25s cubic-bezier(.4,0,.2,1)}.search-panel-enter-from[data-v-46c7378b],.search-panel-leave-to[data-v-46c7378b]{transform:translateY(100%)}@media (hover: none){.color-item[data-v-46c7378b]:active,.result-item[data-v-46c7378b]:active,.search-box button[data-v-46c7378b]:active{transform:scale(.98);transition:transform .15s ease}}@media (hover: none){.search-panel[data-v-46c7378b]{touch-action:none}.search-panel.dragging[data-v-46c7378b]{transition:none}.search-box button[data-v-46c7378b]:active,.color-item[data-v-46c7378b]:active,.result-item[data-v-46c7378b]:active{transform:scale(.96);transition:transform .2s cubic-bezier(.4,0,.2,1)}}.search-box[data-v-46c7378b]{margin:24px 0 16px;padding:0;display:flex;gap:8px;box-sizing:border-box}.search-box input[data-v-46c7378b]{flex:1;height:44px;padding:0 16px;border-radius:12px;font-size:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-panel[data-v-46c7378b]{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.search-panel.expanded[data-v-46c7378b]{transform:translateY(0);box-shadow:0 -4px 16px #00000026}.search-panel[data-v-46c7378b]{-webkit-tap-highlight-color:transparent}.search-box input[data-v-46c7378b]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:text;-moz-user-select:text;user-select:text}@supports (-webkit-touch-callout: none){.search-box input[data-v-46c7378b]{font-size:16px}}.search-panel[data-v-46c7378b]{transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform;position:fixed;bottom:0;z-index:1000}.search-box[data-v-46c7378b],.search-box input[data-v-46c7378b]{position:relative;z-index:2}.search-panel.expanded .search-box input[data-v-46c7378b]{transition:all .3s ease}.recent-colors-palette[data-v-46c7378b]{position:fixed;bottom:30px;left:50%;transform:translate(-80%);background:#fffffff2;border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:360px;display:flex;align-items:center;padding:0 30px}.recent-colors-palette .color-list[data-v-46c7378b]{display:flex;gap:10px;overflow-x:auto;padding:12px 6px 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;flex:1}.recent-colors-palette .prev-button[data-v-46c7378b],.recent-colors-palette .next-button[data-v-46c7378b]{width:30px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;flex-shrink:0;background:#fffc;border-radius:12px 0 0 12px}.recent-colors-palette .prev-button[data-v-46c7378b]{position:absolute;left:0;top:50%;transform:translateY(-50%);border-radius:12px 0 0 12px}.recent-colors-palette .next-button[data-v-46c7378b]{position:absolute;right:0;top:50%;transform:translateY(-50%);border-radius:0 12px 12px 0}.recent-colors-palette .arrow[data-v-46c7378b]{font-size:24px;color:#666;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1;padding:0 6px}.recent-colors-palette .prev-button:hover .arrow[data-v-46c7378b],.recent-colors-palette .next-button:hover .arrow[data-v-46c7378b]{color:#333}.recent-colors-palette .color-list[data-v-46c7378b]::-webkit-scrollbar{display:none}.recent-color-item[data-v-46c7378b]{flex:0 0 40px;width:40px;height:40px;border-radius:10px;cursor:pointer;position:relative;border:2px solid transparent;transition:all .2s;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center}.recent-color-item[data-v-46c7378b]:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.item-color-code[data-v-46c7378b]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffffb3;padding:2px 4px;border-radius:4px;font-size:10px;font-weight:500;line-height:1;white-space:nowrap;color:#333}.item-hex-code[data-v-46c7378b]{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-size:10px;color:#666;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.recent-color-item:hover .item-hex-code[data-v-46c7378b]{opacity:1;visibility:visible}