.accordion-section[data-v-1c0c9c82]{background:#0006;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;overflow:hidden;transition:all .2s ease}.accordion-section.is-open[data-v-1c0c9c82],.accordion-section[data-v-1c0c9c82]:hover{border-color:#fff3}.accordion-section.is-open[data-v-1c0c9c82]{background:#00000080}.accordion-header[data-v-1c0c9c82]{align-items:center;background:transparent;border:none;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;text-align:left;transition:background-color .15s ease;width:100%}.accordion-header[data-v-1c0c9c82]:hover{background:#ffffff0d}.header-content[data-v-1c0c9c82]{align-items:center;display:flex;flex:1;gap:12px;min-width:0}.header-title[data-v-1c0c9c82]{color:#fff;font-size:14px;font-weight:600;white-space:nowrap}.header-summary[data-v-1c0c9c82]{color:#fff9;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions[data-v-1c0c9c82]{flex-shrink:0;gap:8px}.header-actions[data-v-1c0c9c82],.help-btn[data-v-1c0c9c82]{align-items:center;display:flex}.help-btn[data-v-1c0c9c82]{background:none;border:none;border-radius:4px;color:#ffffff80;cursor:pointer;justify-content:center;padding:4px;transition:all .15s ease}.help-btn[data-v-1c0c9c82]:hover{background:#f59e0b1a;color:#f59e0b}.chevron-icon[data-v-1c0c9c82]{color:#fff9;flex-shrink:0;height:16px;transition:transform .2s ease;width:16px}.chevron-icon.rotate-180[data-v-1c0c9c82]{transform:rotate(180deg)}.accordion-content[data-v-1c0c9c82]{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.accordion-content.content-open[data-v-1c0c9c82]{max-height:1000px;transition:max-height .4s ease-in}.content-inner[data-v-1c0c9c82]{padding:0 16px 16px}@media (max-width:768px){.accordion-header[data-v-1c0c9c82]{padding:10px 12px}.header-title[data-v-1c0c9c82]{font-size:13px}.header-summary[data-v-1c0c9c82]{font-size:11px}.content-inner[data-v-1c0c9c82]{padding:0 12px 12px}}.compact-preset-selector[data-v-b9c4d7c4]{display:flex;flex-direction:column;gap:8px}.selector-header[data-v-b9c4d7c4]{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.header-title[data-v-b9c4d7c4]{color:#fffc;font-size:13px;font-weight:600}.header-actions[data-v-b9c4d7c4]{align-items:center;display:flex;gap:8px}.action-btn[data-v-b9c4d7c4]{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.15);border-radius:4px;color:#ffffffb3;cursor:pointer;font-size:11px;padding:4px 8px;transition:all .15s ease}.action-btn[data-v-b9c4d7c4]:hover{background:#ffffff26;color:#fff}.help-btn[data-v-b9c4d7c4]{align-items:center;display:flex;justify-content:center;padding:4px}.preset-pills[data-v-b9c4d7c4]{display:flex;flex-wrap:wrap;gap:6px}.preset-pill[data-v-b9c4d7c4]{align-items:center;background:#ffffff0d;border:2px solid hsla(0,0%,100%,.1);border-radius:8px;cursor:pointer;display:flex;flex:1;gap:6px;max-width:calc(33.33% - 4px);min-height:44px;min-width:calc(33.33% - 4px);padding:8px 10px;position:relative;transition:all .15s ease}.preset-pill[data-v-b9c4d7c4]:hover{background:#ffffff1a;border-color:#f59e0b66;transform:translateY(-1px)}.preset-pill.active[data-v-b9c4d7c4]{background:#f59e0b26;border-color:#f59e0b;border-width:2px;box-shadow:0 0 8px #f59e0b4d}.color-swatch[data-v-b9c4d7c4]{border:2px solid hsla(0,0%,100%,.3);border-radius:4px;flex-shrink:0;height:24px;width:24px}.pill-content[data-v-b9c4d7c4]{align-items:flex-start;display:flex;flex-direction:column;gap:1px;min-width:0}.pill-name[data-v-b9c4d7c4]{color:#fff;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill-values[data-v-b9c4d7c4]{color:#fff9;font-size:10px}.pill-tooltip[data-v-b9c4d7c4]{background:#000000f2;border:1px solid rgba(245,158,11,.5);border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000080;margin-bottom:8px;max-width:200px;padding:10px 12px;pointer-events:none;width:-moz-max-content;width:max-content;z-index:50}.pill-tooltip[data-v-b9c4d7c4],.pill-tooltip[data-v-b9c4d7c4]:after{left:50%;position:absolute;transform:translate(-50%)}.pill-tooltip[data-v-b9c4d7c4]:after{border:6px solid transparent;border-top-color:#f59e0b80;content:"";top:100%}.tooltip-title[data-v-b9c4d7c4]{color:#fff;font-size:12px;font-weight:600;margin-bottom:4px}.tooltip-desc[data-v-b9c4d7c4]{color:#fffc;font-size:11px;line-height:1.4}@media (max-width:768px){.preset-pills[data-v-b9c4d7c4]{display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.preset-pill[data-v-b9c4d7c4]{max-width:unset;min-height:40px;min-width:unset;padding:6px 8px}.color-swatch[data-v-b9c4d7c4]{height:20px;width:20px}.pill-name[data-v-b9c4d7c4]{font-size:11px}.pill-values[data-v-b9c4d7c4]{font-size:9px}.pill-tooltip[data-v-b9c4d7c4]{display:none}}@media (max-width:400px){.preset-pill[data-v-b9c4d7c4]{flex-direction:column;gap:4px;padding:6px 4px;text-align:center}.pill-content[data-v-b9c4d7c4]{align-items:center}}.modal-fade-enter-active[data-v-5a3c1a55],.modal-fade-leave-active[data-v-5a3c1a55]{transition:opacity .2s ease}.modal-fade-enter-from[data-v-5a3c1a55],.modal-fade-leave-to[data-v-5a3c1a55]{opacity:0}.modal-fade-enter-active .bg-gray-900[data-v-5a3c1a55],.modal-fade-leave-active .bg-gray-900[data-v-5a3c1a55]{transition:transform .2s ease}.modal-fade-enter-from .bg-gray-900[data-v-5a3c1a55],.modal-fade-leave-to .bg-gray-900[data-v-5a3c1a55]{transform:scale(.95)}.modal-fade-enter-active[data-v-0b0a513e],.modal-fade-leave-active[data-v-0b0a513e]{transition:opacity .2s ease}.modal-fade-enter-from[data-v-0b0a513e],.modal-fade-leave-to[data-v-0b0a513e]{opacity:0}.modal-fade-enter-active .bg-gray-900[data-v-0b0a513e],.modal-fade-leave-active .bg-gray-900[data-v-0b0a513e]{transition:transform .2s ease}.modal-fade-enter-from .bg-gray-900[data-v-0b0a513e],.modal-fade-leave-to .bg-gray-900[data-v-0b0a513e]{transform:scale(.95)}.modal-fade-enter-active[data-v-5857c608],.modal-fade-leave-active[data-v-5857c608]{transition:opacity .2s ease}.modal-fade-enter-from[data-v-5857c608],.modal-fade-leave-to[data-v-5857c608]{opacity:0}.modal-fade-enter-active .bg-gray-900[data-v-5857c608],.modal-fade-leave-active .bg-gray-900[data-v-5857c608]{transition:transform .2s ease}.modal-fade-enter-from .bg-gray-900[data-v-5857c608],.modal-fade-leave-to .bg-gray-900[data-v-5857c608]{transform:scale(.95)}.slider-thumb[data-v-5857c608]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f59e0b;border-radius:50%;cursor:pointer;height:20px;width:20px}.slider-thumb[data-v-5857c608]::-moz-range-thumb{background:#f59e0b;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.preset-selector[data-v-9611ab8a]{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000000d9;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;box-shadow:0 8px 32px #0006;padding:16px}.section-header[data-v-9611ab8a]{border-bottom:1px solid hsla(0,0%,100%,.2);margin-bottom:16px;padding-bottom:12px}.section-title[data-v-9611ab8a]{color:#fff;font-size:15px;font-weight:600;margin:0}.presets-grid[data-v-9611ab8a]{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}@media (max-width:1024px){.presets-grid[data-v-9611ab8a]{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.presets-grid[data-v-9611ab8a]{gap:8px;grid-template-columns:repeat(2,1fr)}}.preset-card[data-v-9611ab8a]{background:#ffffff0d;border:2px solid hsla(0,0%,100%,.1);border-radius:8px;cursor:pointer;padding:16px 12px;position:relative;text-align:center;transition:all .2s ease}.preset-card[data-v-9611ab8a]:hover{background:#ffffff1a;border-color:#f59e0b80;box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}.preset-card.active[data-v-9611ab8a]{background:#f59e0b1a;border-color:#f59e0b;border-width:3px;box-shadow:0 0 0 1px #f59e0b}.preset-name[data-v-9611ab8a]{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.preset-info[data-v-9611ab8a]{color:#ffffffb3}.preset-tooltip[data-v-9611ab8a]{background:#000000f2;border:1px solid rgba(245,158,11,.5);border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000080;color:#fff;font-size:13px;line-height:1.4;margin-bottom:8px;padding:12px;pointer-events:none;width:250px;z-index:10}.preset-tooltip[data-v-9611ab8a],.preset-tooltip[data-v-9611ab8a]:after{left:50%;position:absolute;transform:translate(-50%)}.preset-tooltip[data-v-9611ab8a]:after{border:6px solid transparent;border-top-color:#f59e0b80;content:"";top:100%}.custom-presets-section[data-v-9611ab8a]{border-top:1px solid hsla(0,0%,100%,.1);padding-top:16px}.custom-presets-grid[data-v-9611ab8a]{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}@media (max-width:640px){.custom-presets-grid[data-v-9611ab8a]{grid-template-columns:repeat(3,1fr)}}.custom-preset-card[data-v-9611ab8a]{align-items:center;background:#ffffff0d;border:2px solid hsla(0,0%,100%,.1);border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:12px;position:relative;transition:all .2s ease}.custom-preset-card.add-new[data-v-9611ab8a]{color:#ffffff80;cursor:pointer}.custom-preset-card.add-new[data-v-9611ab8a]:hover{background:#ffffff1a;border-color:#f59e0b80;color:#f59e0bcc}.custom-preset-card.empty[data-v-9611ab8a]{border-style:dashed;opacity:.3}.custom-preset-card.active[data-v-9611ab8a]{background:#f59e0b1a;border-color:#f59e0b;border-width:3px;box-shadow:0 0 0 1px #f59e0b}.edit-btn[data-v-9611ab8a]{align-items:center;background:#3b82f6cc;border-radius:4px;color:#fff;display:flex;height:24px;justify-content:center;left:4px;opacity:0;position:absolute;top:4px;transition:opacity .2s ease;width:24px;z-index:1}.custom-preset-card:hover .edit-btn[data-v-9611ab8a]{opacity:1}.edit-btn[data-v-9611ab8a]:hover{background:#3b82f6}.delete-btn[data-v-9611ab8a]{align-items:center;background:#dc2626cc;border-radius:4px;color:#fff;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:opacity .2s ease;width:24px;z-index:1}.custom-preset-card:hover .delete-btn[data-v-9611ab8a]{opacity:1}.delete-btn[data-v-9611ab8a]:hover{background:#dc2626}@media (max-width:768px){.preset-selector[data-v-9611ab8a]{padding:12px}.section-title[data-v-9611ab8a]{font-size:14px}.preset-name[data-v-9611ab8a]{font-size:12px}}.compact-outline-controls[data-v-5e7fbac1]{display:flex;flex-direction:column;gap:8px}.controls-row[data-v-5e7fbac1]{flex-wrap:wrap;gap:12px;min-height:44px}.controls-row[data-v-5e7fbac1],.toggle-label[data-v-5e7fbac1]{align-items:center;display:flex}.toggle-label[data-v-5e7fbac1]{cursor:pointer;flex-shrink:0;gap:8px}.toggle-track[data-v-5e7fbac1]{background:#fff3;border-radius:11px;height:22px;position:relative;transition:background-color .2s ease;width:40px}.toggle-thumb[data-v-5e7fbac1]{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;height:18px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:18px}.toggle-text[data-v-5e7fbac1]{color:#fff;font-size:13px;font-weight:500}.inline-controls[data-v-5e7fbac1]{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:12px}.color-swatches[data-v-5e7fbac1]{gap:6px}.color-swatch[data-v-5e7fbac1],.color-swatches[data-v-5e7fbac1]{align-items:center;display:flex}.color-swatch[data-v-5e7fbac1]{border:2px solid hsla(0,0%,100%,.3);border-radius:4px;cursor:pointer;height:24px;justify-content:center;padding:0;transition:all .15s ease;width:24px}.color-swatch[data-v-5e7fbac1]:hover{border-color:#ffffff80;transform:scale(1.1)}.color-swatch.active[data-v-5e7fbac1]{border-color:#f59e0b;border-width:3px;box-shadow:0 0 8px #f59e0b80}.color-swatch[style*=FFFFFF][data-v-5e7fbac1],.color-swatch[style*=ffffff][data-v-5e7fbac1]{border-color:#0003}.color-swatch[style*=FFFFFF].active[data-v-5e7fbac1],.color-swatch[style*=ffffff].active[data-v-5e7fbac1]{border-color:#f59e0b}.custom-swatch[data-v-5e7fbac1]{background:#ffffff1a!important;color:#fff9}.custom-swatch.active[data-v-5e7fbac1]{color:#fff}.custom-color-picker[data-v-5e7fbac1]{background:transparent;border:none;border-radius:4px;cursor:pointer;height:28px;padding:0;width:28px}.slider-group[data-v-5e7fbac1]{align-items:center;display:flex;gap:6px}.compact-slider[data-v-5e7fbac1]{-webkit-appearance:none;background:#fff3;border-radius:2px;cursor:pointer;height:4px;outline:none;width:60px}.compact-slider[data-v-5e7fbac1]::-webkit-slider-thumb{-webkit-appearance:none;background:#f59e0b;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0000004d;cursor:pointer;height:14px;width:14px}.compact-slider[data-v-5e7fbac1]::-moz-range-thumb{background:#f59e0b;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0000004d;cursor:pointer;height:14px;width:14px}.thickness-slider[data-v-5e7fbac1]{width:50px}.slider-value[data-v-5e7fbac1]{color:#fff9;font-size:11px;min-width:32px;text-align:right}@media (max-width:640px){.controls-row[data-v-5e7fbac1],.inline-controls[data-v-5e7fbac1]{align-items:flex-start;flex-direction:column;gap:10px}.inline-controls[data-v-5e7fbac1]{width:100%}.color-swatches[data-v-5e7fbac1]{order:1}.slider-group[data-v-5e7fbac1]{justify-content:space-between;width:100%}.compact-slider[data-v-5e7fbac1]{flex:1;max-width:120px}.thickness-slider[data-v-5e7fbac1]{max-width:100px}}.modal-overlay[data-v-237ecff0]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal-content[data-v-237ecff0]{background:#1e1e1efa;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.modal-header[data-v-237ecff0]{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.modal-header h3[data-v-237ecff0]{color:#fff;font-size:16px;font-weight:600;margin:0}.close-btn[data-v-237ecff0]{background:none;border:none;border-radius:4px;color:#fff9;cursor:pointer;padding:4px;transition:all .15s ease}.close-btn[data-v-237ecff0]:hover{background:#ffffff1a;color:#fff}.modal-body[data-v-237ecff0]{overflow-y:auto;padding:20px}.intro-text[data-v-237ecff0]{color:#ffffffb3;font-size:13px;line-height:1.5;margin:0 0 20px}.presets-list[data-v-237ecff0]{display:flex;flex-direction:column;gap:16px}.preset-item[data-v-237ecff0]{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:14px}.preset-header[data-v-237ecff0]{align-items:center;display:flex;gap:12px;margin-bottom:10px}.color-swatch[data-v-237ecff0]{border:2px solid hsla(0,0%,100%,.3);border-radius:6px;flex-shrink:0;height:32px;width:32px}.preset-title[data-v-237ecff0]{display:flex;flex-direction:column;gap:2px}.preset-name[data-v-237ecff0]{color:#fff;font-size:14px;font-weight:600}.preset-values[data-v-237ecff0]{color:#ffffff80;font-size:11px}.preset-description[data-v-237ecff0]{color:#f59e0b;font-size:13px;font-weight:500;margin:0 0 8px}.preset-context[data-v-237ecff0]{color:#ffffffb3;font-size:12px;line-height:1.5;margin:0}.modal-enter-active[data-v-237ecff0],.modal-leave-active[data-v-237ecff0]{transition:opacity .2s ease}.modal-enter-active .modal-content[data-v-237ecff0],.modal-leave-active .modal-content[data-v-237ecff0]{transition:transform .2s ease}.modal-enter-from[data-v-237ecff0],.modal-leave-to[data-v-237ecff0]{opacity:0}.modal-enter-from .modal-content[data-v-237ecff0],.modal-leave-to .modal-content[data-v-237ecff0]{transform:scale(.95)}@media (max-width:640px){.modal-content[data-v-237ecff0]{max-height:90vh}.modal-body[data-v-237ecff0]{padding:16px}.preset-item[data-v-237ecff0]{padding:12px}.color-swatch[data-v-237ecff0]{height:28px;width:28px}.preset-name[data-v-237ecff0]{font-size:13px}.preset-context[data-v-237ecff0]{font-size:11px}}.modal-overlay[data-v-72dc4be5]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal-content[data-v-72dc4be5]{background:#1e1e1efa;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;display:flex;flex-direction:column;max-height:80vh;max-width:480px;overflow:hidden;width:100%}.modal-header[data-v-72dc4be5]{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.modal-header h3[data-v-72dc4be5]{color:#fff;font-size:16px;font-weight:600;margin:0}.close-btn[data-v-72dc4be5]{background:none;border:none;border-radius:4px;color:#fff9;cursor:pointer;padding:4px;transition:all .15s ease}.close-btn[data-v-72dc4be5]:hover{background:#ffffff1a;color:#fff}.modal-body[data-v-72dc4be5]{overflow-y:auto;padding:20px}.description[data-v-72dc4be5]{color:#ffffffd9;font-size:14px;line-height:1.6;margin:0 0 16px}.options-list[data-v-72dc4be5]{gap:12px}.option-item[data-v-72dc4be5],.options-list[data-v-72dc4be5]{display:flex;flex-direction:column}.option-item[data-v-72dc4be5]{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;gap:4px;padding:12px 14px}.option-name[data-v-72dc4be5]{color:#f59e0b;font-size:14px;font-weight:600}.option-desc[data-v-72dc4be5]{color:#ffffffb3;font-size:13px;line-height:1.5}.tips-list[data-v-72dc4be5]{display:flex;flex-direction:column;gap:10px;margin:0;padding-left:20px}.tips-list li[data-v-72dc4be5]{color:#ffffffbf;font-size:13px;line-height:1.5}.tips-list li[data-v-72dc4be5]::marker{color:#f59e0b}.modal-enter-active[data-v-72dc4be5],.modal-leave-active[data-v-72dc4be5]{transition:opacity .2s ease}.modal-enter-active .modal-content[data-v-72dc4be5],.modal-leave-active .modal-content[data-v-72dc4be5]{transition:transform .2s ease}.modal-enter-from[data-v-72dc4be5],.modal-leave-to[data-v-72dc4be5]{opacity:0}.modal-enter-from .modal-content[data-v-72dc4be5],.modal-leave-to .modal-content[data-v-72dc4be5]{transform:scale(.95)}@media (max-width:640px){.modal-content[data-v-72dc4be5]{max-height:85vh}.modal-body[data-v-72dc4be5]{padding:16px}.description[data-v-72dc4be5]{font-size:13px}.option-item[data-v-72dc4be5]{padding:10px 12px}.option-name[data-v-72dc4be5]{font-size:13px}.option-desc[data-v-72dc4be5],.tips-list li[data-v-72dc4be5]{font-size:12px}}.controls-container[data-v-6900d881]{display:flex;flex-direction:column;gap:16px;width:100%}.control-section[data-v-6900d881]{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000000d9;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;box-shadow:0 8px 32px #0006;padding:16px}.section-header[data-v-6900d881]{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.section-title[data-v-6900d881]{color:#fff;font-size:15px;font-weight:600;margin:0}.level-badge[data-v-6900d881]{background:#fff3;border-radius:6px;color:#fff;font-size:14px;font-weight:600;padding:4px 12px}.color-input-wrapper[data-v-6900d881]{margin-bottom:16px}.color-picker-group[data-v-6900d881]{align-items:center;display:flex;gap:12px}.color-input[data-v-6900d881]{border:2px solid hsla(0,0%,100%,.3);border-radius:8px;cursor:pointer;height:48px;transition:all .2s ease;width:48px}.color-input[data-v-6900d881]:hover{border-color:#ffffff80;transform:scale(1.05)}.hex-input[data-v-6900d881]{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;flex:1;font-size:14px;font-weight:500;max-width:150px;padding:12px 16px;transition:all .2s ease}.hex-input[data-v-6900d881]:hover{background:#ffffff26;border-color:#ffffff4d}.hex-input[data-v-6900d881]:focus{background:#fff3;border-color:#fff6;outline:none}.hex-input[data-v-6900d881]::-moz-placeholder{color:#ffffff80}.hex-input[data-v-6900d881]::placeholder{color:#ffffff80}.colors-grid[data-v-6900d881]{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.colors-grid[data-v-6900d881]{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.colors-grid[data-v-6900d881]{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.colors-grid[data-v-6900d881]{grid-template-columns:repeat(6,1fr)}}.color-button[data-v-6900d881]{align-items:center;background:#ffffff0d;border:2px solid hsla(0,0%,100%,.2);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.color-button[data-v-6900d881]:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.color-button.active[data-v-6900d881]{background:#f59e0b33;border-color:#f59e0b;border-width:2px}.color-swatch[data-v-6900d881]{border:1px solid hsla(0,0%,100%,.3);border-radius:6px;flex-shrink:0;height:24px;width:24px}.color-name[data-v-6900d881]{color:#fff;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-buttons[data-v-6900d881]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.style-button[data-v-6900d881]{background:#ffffff1a;border:2px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;cursor:pointer;flex:1;font-size:14px;font-weight:600;min-width:100px;padding:12px 20px;transition:all .2s ease}.style-button[data-v-6900d881]:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.style-button.active[data-v-6900d881]{background:#f59e0be6;border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b66}.style-description[data-v-6900d881]{color:#ffffffb3;font-size:12px;line-height:1.5;margin:0}.mapping-mode-toggle[data-v-6900d881]{display:flex;gap:12px;margin-bottom:12px}.mode-button[data-v-6900d881]{align-items:center;background:#ffffff0d;border:2px solid hsla(0,0%,100%,.1);border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;flex:1;gap:12px;padding:12px;transition:all .2s}.mode-button[data-v-6900d881]:hover{background:#ffffff14;border-color:#fff3}.mode-button.active[data-v-6900d881]{background:#fbbf241a;border-color:#f59e0b;color:#fcd34d}.mode-icon[data-v-6900d881]{font-size:24px}.mode-info[data-v-6900d881]{flex:1;text-align:left}.mode-name[data-v-6900d881]{font-size:14px;font-weight:600;margin-bottom:2px}.mode-desc[data-v-6900d881]{font-size:11px;opacity:.7}.range-info[data-v-6900d881]{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:6px;margin-bottom:8px;padding:8px 12px}.range-text[data-v-6900d881]{color:#93c5fd;font-size:13px;margin:0}.range-percentage[data-v-6900d881]{color:#60a5fa;font-weight:600}.mode-explanation[data-v-6900d881]{color:#9ca3af;font-size:13px;line-height:1.5;margin-top:8px}.mode-explanation strong[data-v-6900d881]{color:#fcd34d}.range-slider[data-v-6900d881]{-webkit-appearance:none;background:#fff3;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.range-slider[data-v-6900d881]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f59e0b;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.range-slider[data-v-6900d881]::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #f59e0b80;transform:scale(1.2)}.range-slider[data-v-6900d881]::-moz-range-thumb{background:#f59e0b;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:20px;-moz-transition:all .2s ease;transition:all .2s ease;width:20px}.range-slider[data-v-6900d881]::-moz-range-thumb:hover{box-shadow:0 4px 12px #f59e0b80;transform:scale(1.2)}@media (max-width:768px){.control-section[data-v-6900d881]{padding:12px}.section-header[data-v-6900d881]{margin-bottom:12px;padding-bottom:10px}.section-title[data-v-6900d881]{font-size:14px}.color-input[data-v-6900d881]{height:40px;width:40px}.style-button[data-v-6900d881]{font-size:13px;min-width:80px;padding:10px 16px}.color-name[data-v-6900d881]{font-size:12px}}.modal-overlay[data-v-6900d881]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal-content[data-v-6900d881]{background:#1e1e1ef2;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;max-height:80vh;max-width:600px;overflow-y:auto;width:100%}.custom-presets-modal[data-v-6900d881]{padding:0}.modal-header[data-v-6900d881]{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:16px 20px}.modal-header h3[data-v-6900d881]{color:#fff;font-size:16px;font-weight:600;margin:0}.close-btn[data-v-6900d881]{background:none;border:none;border-radius:4px;color:#fff9;cursor:pointer;padding:4px;transition:all .15s ease}.close-btn[data-v-6900d881]:hover{background:#ffffff1a;color:#fff}.compact-strip-container[data-v-8addec76]{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000000d9;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;padding:10px 12px;width:100%}.strip-header[data-v-8addec76]{justify-content:space-between;margin-bottom:8px}.header-left[data-v-8addec76],.strip-header[data-v-8addec76]{align-items:center;display:flex}.header-left[data-v-8addec76]{gap:6px}.strip-title[data-v-8addec76]{color:#fff;font-size:13px;font-weight:600}.level-count[data-v-8addec76]{color:#fff9;font-size:11px}.header-right[data-v-8addec76]{gap:6px}.header-right[data-v-8addec76],.levels-control[data-v-8addec76]{align-items:center;display:flex}.levels-label[data-v-8addec76]{color:#ffffffb3;font-size:11px;margin-right:4px}.levels-select[data-v-8addec76]{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.levels-select[data-v-8addec76]:hover{background:#ffffff26}.levels-select option[data-v-8addec76]{background:#1a1a1a;color:#fff}.header-btn[data-v-8addec76]{align-items:center;background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;height:28px;justify-content:center;position:relative;transition:all .15s ease;width:28px}.header-btn[data-v-8addec76]:hover{background:#fff3}.count-badge[data-v-8addec76]{align-items:center;background:#f59e0b;border-radius:50%;color:#000;display:flex;font-size:9px;font-weight:700;height:14px;justify-content:center;position:absolute;right:-4px;top:-4px;width:14px}.value-strip[data-v-8addec76]{display:flex;gap:4px;height:36px}.value-item[data-v-8addec76]{border:2px solid hsla(0,0%,100%,.3);border-radius:4px;cursor:pointer;flex:1;height:100%;max-width:48px;min-width:28px;transition:all .15s ease}.value-item[data-v-8addec76]:hover{border-color:#fff9;transform:scale(1.05)}.value-item.active[data-v-8addec76]{border-color:#f59e0b;border-width:3px;box-shadow:0 0 8px #f59e0b80}.value-item.highlighted[data-v-8addec76]{animation:pulse-highlight-8addec76 1s ease-in-out infinite;border-color:#22d3ee;border-width:3px;box-shadow:0 0 12px #22d3eeb3}@keyframes pulse-highlight-8addec76{0%,to{box-shadow:0 0 8px #22d3ee80}50%{box-shadow:0 0 16px #22d3eecc}}.percentage-row[data-v-8addec76]{display:flex;gap:4px;margin-top:4px}.percentage-label[data-v-8addec76]{color:#ffffffb3;flex:1;font-size:10px;max-width:48px;min-width:28px;text-align:center}@media (max-width:768px){.compact-strip-container[data-v-8addec76]{padding:8px 10px}.strip-title[data-v-8addec76]{font-size:12px}.level-count[data-v-8addec76]{display:none}.value-strip[data-v-8addec76]{gap:3px;height:28px}.value-item[data-v-8addec76]{min-width:24px}.value-item[data-v-8addec76],.value-item.active[data-v-8addec76]{border-width:2px}.percentage-row[data-v-8addec76]{gap:3px;margin-top:3px}.percentage-label[data-v-8addec76]{font-size:9px;min-width:24px}.header-btn[data-v-8addec76]{height:26px;width:26px}.levels-select[data-v-8addec76]{font-size:11px;padding:3px 6px}}@media (max-width:380px){.value-strip[data-v-8addec76]{height:24px}.value-item[data-v-8addec76]{min-width:20px}.percentage-label[data-v-8addec76]{font-size:8px;min-width:20px}}.modal-enter-active[data-v-2b655334],.modal-leave-active[data-v-2b655334]{transition:opacity .3s ease}.modal-enter-from[data-v-2b655334],.modal-leave-to[data-v-2b655334]{opacity:0}.modal-enter-active .bg-white[data-v-2b655334],.modal-leave-active .bg-white[data-v-2b655334]{transition:transform .3s ease}.modal-enter-from .bg-white[data-v-2b655334],.modal-leave-to .bg-white[data-v-2b655334]{transform:scale(.95)}.mobile-crosshair[data-v-3dc318cb]{height:60px;left:0;pointer-events:none;position:fixed;top:0;width:60px;will-change:transform;z-index:9999}.crosshair-lines[data-v-3dc318cb]{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.horizontal-line[data-v-3dc318cb],.vertical-line[data-v-3dc318cb]{background:#ffffffe6;box-shadow:0 0 2px #000c;position:absolute}.horizontal-line[data-v-3dc318cb]{height:2px;left:0;width:100%}.vertical-line[data-v-3dc318cb]{height:100%;top:0;width:2px}.color-preview[data-v-3dc318cb]{align-items:center;background-clip:padding-box;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0000004d,0 4px 12px #0006;display:flex;height:40px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.pulse-ring[data-v-3dc318cb]{animation:pulseRing-3dc318cb .22s ease-out 1;border:2px solid rgba(245,158,11,.55);border-radius:14px;box-shadow:0 0 0 3px #f59e0b26;inset:-6px;pointer-events:none;position:absolute}@keyframes pulseRing-3dc318cb{0%{opacity:.9;transform:scale(.98)}to{opacity:0;transform:scale(1.08)}}.tone-value[data-v-3dc318cb]{color:#fff;font-size:11px;font-weight:700;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 4px rgba(0,0,0,.6)}.touch-indicator[data-v-3dc318cb]{background:#fff6;border:2px solid hsla(0,0%,100%,.8);border-radius:50%;box-shadow:0 2px 8px #0000004d;height:12px;left:0;pointer-events:none;position:fixed;top:0;width:12px;will-change:transform;z-index:9998}.mobile-crosshair[data-v-3dc318cb],.touch-indicator[data-v-3dc318cb]{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.zoomable-viewer[data-v-2c93ee57]{background:#1a1a1a;border-radius:.5rem;height:auto;overflow:hidden;position:relative;width:100%}.zoomable-viewer.zoomed[data-v-2c93ee57]{max-height:600px;overflow:auto}.canvas-wrapper[data-v-2c93ee57]{transition:transform .2s ease-out;width:-moz-fit-content;width:fit-content;will-change:transform}.viewer-canvas[data-v-2c93ee57]{display:block;height:auto;max-width:100%;-o-object-fit:contain;object-fit:contain;width:100%}.pipette-active .viewer-canvas[data-v-2c93ee57]{cursor:crosshair}.zoomed .viewer-canvas[data-v-2c93ee57]{cursor:grab}.zoomed .viewer-canvas[data-v-2c93ee57]:active{cursor:grabbing}.loading-overlay[data-v-2c93ee57]{align-items:center;background:#00000080;border-radius:.5rem;display:flex;inset:0;justify-content:center;position:absolute;z-index:30}.pipette-click-pulse[data-v-2c93ee57]{animation:pipettePulse-2c93ee57 .22s ease-out 1 forwards;border:2px solid rgba(245,158,11,.75);border-radius:9999px;box-shadow:0 0 0 3px #f59e0b26;height:14px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:14px;z-index:25}@keyframes pipettePulse-2c93ee57{0%{opacity:.95;transform:translate(-50%,-50%) scale(.85)}to{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}.compact-value-scale[data-v-fa0769cf]{align-items:center;display:flex;flex-wrap:wrap;gap:6px;row-gap:10px}.value-square-compact[data-v-fa0769cf]{border:2px solid hsla(0,0%,100%,.2);border-radius:6px;cursor:pointer;flex-shrink:0;height:36px;position:relative;transition:all .2s ease;width:36px}.value-label[data-v-fa0769cf],.value-square-compact[data-v-fa0769cf]{align-items:center;display:flex;justify-content:center}.value-label[data-v-fa0769cf]{flex-direction:column;gap:0;text-shadow:0 1px 2px rgba(0,0,0,.8)}.value-number[data-v-fa0769cf]{color:#fff;font-size:11px;font-weight:700}.value-number[data-v-fa0769cf],.value-percent[data-v-fa0769cf]{filter:drop-shadow(0 1px 2px rgba(0,0,0,.9));line-height:1}.value-percent[data-v-fa0769cf]{color:#ffffffe6;font-size:8px;font-weight:600}.value-square-compact[data-v-fa0769cf]:hover{border-color:#fff6;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.value-square-compact.active[data-v-fa0769cf]{box-shadow:0 0 0 2px #f59e0b4d,0 4px 12px #f59e0b66}.value-square-compact.active[data-v-fa0769cf],.value-square-compact.highlighted[data-v-fa0769cf]{border-color:#f59e0b;border-width:3px;transform:translateY(-2px)}.value-square-compact.highlighted[data-v-fa0769cf]{animation:pulse-amber-fa0769cf 1s ease-in-out infinite;box-shadow:0 0 0 2px #f59e0b59,0 4px 16px #f59e0b8c}.value-square-compact.active.highlighted[data-v-fa0769cf]{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b59,0 0 0 4px #f59e0b2e,0 4px 16px #f59e0b99}@keyframes pulse-amber-fa0769cf{0%,to{box-shadow:0 0 0 2px #f59e0b59,0 4px 16px #f59e0b8c}50%{box-shadow:0 0 0 2px #f59e0b99,0 4px 20px #f59e0bbf}}@media (max-width:768px){.value-square-compact[data-v-fa0769cf]{height:44px;width:44px}.compact-value-scale[data-v-fa0769cf]{gap:8px;row-gap:10px}.value-number[data-v-fa0769cf]{font-size:12px}.value-percent[data-v-fa0769cf]{font-size:9px}}.zoom-controls[data-v-483a5431]{gap:6px}.control-btn[data-v-483a5431],.zoom-controls[data-v-483a5431]{align-items:center;display:flex}.control-btn[data-v-483a5431]{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;cursor:pointer;font-size:13px;justify-content:center;min-width:36px;padding:6px 10px;transition:all .2s ease}.control-btn[data-v-483a5431]:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.control-btn[data-v-483a5431]:active:not(:disabled){transform:translateY(0)}.control-btn[data-v-483a5431]:disabled{cursor:not-allowed;opacity:.4}.reset-btn[data-v-483a5431]{background:#f59e0b26;border-color:#f59e0b4d}.reset-btn[data-v-483a5431]:hover:not(:disabled){background:#f59e0b40;border-color:#f59e0b80}.zoom-display[data-v-483a5431]{background:#0006;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;cursor:text;font-size:12px;font-weight:600;min-width:65px;padding:6px 12px;text-align:center;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zoom-display[data-v-483a5431]:hover{background:#00000080;border-color:#ffffff4d}.zoom-input[data-v-483a5431]{background:#3b82f633;border:2px solid #3b82f6;border-radius:6px;color:#fff;font-size:12px;font-weight:600;min-width:65px;outline:none;padding:6px 12px;text-align:center;transition:all .2s ease}.zoom-input[data-v-483a5431]:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #3b82f64d}.zoom-display.error[data-v-483a5431],.zoom-input.error[data-v-483a5431]{animation:shake-483a5431 .3s ease;background:#ef444433;border-color:#ef4444}@keyframes shake-483a5431{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (max-width:768px){.control-btn[data-v-483a5431]{min-height:40px;min-width:40px;padding:10px}.zoom-display[data-v-483a5431]{align-items:center;display:flex;justify-content:center}.zoom-display[data-v-483a5431],.zoom-input[data-v-483a5431]{font-size:13px;min-height:40px;min-width:70px;padding:8px 6px}.zoom-input[data-v-483a5431]{text-align:center}.zoom-controls[data-v-483a5431]{gap:6px}}@media (max-width:380px){.control-btn[data-v-483a5431]{min-height:36px;min-width:36px;padding:8px}.zoom-display[data-v-483a5431],.zoom-input[data-v-483a5431]{font-size:12px;min-width:60px}.zoom-controls[data-v-483a5431]{gap:4px}}.fullscreen-overlay[data-v-ff34b73c]{background:#0a0a0a;display:flex;flex-direction:column;inset:0;position:fixed;z-index:9999}.fullscreen-header[data-v-ff34b73c]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000f2;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column;flex-shrink:0;gap:12px;padding:10px 16px}.title-bar[data-v-ff34b73c]{align-items:center;display:flex;gap:16px;justify-content:space-between}.header-title[data-v-ff34b73c]{color:#fff;font-size:15px;white-space:nowrap}.exit-btn[data-v-ff34b73c]{align-items:center;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.exit-btn[data-v-ff34b73c] .icon,.exit-btn[data-v-ff34b73c] svg{flex-shrink:0}.exit-btn[data-v-ff34b73c]:hover{background:#ef444440;border-color:#ef444480;transform:translateY(-1px)}.controls-row[data-v-ff34b73c],.value-scale-row[data-v-ff34b73c]{align-items:center;display:flex;flex-wrap:wrap;gap:8px;padding-bottom:8px;row-gap:10px}.separator[data-v-ff34b73c]{background:#fff3;height:24px;margin:0 4px;width:1px}.control-btn[data-v-ff34b73c]{align-items:center;background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;justify-content:center;min-width:36px;padding:7px 10px;transition:all .2s ease}.control-btn[data-v-ff34b73c] .icon,.control-btn[data-v-ff34b73c] svg{flex-shrink:0}.control-btn[data-v-ff34b73c]:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.control-btn[data-v-ff34b73c]:disabled{cursor:not-allowed;opacity:.4}.control-btn.active[data-v-ff34b73c]{background:#3b82f633;border-color:#3b82f6;color:#60a5fa}.reset-btn[data-v-ff34b73c]{background:#f59e0b26;border-color:#f59e0b4d}.reset-btn[data-v-ff34b73c]:hover:not(:disabled){background:#f59e0b40;border-color:#f59e0b80}.clear-btn[data-v-ff34b73c]{background:#ef444426;border-color:#ef44444d;color:#ef4444}.clear-btn[data-v-ff34b73c]:hover{background:#ef444440;border-color:#ef444480}.fullscreen-content[data-v-ff34b73c]{display:flex;flex:1;overflow:hidden;position:relative}.original-panel[data-v-ff34b73c]{background:#000000e6;border-right:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column;flex-shrink:0;max-width:35vw;width:400px}.original-header[data-v-ff34b73c]{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:12px 16px}.close-panel-btn[data-v-ff34b73c]{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#fff;cursor:pointer;padding:4px;transition:all .2s ease}.close-panel-btn[data-v-ff34b73c]:hover{background:#ffffff26}.original-image-wrapper[data-v-ff34b73c]{align-items:center;display:flex;flex:1;justify-content:center;overflow:auto;padding:16px}.original-image[data-v-ff34b73c]{border-radius:8px;height:auto;max-width:100%}.image-viewer-container[data-v-ff34b73c]{flex:1;flex-direction:column;overflow:hidden;padding:16px;position:relative}.image-viewer-container[data-v-ff34b73c],.processing-overlay[data-v-ff34b73c]{align-items:center;display:flex;justify-content:center}.processing-overlay[data-v-ff34b73c]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;inset:0;position:absolute;z-index:20}.slide-in-enter-active[data-v-ff34b73c],.slide-in-leave-active[data-v-ff34b73c]{transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-in-enter-from[data-v-ff34b73c],.slide-in-leave-to[data-v-ff34b73c]{opacity:0;transform:translate(-100%)}.fade-enter-active[data-v-ff34b73c],.fade-leave-active[data-v-ff34b73c]{transition:opacity .2s ease}.fade-enter-from[data-v-ff34b73c],.fade-leave-to[data-v-ff34b73c]{opacity:0}@media (max-width:768px){.fullscreen-header[data-v-ff34b73c]{gap:10px;padding:12px}.title-bar[data-v-ff34b73c]{gap:12px}.header-title[data-v-ff34b73c]{font-size:14px}.exit-btn[data-v-ff34b73c]{align-items:center;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:8px}.exit-btn[data-v-ff34b73c] .icon,.exit-btn[data-v-ff34b73c] svg{display:block;flex-shrink:0;height:24px!important;min-height:24px;min-width:24px;width:24px!important}.exit-btn span[data-v-ff34b73c]{display:none}.control-btn[data-v-ff34b73c]{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-height:44px;min-width:44px;padding:8px}.control-btn[data-v-ff34b73c] .icon,.control-btn[data-v-ff34b73c] svg{display:block;flex-shrink:0;height:24px!important;min-height:24px;min-width:24px;width:24px!important}.control-btn span[data-v-ff34b73c],.separator[data-v-ff34b73c]{display:none}.controls-row[data-v-ff34b73c],.value-scale-row[data-v-ff34b73c]{gap:8px;justify-content:flex-start;row-gap:10px}.original-panel[data-v-ff34b73c]{inset:auto 0 0;max-width:100%;position:absolute;width:100%;z-index:100}.image-viewer-container[data-v-ff34b73c]{padding:8px}}.sync-toggle[data-v-845575c2]{align-items:center;background-color:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:.375rem;color:#ffffffb3;cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem;transition:all .15s ease}.sync-toggle[data-v-845575c2]:hover{background-color:#ffffff26;color:#fff}.sync-toggle[data-v-845575c2]:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.sync-toggle.synced[data-v-845575c2]{background-color:#3b82f633;border-color:#3b82f666;color:#60a5fa}.sync-toggle.synced[data-v-845575c2]:hover{background-color:#3b82f64d;color:#93c5fd}.sr-only[data-v-845575c2]{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.popover-overlay[data-v-dbcaa01d]{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.popover-content[data-v-dbcaa01d]{background-color:#1f2937;border:1px solid hsla(0,0%,100%,.1);border-radius:.75rem;box-shadow:0 25px 50px -12px #00000080;max-height:calc(100vh - 4rem);max-width:320px;overflow-y:auto;width:calc(100% - 2rem)}.popover-header[data-v-dbcaa01d]{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:1rem}.popover-title[data-v-dbcaa01d]{color:#fff;font-size:1rem;font-weight:600;margin:0}.close-button[data-v-dbcaa01d]{align-items:center;background:transparent;border:none;border-radius:.375rem;color:#ffffff80;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .15s ease}.close-button[data-v-dbcaa01d]:hover{background-color:#ffffff1a;color:#fff}.popover-body[data-v-dbcaa01d]{padding:1rem}.preset-section[data-v-dbcaa01d]{margin-bottom:1rem}.preset-section[data-v-dbcaa01d]:last-child{margin-bottom:0}.section-title[data-v-dbcaa01d]{color:#ffffff80;font-size:.75rem;font-weight:500;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.quick-presets[data-v-dbcaa01d]{display:flex;flex-wrap:wrap;gap:.5rem}.quick-preset-button[data-v-dbcaa01d]{background-color:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem .75rem;transition:all .15s ease}.quick-preset-button[data-v-dbcaa01d]:hover{background-color:#3b82f633;border-color:#3b82f666}.master-presets[data-v-dbcaa01d]{display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.master-preset-button[data-v-dbcaa01d]{align-items:flex-start;background-color:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;color:#fff;cursor:pointer;display:flex;flex-direction:column;padding:.625rem .75rem;text-align:left;transition:all .15s ease}.master-preset-button[data-v-dbcaa01d]:hover{background-color:#3b82f633;border-color:#3b82f666}.preset-name[data-v-dbcaa01d]{font-size:.875rem;font-weight:500}.preset-levels[data-v-dbcaa01d]{color:#ffffff80;font-size:.75rem}.custom-button[data-v-dbcaa01d]{align-items:center;background-color:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;color:#fffc;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem;transition:all .15s ease;width:100%}.custom-button[data-v-dbcaa01d]:hover{background-color:#ffffff1a;color:#fff}.fade-enter-active[data-v-dbcaa01d],.fade-leave-active[data-v-dbcaa01d]{transition:opacity .15s ease}.fade-enter-from[data-v-dbcaa01d],.fade-leave-to[data-v-dbcaa01d]{opacity:0}.add-variation-container[data-v-f5681092]{display:block;position:relative;width:100%}.add-button[data-v-f5681092]{align-items:center;background-color:#ffffff0d;border:2px dashed hsla(0,0%,100%,.2);border-radius:.75rem;color:#fff9;cursor:pointer;display:flex;justify-content:center;padding:.75rem 1rem;transition:all .2s ease;width:100%}.add-button[data-v-f5681092]:hover:not(.disabled){background-color:#3b82f61a;border-color:#3b82f666;color:#60a5fa}.add-button[data-v-f5681092]:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.add-button.disabled[data-v-f5681092]{cursor:not-allowed;opacity:.4}.add-button-content[data-v-f5681092]{align-items:center;display:flex;flex-direction:row;gap:.5rem}.add-label[data-v-f5681092]{font-size:.875rem;font-weight:500}.header-button[data-v-594df818]{align-items:center;background:transparent;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;margin:-.25rem -.5rem;padding:.25rem .5rem;transition:background-color .15s ease}.header-button[data-v-594df818]:hover{background-color:#ffffff1a}.header-button[data-v-594df818]:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.edit-icon[data-v-594df818]{opacity:0;transition:opacity .15s ease}.header-button:hover .edit-icon[data-v-594df818]{opacity:.7}.download-button[data-v-594df818]{align-items:center;background-color:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:.375rem;color:#fbbf24;cursor:pointer;display:flex;justify-content:center;padding:.375rem;transition:all .15s ease}.download-button[data-v-594df818]:hover:not(:disabled){background-color:#f59e0b40;border-color:#f59e0b80}.download-button[data-v-594df818]:disabled{cursor:not-allowed;opacity:.4}.fullscreen-button[data-v-594df818]{align-items:center;background-color:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:.375rem;color:#a78bfa;cursor:pointer;display:flex;justify-content:center;padding:.375rem;transition:all .15s ease}.fullscreen-button[data-v-594df818]:hover:not(:disabled){background-color:#8b5cf640;border-color:#8b5cf680}.fullscreen-button[data-v-594df818]:disabled{cursor:not-allowed;opacity:.4}.remove-button[data-v-594df818]{align-items:center;background-color:#ef444433;border:none;border-radius:.375rem;color:#f87171;cursor:pointer;display:flex;justify-content:center;padding:.375rem;transition:all .15s ease}.remove-button[data-v-594df818]:hover{background-color:#ef44444d;color:#fca5a5}.remove-button.processing[data-v-594df818]{opacity:.5;pointer-events:none}.image-container[data-v-594df818]{background-color:#0000004d;overflow:hidden;position:relative}.image-container[data-v-594df818]:hover{border-color:#dd8e104d}.image-container[data-v-594df818]:focus-visible{border-color:#dd8e1080;box-shadow:0 0 0 2px #dd8e1033;outline:none}.processing-overlay[data-v-594df818]{align-items:center;background-color:#000000b3;display:flex;flex-direction:column;gap:.75rem;inset:0;justify-content:center;position:absolute;z-index:10}.spinner[data-v-594df818]{animation:spin-594df818 .8s linear infinite;border:3px solid hsla(0,0%,100%,.2);border-radius:50%;border-top-color:#3b82f6;height:2rem;width:2rem}@keyframes spin-594df818{to{transform:rotate(1turn)}}.processing-text[data-v-594df818]{color:#ffffffb3;font-size:.875rem}.error-state[data-v-594df818]{align-items:center;display:flex;flex-direction:column;gap:.5rem;inset:0;justify-content:center;padding:1rem;position:absolute}.error-text[data-v-594df818]{color:#f87171;font-size:.75rem;text-align:center}.placeholder[data-v-594df818]{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.fade-enter-active[data-v-594df818],.fade-leave-active[data-v-594df818]{transition:opacity .15s ease}.fade-enter-from[data-v-594df818],.fade-leave-to[data-v-594df818]{opacity:0}.fade-enter-active[data-v-408be596],.fade-leave-active[data-v-408be596]{transition:opacity .2s ease}.fade-enter-from[data-v-408be596],.fade-leave-to[data-v-408be596]{opacity:0}.control-btn[data-v-408be596]{align-items:center;background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;justify-content:center;min-width:36px;padding:6px 10px;transition:all .2s ease}.control-btn[data-v-408be596]:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.control-btn[data-v-408be596]:active:not(:disabled){transform:translateY(0)}.control-btn[data-v-408be596]:disabled{cursor:not-allowed;opacity:.4}.control-btn.active[data-v-408be596]{background:#3b82f633;border-color:#3b82f6;color:#60a5fa}.control-btn.active[data-v-408be596]:hover{background:#3b82f64d;border-color:#60a5fa}.reset-btn[data-v-408be596]{background:#f59e0b26;border-color:#f59e0b4d}.reset-btn[data-v-408be596]:hover:not(:disabled){background:#f59e0b40;border-color:#f59e0b80}.download-button[data-v-408be596]{align-items:center;background-color:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:.375rem;color:#fbbf24;cursor:pointer;display:flex;justify-content:center;padding:.375rem;transition:all .15s ease}.download-button[data-v-408be596]:hover:not(:disabled){background-color:#f59e0b40;border-color:#f59e0b80}.download-button[data-v-408be596]:disabled{cursor:not-allowed;opacity:.4}.fullscreen-button[data-v-408be596]{align-items:center;background-color:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:.375rem;color:#a78bfa;cursor:pointer;display:flex;justify-content:center;padding:.375rem;transition:all .15s ease}.fullscreen-button[data-v-408be596]:hover:not(:disabled){background-color:#8b5cf640;border-color:#8b5cf680}.fullscreen-button[data-v-408be596]:disabled{cursor:not-allowed;opacity:.4}@media (max-width:640px){.control-btn[data-v-408be596]{min-width:32px;padding:6px 8px}}.control-btn-sm[data-v-408be596]{font-size:12px;min-width:28px;padding:4px 8px}.image-card[data-v-408be596]{border-radius:.5rem;overflow:hidden}.processed-image-container.selectable[data-v-408be596]:hover{border-color:#dd8e104d}.processed-image-container.selectable[data-v-408be596]:focus-visible{border-color:#dd8e1080;box-shadow:0 0 0 2px #dd8e1033;outline:none}.modal-ad-wrapper[data-v-0ccb5d6f]{display:block;margin:20px auto;max-width:400px;min-width:300px;overflow-x:hidden;padding:16px;text-align:center;width:100%}@media (max-width:768px){.modal-ad-wrapper[data-v-0ccb5d6f]{margin:12px auto;max-width:100%;min-width:300px;padding:8px}}.modal-enter-active[data-v-caf6e7c6],.modal-leave-active[data-v-caf6e7c6]{transition:opacity .3s ease}.modal-enter-from[data-v-caf6e7c6],.modal-leave-to[data-v-caf6e7c6]{opacity:0}.modal-enter-active .bg-white[data-v-caf6e7c6],.modal-leave-active .bg-white[data-v-caf6e7c6]{transition:transform .3s ease}.modal-enter-from .bg-white[data-v-caf6e7c6],.modal-leave-to .bg-white[data-v-caf6e7c6]{transform:scale(.9)}.bg-white[data-v-caf6e7c6]{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@keyframes spin-caf6e7c6{to{transform:rotate(1turn)}}.animate-spin[data-v-caf6e7c6]{animation:spin-caf6e7c6 1s linear infinite}.modal-overlay[data-v-204ddd1c]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:50}.modal-content[data-v-204ddd1c]{background-color:#1f2937;border:1px solid hsla(0,0%,100%,.1);border-radius:1rem;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;max-height:calc(100vh - 4rem);max-width:420px;overflow:hidden;width:100%}.modal-header[data-v-204ddd1c]{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:1rem 1.25rem}.modal-title[data-v-204ddd1c]{color:#fff;font-size:1.125rem;font-weight:600;margin:0}.close-button[data-v-204ddd1c]{align-items:center;background:transparent;border:none;border-radius:.375rem;color:#ffffff80;cursor:pointer;display:flex;justify-content:center;padding:.375rem;transition:all .15s ease}.close-button[data-v-204ddd1c]:hover{background-color:#ffffff1a;color:#fff}.modal-body[data-v-204ddd1c]{flex:1;overflow-y:auto;padding:1.25rem}.modal-footer[data-v-204ddd1c]{border-top:1px solid hsla(0,0%,100%,.1);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem}.form-group[data-v-204ddd1c]{margin-bottom:1.25rem}.form-group[data-v-204ddd1c]:last-child{margin-bottom:0}.form-label[data-v-204ddd1c]{color:#fffc;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input[data-v-204ddd1c]{background-color:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;color:#fff;font-size:.875rem;outline:none;padding:.625rem .875rem;transition:border-color .15s ease;width:100%}.form-input[data-v-204ddd1c]:focus{border-color:#3b82f6}.form-slider[data-v-204ddd1c]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#ffffff1a;border-radius:9999px;cursor:pointer;height:.5rem;width:100%}.form-slider[data-v-204ddd1c]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#3b82f6;border-radius:50%;cursor:pointer;height:1.25rem;width:1.25rem}.slider-labels[data-v-204ddd1c]{color:#fff6;display:flex;font-size:.75rem;justify-content:space-between;margin-top:.25rem}.color-grid[data-v-204ddd1c]{display:grid;gap:.5rem;grid-template-columns:repeat(6,1fr)}.color-swatch[data-v-204ddd1c]{aspect-ratio:1;border:2px solid transparent;border-radius:.375rem;cursor:pointer;transition:all .15s ease}.color-swatch[data-v-204ddd1c]:hover{transform:scale(1.1)}.color-swatch.selected[data-v-204ddd1c]{border-color:#fff;box-shadow:0 0 0 2px #3b82f680}.button-group[data-v-204ddd1c]{display:flex;gap:.5rem}.option-button[data-v-204ddd1c]{background-color:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;color:#ffffffb3;cursor:pointer;flex:1;font-size:.875rem;font-weight:500;padding:.625rem .75rem;transition:all .15s ease}.option-button[data-v-204ddd1c]:hover{background-color:#ffffff1a}.option-button.selected[data-v-204ddd1c]{background-color:#3b82f633;border-color:#3b82f666;color:#60a5fa}.preset-grid[data-v-204ddd1c]{display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.preset-button[data-v-204ddd1c]{background-color:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:.375rem;color:#ffffffb3;cursor:pointer;font-size:.75rem;font-weight:500;padding:.5rem .75rem;transition:all .15s ease}.preset-button[data-v-204ddd1c]:hover{background-color:#ffffff1a;color:#fff}.btn[data-v-204ddd1c]{border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .15s ease}.btn-secondary[data-v-204ddd1c]{background-color:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);color:#fffc}.btn-secondary[data-v-204ddd1c]:hover{background-color:#ffffff1a}.btn-primary[data-v-204ddd1c]{background-color:#3b82f6;border:1px solid #3b82f6;color:#fff}.btn-primary[data-v-204ddd1c]:hover{background-color:#2563eb}.sr-only[data-v-204ddd1c]{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.modal-enter-active[data-v-204ddd1c],.modal-leave-active[data-v-204ddd1c]{transition:all .2s ease}.modal-enter-from[data-v-204ddd1c],.modal-leave-to[data-v-204ddd1c]{opacity:0}.modal-enter-from .modal-content[data-v-204ddd1c],.modal-leave-to .modal-content[data-v-204ddd1c]{transform:scale(.95)}