@media(min-width:768px){.card-refine .js-keyword-search,.card-refine input.js-keyword-search,input.js-keyword-search{padding-right:72px!important}.btn-image-search{position:absolute!important;top:4px!important;right:36px!important;left:auto!important;bottom:auto!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:15!important;cursor:pointer!important;outline:none!important;transform:none!important;border-radius:4px;transition:background .2s ease}.btn-image-search:hover{background:rgba(201,160,80,0.1)!important}.btn-image-search i{font-size:14px!important;color:#999!important;margin:0!important;padding:0!important;line-height:1!important;transition:color .2s ease}.btn-image-search:hover i{color:#c9a050!important}}@media(max-width:767px){.card-refine .js-keyword-search,.card-refine input.js-keyword-search,input.js-keyword-search{padding-right:90px!important}.btn-image-search{position:absolute!important;top:4px!important;right:44px!important;left:auto!important;bottom:auto!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:15!important;cursor:pointer!important;outline:none!important;transform:none!important}.btn-image-search:active{background:rgba(201,160,80,0.1)!important}.btn-image-search i{font-size:18px!important;color:#999!important;margin:0!important;padding:0!important;line-height:1!important}.btn-image-search:active i{color:#c9a050!important}}.image-search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.55);z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.image-search-overlay.show{opacity:1;visibility:visible}.image-search-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.9);background:#fff;border-radius:16px;z-index:10001;width:90%;max-width:420px;box-shadow:0 20px 60px rgba(0,0,0,0.25);opacity:0;visibility:hidden;transition:all .35s cubic-bezier(0.34,1.56,0.64,1);overflow:hidden}.image-search-modal.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.image-search-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 12px;border-bottom:1px solid #f0f0f0}.image-search-header h3{margin:0;font-size:18px;font-weight:600;color:#333;letter-spacing:-0.02em}.image-search-header .btn-close-image-search{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:4px;line-height:1;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.image-search-header .btn-close-image-search:hover{background-color:#f5f5f5;color:#333}.image-search-body{padding:24px}.image-upload-zone{border:2px dashed #d0d0d0;border-radius:12px;padding:32px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa;position:relative}.image-upload-zone:hover{border-color:#b8860b;background:#fdf8ef}.image-upload-zone.dragover{border-color:#b8860b;background:#fdf8ef;border-style:solid}.image-upload-zone .upload-icon{font-size:40px;color:#b8860b;margin-bottom:12px;display:block}.image-upload-zone .upload-text{font-size:15px;color:#555;margin-bottom:4px;font-weight:500}.image-upload-zone .upload-hint{font-size:12px;color:#999;margin:0}.image-upload-zone input[type="file"]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.image-search-divider{display:flex;align-items:center;margin:16px 0;color:#bbb;font-size:13px}.image-search-divider::before,.image-search-divider::after{content:'';flex:1;height:1px;background:#e8e8e8}.image-search-divider span{padding:0 12px;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.btn-take-photo{display:none;width:100%;padding:14px 20px;background:linear-gradient(135deg,#b8860b 0,#d4a843 100%);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.02em;position:relative;overflow:hidden}.btn-take-photo>i{margin-right:8px;font-size:16px}.btn-take-photo:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(184,134,11,0.35)}.btn-take-photo:active{transform:translateY(0)}.btn-take-photo input[type="file"]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}@media(max-width:767px){.btn-take-photo{display:block}}.image-preview-area{display:none;text-align:center;padding:0}.image-preview-area.show{display:block}.image-preview-container{position:relative;display:inline-block;max-width:100%;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.1)}.image-preview-container img{max-width:100%;max-height:240px;display:block;border-radius:10px}.image-preview-container .btn-remove-preview{position:absolute;top:8px;right:8px;background:rgba(0,0,0,0.6);color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.image-preview-container .btn-remove-preview:hover{background:rgba(0,0,0,0.8)}.color-extract-results{margin-top:16px;display:none}.color-extract-results.show{display:block}.color-swatches{display:flex;justify-content:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.color-swatch{width:36px;height:36px;border-radius:50%;border:3px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,0.15);transition:transform .2s}.color-swatch:hover{transform:scale(1.15)}.color-names-text{font-size:13px;color:#666;margin-bottom:16px;line-height:1.5}.color-names-text strong{color:#b8860b}.btn-search-by-image{width:100%;padding:13px 20px;background:linear-gradient(135deg,#b8860b 0,#d4a843 100%);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.02em}.btn-search-by-image:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(184,134,11,0.35)}.btn-search-by-image:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-search-by-image i{margin-right:8px}.image-processing-overlay{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.92);border-radius:10px;z-index:5;flex-direction:column;align-items:center;justify-content:center}.image-processing-overlay.show{display:flex}.processing-spinner{width:40px;height:40px;border:3px solid #e8e8e8;border-top-color:#b8860b;border-radius:50%;animation:imgSearchSpin .8s linear infinite}@keyframes imgSearchSpin{to{transform:rotate(360deg)}}.processing-text{margin-top:12px;font-size:14px;color:#666;font-weight:500}@media(max-width:767px){.image-search-modal{width:94%;max-width:380px}.image-search-header{padding:16px 18px 10px}.image-search-header h3{font-size:16px}.image-search-body{padding:18px}.image-upload-zone{padding:24px 16px}.image-upload-zone .upload-icon{font-size:32px}.image-upload-zone .upload-text{font-size:14px}.image-preview-container img{max-height:200px}}#imageSearchCanvas{display:none}