.main-content[data-v-758328c9]{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1400px}.color-picker-container[data-v-758328c9]{display:flex;flex-direction:column;gap:18px}@media (min-width:1024px){.color-picker-container[data-v-758328c9]{flex-direction:row}.picker-wrapper[data-v-758328c9]{flex:1;min-width:0}.color-info[data-v-758328c9]{width:320px}}.upload-area[data-v-758328c9]{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.upload-label[data-v-758328c9]{align-items:center;background:linear-gradient(135deg,#00828f,#00535c);border-radius:8px;box-shadow:0 3px 10px #00828f40;color:#fff;cursor:pointer;display:inline-flex;font-size:.92rem;font-weight:500;gap:8px;justify-content:center;padding:10px 22px;transition:all .2s ease}.upload-label[data-v-758328c9]:hover{box-shadow:0 6px 16px #00828f59;transform:translateY(-2px)}.upload-label[data-v-758328c9]:active{box-shadow:0 2px 6px #00828f40;transform:translateY(0)}.upload-input[data-v-758328c9]{display:none}.clear-selection-btn[data-v-758328c9]{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#5b646f;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;justify-content:center;padding:9px 16px;transition:all .2s ease}.clear-selection-btn[data-v-758328c9]:hover{background-color:#dbf2f5;border-color:#00828f40;color:#00535c}.image-container[data-v-758328c9]{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #141b240a;min-height:320px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.image-container[data-v-758328c9]:hover{border-color:#d8dfe4}.image-wrapper[data-v-758328c9]{align-items:center;background-color:#f8fafc;display:flex;justify-content:center;padding:20px;position:relative}.preview-image[data-v-758328c9]{border-radius:8px;box-shadow:0 2px 10px #141b2414;cursor:crosshair;display:block;max-height:500px;max-width:100%}.color-indicator[data-v-758328c9]{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #141b2480,0 2px 6px #141b2426;height:20px;pointer-events:none;position:absolute;width:20px;z-index:10}.color-indicator[data-v-758328c9]:after{background-color:#fff;border-radius:50%;content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}.selection-indicator[data-v-758328c9]{animation:pulse-758328c9 2s infinite;border-radius:50%;height:24px;pointer-events:none;position:absolute;width:24px;z-index:15}.selection-ring[data-v-758328c9]{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #141b244d;inset:-4px;position:absolute}@keyframes pulse-758328c9{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.selection-notice[data-v-758328c9]{background-color:#dbf2f5;border-top:1px solid rgba(0,130,143,.15);color:#00535c;font-size:.88rem;font-weight:500;gap:8px;padding:10px 16px}.empty-state[data-v-758328c9],.selection-notice[data-v-758328c9]{align-items:center;display:flex;justify-content:center}.empty-state[data-v-758328c9]{background-color:#fff;border:1px dashed #d8dfe4;border-radius:12px;color:#5b646f;flex-direction:column;min-height:320px;padding:80px 20px;text-align:center}.empty-state i[data-v-758328c9]{color:#00828f;font-size:56px;margin-bottom:16px;opacity:.5;transition:transform .3s ease,color .2s ease}.empty-state p[data-v-758328c9]{font-size:.95rem;margin:0}.empty-state:hover i[data-v-758328c9]{transform:scale(1.1)}.color-info[data-v-758328c9]{align-self:flex-start;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #141b240a;display:flex;flex-direction:column;gap:14px;padding:20px}.card-title[data-v-758328c9]{align-items:center;color:#141b24;display:flex;font-size:.95rem;font-weight:600;gap:6px;letter-spacing:.2px;margin:0}.card-icon[data-v-758328c9]{font-size:1rem;line-height:1}.color-info .card-title[data-v-758328c9]{border-bottom:1px solid #f1f5f8;padding-bottom:12px}.color-swatch[data-v-758328c9]{border:1px solid #e2e8f0;border-radius:10px;box-shadow:inset 0 0 0 1px #fff6;height:80px;transition:background-color .2s ease;width:100%}.color-values[data-v-758328c9]{gap:12px}.color-value[data-v-758328c9],.color-values[data-v-758328c9]{display:flex;flex-direction:column}.color-value[data-v-758328c9]{gap:6px}.color-value label[data-v-758328c9]{color:#5b646f;font-size:.75rem;font-weight:700;letter-spacing:.5px}.value-display[data-v-758328c9]{align-items:center;display:flex;gap:8px}.value-display span[data-v-758328c9]{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#454e58;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;min-width:0;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;white-space:nowrap}.value-display button[data-v-758328c9]{align-items:center;background-color:#dbf2f5;border:none;border-radius:6px;color:#00828f;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.9rem;height:34px;justify-content:center;padding:0;transition:all .2s ease;width:34px}.value-display button[data-v-758328c9]:hover:not(:disabled){background-color:#00828f;color:#fff;transform:scale(1.05)}.value-display button[data-v-758328c9]:active:not(:disabled){transform:scale(.98)}.value-display button[data-v-758328c9]:disabled{cursor:not-allowed;opacity:.4}.copied-notification[data-v-758328c9]{animation:fadeInOut-758328c9 2s ease;background-color:#dbf2f5;border-radius:6px;color:#00535c;font-size:.85rem;font-weight:500;padding:8px 14px;text-align:center}@keyframes fadeInOut-758328c9{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.color-schemes[data-v-758328c9]{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #141b240a;display:flex;flex-direction:column;gap:16px;padding:20px 22px}.schemes-header[data-v-758328c9]{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.schemes-hint[data-v-758328c9]{color:#5b646f;font-size:.8rem}.schemes-grid[data-v-758328c9]{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.scheme-card[data-v-758328c9]{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.scheme-card[data-v-758328c9]:hover{background-color:#fff;border-color:#d8dfe4;box-shadow:0 6px 16px #141b240f}.scheme-header[data-v-758328c9]{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:8px;justify-content:space-between;padding:12px 14px}.scheme-title[data-v-758328c9]{color:#141b24;font-size:.9rem;font-weight:600;letter-spacing:.2px;margin:0}.scheme-count[data-v-758328c9]{color:#5b646f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.scheme-colors[data-v-758328c9]{display:flex;height:64px}.scheme-color[data-v-758328c9]{align-items:center;cursor:pointer;display:flex;flex:1;justify-content:center;overflow:hidden;position:relative;transition:flex .2s ease}.scheme-color[data-v-758328c9]:hover{box-shadow:0 0 10px #141b2433;flex:1.4;z-index:2}.scheme-hex[data-v-758328c9]{background-color:#141b2466;border-radius:4px;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-weight:700;opacity:0;padding:3px 7px;pointer-events:none;transition:opacity .2s ease;white-space:nowrap}.scheme-color:hover .scheme-hex[data-v-758328c9]{opacity:1}.scheme-footer[data-v-758328c9]{background-color:transparent;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:10px 14px}.scheme-copy-btn[data-v-758328c9]{align-items:center;background-color:#dbf2f5;border:none;border-radius:5px;color:#00828f;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 10px;transition:all .2s ease}.scheme-copy-btn[data-v-758328c9]:hover{background-color:#00828f;color:#fff}@media (max-width:1023px){.color-info[data-v-758328c9]{align-self:stretch;width:100%}}@media (max-width:767px){.main-content[data-v-758328c9]{gap:18px}.color-picker-container[data-v-758328c9]{gap:14px}.upload-area[data-v-758328c9]{gap:10px;margin-bottom:14px}.upload-label[data-v-758328c9]{font-size:.88rem;padding:9px 18px}.clear-selection-btn[data-v-758328c9]{font-size:.85rem;padding:8px 14px}.image-wrapper[data-v-758328c9]{padding:12px}.empty-state[data-v-758328c9]{min-height:260px;padding:60px 16px}.empty-state i[data-v-758328c9]{font-size:44px}.color-info[data-v-758328c9]{padding:16px}.color-swatch[data-v-758328c9]{height:64px}.color-schemes[data-v-758328c9]{padding:16px}.schemes-grid[data-v-758328c9]{gap:12px;grid-template-columns:1fr}.scheme-colors[data-v-758328c9]{height:56px}.scheme-hex[data-v-758328c9]{font-size:.66rem;padding:2px 6px}}