body,html{height:100%}body{margin:0}#root{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}input,textarea{cursor:text!important;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}*{scroll-behavior:smooth}::selection{background:#3b82f64d;color:#fff}::-moz-selection{background:#3b82f64d;color:#fff}button{cursor:pointer}button,input,select,textarea{background:none;border:none;outline:none}input,select,textarea{color:inherit;font-family:inherit}ol,ul{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:none}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;height:auto;max-width:100%;pointer-events:none}button,input[type=checkbox],input[type=radio],select{pointer-events:auto}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #3b82f6cc;outline-offset:2px}*{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar-corner{background:#0000}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.app{min-height:100vh;position:relative;width:100%}.app-background{background:linear-gradient(135deg,#000,#1a1a2e 50%,#16213e);height:100%;left:0;position:fixed;top:0;width:100%;z-index:-2}.gradient-orb{border-radius:50%;opacity:.1;position:absolute}.orb-1{background:linear-gradient(135deg,#2563eb,#3b82f6);height:300px;right:-150px;top:-150px;width:300px}.orb-2{background:linear-gradient(135deg,#1e40af,#2563eb);bottom:-100px;height:200px;left:-100px;width:200px}.app-container{display:flex;flex-direction:column;gap:20px;min-height:100vh;padding:20px;position:relative;z-index:1}.glass-card{background:#ffffff0f;box-shadow:0 2px 8px #00000026}.glass-card,.glass-card-dark{border:1px solid #ffffff1a;border-radius:16px}.glass-card-dark{background:#0000004d;box-shadow:0 2px 8px #0003}.glass-button{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #3b82f64d;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:0;justify-content:center;padding:12px 24px;transition:background .1s ease-out}.glass-button:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af)}.glass-button:active:not(:disabled){box-shadow:0 4px 12px #2563eb4d,inset 0 1px 0 #ffffff1a;transform:translateY(0)}.glass-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.glass-button-secondary{background:linear-gradient(135deg,#4b5563cc,#374151cc);border:1px solid #6b72804d}.glass-button-secondary:hover:not(:disabled){background:linear-gradient(135deg,#374151e6,#1f2937e6)}.glass-button-accent{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b9814d}.glass-button-accent:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.glass-button-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid #f59e0b4d}.glass-button-warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309)}.glass-input{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:text;font-size:14px;padding:8px 12px;pointer-events:auto!important;position:relative;transition:border-color .15s ease;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;z-index:1000}.glass-input:focus{border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f633;outline:none}.glass-input::placeholder{color:#ffffff80}.glass-select{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;pointer-events:auto!important;position:relative;transition:border-color .15s ease;z-index:10}.glass-select option{background:#2a2a2a;color:#fff;padding:8px 12px}.glass-select:focus{border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f633;outline:none}.glass-slider{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;height:6px;outline:none;transition:all .3s ease}.glass-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 8px #3b82f666;cursor:pointer;height:18px;width:18px}.glass-slider::-moz-range-thumb{background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 8px #3b82f666;cursor:pointer;height:18px;width:18px}.glass-radio{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .3s ease}.glass-radio:hover{background:#ffffff0d}.glass-radio input[type=radio]{-webkit-appearance:none;appearance:none;border:2px solid #ffffff4d;border-radius:50%;cursor:pointer;height:16px;position:relative;width:16px}.glass-radio input[type=radio]:checked{border-color:#3b82f6}.glass-radio input[type=radio]:checked:after{background:#3b82f6;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.glass-checkbox{align-items:center;cursor:pointer;display:flex;gap:8px}.glass-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid #ffffff4d;border-radius:4px;cursor:pointer;height:18px;position:relative;transition:all .3s ease;width:18px}.glass-checkbox input[type=checkbox]:checked{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6}.glass-checkbox input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-container{z-index:500}.progress-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:3px;height:6px}.progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:3px;transition:width .3s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.app-container{gap:15px;padding:15px}.glass-button{font-size:13px;padding:10px 20px}.orb-1{height:300px;width:300px}.orb-2{height:250px;width:250px}.orb-3{height:200px;width:200px}}.fade-in{animation:fadeIn .5s ease-in-out}.slide-up{animation:slideUp .3s ease-out}.header{animation:slideUp .6s ease-out;padding:24px}.header-content{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:1fr auto 1fr;margin:0 auto;max-width:1200px}.logo-section{display:flex;flex-direction:column;gap:4px}.logo{gap:12px}.logo,.logo-icon{align-items:center;display:flex}.logo-icon{justify-content:center}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;margin:0}.version-number{align-self:center;color:#fff6;font-size:12px;font-weight:400;margin-left:8px}.logo-subtitle{color:#fff9;font-size:14px;margin:0;padding-left:44px}.header-actions-center{align-items:center;display:flex;gap:12px;justify-content:center}.header-actions-right{align-items:center;display:flex;justify-content:flex-end}.icon-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff9;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.icon-button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.icon-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.icon-button-inactive{border-color:#fff3}.icon-button-active,.icon-button-inactive:hover:not(:disabled){background:#10b9811a;border-color:#10b9814d;color:#10b981}.icon-button-active:hover:not(:disabled){background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}@media (max-width:768px){.header{padding:20px}.header-content{gap:20px;grid-template-columns:1fr;text-align:center}.logo-subtitle{padding-left:0}.header-actions-center,.header-actions-right{justify-content:center;width:100%}.glass-button{flex:1 1;max-width:150px}}@media (max-width:480px){.header-actions-center,.header-actions-right{flex-direction:column;width:100%}.glass-button{max-width:none;width:100%}}.image-thumbnail{animation:fadeIn .4s ease-out 0s both;animation:fadeIn .4s ease-out calc(var(--index, 0)*.05s) both;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;cursor:pointer;overflow:hidden;padding:12px;position:relative;transition:all .3s ease}.image-thumbnail.selected{background:#ffffff0a;border-color:#3b82f699}.image-thumbnail.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.thumbnail-header{align-items:center;display:flex;height:20px;justify-content:space-between;margin-bottom:8px}.thumbnail-image-container{align-items:center;aspect-ratio:1;background:#0000004d;border-radius:8px;display:flex;justify-content:center;margin-bottom:12px;overflow:hidden;position:relative}.thumbnail-image{filter:grayscale(100%) brightness(.4);height:100%;object-fit:cover;transition:all .3s ease;width:100%}.image-thumbnail.selected .thumbnail-image{filter:none}.thumbnail-error,.thumbnail-loading{align-items:center;color:#fff9;display:flex;flex-direction:column;font-size:12px;gap:8px;justify-content:center;padding:20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #fff3;border-radius:50%;border-top-color:#3b82f6;height:20px;width:20px}.error-icon{font-size:24px}.thumbnail-info{display:flex;flex-direction:column;gap:6px}.thumbnail-filename{color:#fff6;font-size:13px;font-weight:500;line-height:1.2;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}.thumbnail-details{display:flex;flex-direction:column;gap:4px}.detail-item{color:#ffffff4d;font-size:11px;font-weight:400;line-height:1;transition:color .3s ease}.image-thumbnail.selected .thumbnail-filename{color:#fff}.image-thumbnail.selected .detail-item{color:#ffffffb3}.format-badge{background:#3b82f626;border-radius:4px;color:#60a5fa66;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.image-thumbnail.selected .format-badge{background:#3b82f633;color:#60a5fa}@media (max-width:900px){.image-thumbnail{padding:10px}.thumbnail-filename{font-size:12px}.detail-item{font-size:10px}.format-badge{font-size:9px;padding:1px 4px}}@media (max-width:600px){.image-thumbnail{padding:8px}.thumbnail-info{gap:4px}.thumbnail-details{gap:2px}.selection-checkmark{font-size:14px;height:28px;width:28px}}.image-thumbnail:not(.disabled):not(.selected):hover{background:#ffffff0d}.image-thumbnail:not(.disabled):active{transform:translateY(-2px)}.image-thumbnail:focus{outline:2px solid #3b82f680;outline-offset:2px}@keyframes thumbnailLoad{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.thumbnail-image{animation:thumbnailLoad .3s ease-out}.image-grid{animation:slideUp .6s ease-out .2s both;display:flex;flex:1 1;flex-direction:column;min-height:400px;padding:24px;position:relative;transition:all .3s ease}.image-grid.dragging{background:#3b82f61a;border:2px dashed #3b82f680}.image-grid.dragging .empty-state-icon svg path{stroke:#3b82f6cc}.image-grid.dragging .empty-state-description,.image-grid.dragging .empty-state-title{color:#ffffffe6}.grid-header{border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:16px}.grid-title{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.grid-title:before{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:2px;content:"";height:20px;width:4px}.image-grid-container{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(4,1fr);grid-template-columns:repeat(var(--columns,4),1fr);overflow-y:auto;padding-right:8px}.empty-state{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-state-icon{animation:float 3s ease-in-out infinite;margin-bottom:16px;opacity:.6}.empty-state-title{color:#fffc;font-size:20px;font-weight:600;margin:0 0 8px}.empty-state-description{color:#ffffff80;font-size:14px;line-height:1.5;margin:0;max-width:300px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1400px){.image-grid-container{grid-template-columns:repeat(5,1fr)}}@media (max-width:1200px){.image-grid{padding:20px}.image-grid-container{gap:14px;grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.image-grid-container{gap:12px;grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.image-grid{padding:16px}.image-grid-container{gap:10px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.empty-state{padding:30px 15px}.empty-state-title{font-size:18px}.empty-state-description{font-size:13px}}.image-grid-container::-webkit-scrollbar{width:6px}.image-grid-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.image-grid-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.image-grid-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.image-grid-container>*{animation:fadeIn .4s ease-out;animation-fill-mode:both}.image-grid-container>:first-child{animation-delay:.05s}.image-grid-container>:nth-child(2){animation-delay:.1s}.image-grid-container>:nth-child(3){animation-delay:.15s}.image-grid-container>:nth-child(4){animation-delay:.2s}.image-grid-container>:nth-child(5){animation-delay:.25s}.image-grid-container>:nth-child(6){animation-delay:.3s}.image-grid-container>:nth-child(n+7){animation-delay:0s}.controls{animation:slideUp .6s ease-out .1s both;padding:24px;position:relative;z-index:100}.controls-content{display:flex;flex-direction:column;gap:18px;margin:0 auto;max-width:1200px}.section-title{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.section-title:before{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:2px;content:"";height:20px;width:4px}.settings-section{display:flex;flex-direction:column;gap:16px}.settings-row-horizontal{grid-gap:20px;grid-row-gap:24px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr;row-gap:24px}.setting-group,.setting-group-horizontal{display:flex;flex-direction:column;gap:8px}.setting-group-horizontal{align-items:flex-start}.setting-label{color:#ffffffe6;font-size:14px;font-weight:500;margin:0}.input-with-unit{position:relative;z-index:10}.input-with-tooltip,.input-with-unit{align-items:center;display:flex;gap:8px}.input-with-tooltip{width:100%}.setting-group-horizontal .glass-input{max-width:140px;width:100%}.input-disabled{background:#64748b1a!important;color:#94a3b8cc!important;cursor:not-allowed!important;opacity:.5}.long-edge-container{display:flex;flex-direction:column;gap:12px}.upscale-checkbox-container{align-items:center;display:flex;gap:8px}.upscale-checkbox{align-items:center;color:#fffc;cursor:pointer;display:flex;font-size:13px;gap:6px;transition:color .2s ease}.upscale-checkbox:hover{color:#fff}.upscale-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:3px;cursor:pointer;height:16px;position:relative;transition:all .2s ease;width:16px}.upscale-checkbox input[type=checkbox]:checked{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6}.upscale-checkbox input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.info-tooltip{display:inline-flex;position:relative}.info-icon{align-items:center;background:#fff3;border-radius:50%;color:#ffffffb3;cursor:help;display:flex;font-size:11px;height:16px;justify-content:center;transition:all .2s ease;width:16px}.info-icon:hover{background:#3b82f64d;color:#fff}.tooltip-content{background:#111827fa;border:1px solid #fff3;border-radius:8px;bottom:100%;box-shadow:0 4px 20px #00000080;color:#ffffffe6;font-size:13px;left:50%;line-height:1.4;opacity:0;padding:12px 16px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-8px);transition:all .2s ease;visibility:hidden;white-space:normal;width:280px;z-index:1000}.info-tooltip:hover .tooltip-content{opacity:1;transform:translateX(-50%) translateY(-12px);visibility:visible}.filename-prefix-group{margin-top:16px}.filename-prefix-group,.quality-group{display:flex;flex-direction:column;gap:8px}.quality-group{margin-top:20px}.setting-group-horizontal .glass-slider{margin-top:15px;max-width:200px;width:100%}.format-options{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:4px}.format-options-horizontal{align-items:center;display:flex;flex-direction:row;gap:8px}.format-pill{align-items:center;background:#ffffff0d;border:1px solid #fff3;border-radius:20px;color:#fffc;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;min-width:60px;overflow:hidden;padding:8px 16px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.format-pill:hover:not(.format-pill-disabled){background:#ffffff1a;border-color:#ffffff4d;color:#fffffff2}.format-pill-active{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#3b82f680;color:#fff}.format-pill-active:hover:not(.format-pill-disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);border-color:#3b82f6b3}.format-pill-disabled{cursor:not-allowed;opacity:.5}.format-pill-disabled:hover{background:#ffffff0d;border-color:#fff3;color:#fffc}.format-radio-hidden{border:0;height:0;margin:0;opacity:0;padding:0;position:absolute;width:0}.glass-radio-small{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 8px;transition:all .1s ease;white-space:nowrap}.glass-radio-small:hover{background:#ffffff0d}.glass-radio-small input[type=radio]{-webkit-appearance:none;appearance:none;border:2px solid #ffffff4d;border-radius:50%;cursor:pointer;height:14px;position:relative;width:14px}.glass-radio-small input[type=radio]:checked{border-color:#3b82f6}.glass-radio-small input[type=radio]:checked:after{background:#3b82f6;border-radius:50%;content:"";height:7px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:7px}.glass-button-disabled:hover:after{background:#111827f2;border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#ffffffe6;content:attr(title);font-size:14px;line-height:1.4;margin-bottom:8px;max-width:400px;min-width:300px;padding:12px 16px;white-space:normal;z-index:1000}.glass-button-disabled:hover:after,.glass-button-disabled:hover:before{bottom:100%;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%)}.glass-button-disabled:hover:before{border:6px solid #0000;border-top-color:#111827f2;content:"";margin-bottom:2px;z-index:1001}.management-section{border-top:1px solid #ffffff1a;padding-top:16px}.management-row{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.sort-group{min-width:150px}.selection-info,.sort-group{display:flex;flex-direction:column;gap:8px}.selection-info{align-items:center;text-align:center}.selection-count{color:#fffc;font-size:14px;font-weight:500}.selection-actions{display:flex;gap:8px}.process-actions{display:flex;gap:12px}.glass-button.small{font-size:12px;padding:6px 12px}.button-icon{align-items:center;display:inline-flex;font-size:16px;margin-right:8px;vertical-align:middle}.csv-download-button .button-icon{color:#10b981}@media (max-width:1024px){.settings-row{gap:16px;grid-template-columns:repeat(2,1fr)}.management-row{align-items:stretch;flex-direction:column;gap:16px}.selection-info{align-items:center;flex-direction:row;justify-content:space-between;order:-1}.process-actions{justify-content:center}}@media (max-width:768px){.controls{padding:20px}.settings-row{gap:16px;grid-template-columns:1fr}.format-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.management-row{gap:16px}.selection-info{flex-direction:column;gap:12px;text-align:center}.selection-actions{justify-content:center}.process-actions{flex-direction:column;width:100%}.process-actions .glass-button{flex:1 1}}@media (max-width:480px){.controls-content{gap:20px}.format-options{grid-template-columns:1fr}.selection-actions{width:100%}.selection-actions .glass-button{flex:1 1}}.setting-group{transition:all .3s ease}.glass-input:focus,.glass-select:focus,.setting-group:focus-within{transform:translateY(-1px)}.glass-slider::-webkit-slider-track{background:linear-gradient(90deg,#3b82f666 0,#3b82f666 50%,#ffffff1a 0,#ffffff1a);background:linear-gradient(to right,#3b82f666 0,#3b82f666 var(--value,50%),#ffffff1a var(--value,50%),#ffffff1a 100%)}.glass-button-green{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #22c55e80;color:#fff;font-weight:600}.glass-button-green:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);border-color:#22c55eb3;box-shadow:0 8px 25px #22c55e4d;color:#fff;transform:translateY(-2px)}.csv-download-button{animation:csvButtonFadeIn .5s ease-out forwards,csvButtonPulse 2s ease-in-out .6s;opacity:0;transform:translateY(10px) scale(.95)}@keyframes csvButtonFadeIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes csvButtonPulse{0%,to{box-shadow:0 4px 12px #0000001a}50%{box-shadow:0 8px 25px #22c55e40}}.glass-button-disabled{border:1px solid #64748b66;cursor:not-allowed;opacity:.6;position:relative}.glass-button-disabled,.glass-button-disabled:hover{background:linear-gradient(135deg,#64748b33,#47556933);color:#94a3b8b3}.glass-button-disabled:hover{border-color:#64748b66;box-shadow:none;transform:none}.glass-button[title]{position:relative}.glass-button[title]:hover:after{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111827f2;border:1px solid #3b82f64d;border-radius:6px;bottom:calc(100% + 10px);box-shadow:0 4px 12px #0000004d;color:#ffffffe6;content:attr(title);font-size:12px;font-weight:400;max-width:250px;padding:8px 16px;pointer-events:none;text-align:center;white-space:normal;z-index:1000}.glass-button[title]:hover:after,.glass-button[title]:hover:before{animation:tooltipFadeIn .2s ease-out forwards;left:50%;opacity:0;position:absolute;transform:translateX(-50%)}.glass-button[title]:hover:before{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #3b82f64d;bottom:calc(100% + 5px);content:"";height:0;width:0;z-index:1001}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.ai-crop-section{background:#3b82f605;border:1px solid #3b82f633;border-radius:12px;grid-column:span 2;margin:16px 0;padding:20px}.crop-controls{display:flex;flex-direction:column;gap:16px;width:100%}.crop-preset-row{width:100%}.crop-preset-select{max-width:300px;width:100%}.crop-dimensions-row{align-items:flex-end;display:flex;gap:12px}.crop-input-group{display:flex;flex:1 1;flex-direction:column;gap:6px}.crop-input-label{color:#ffffffb3;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.crop-input{max-width:120px;width:100%}.crop-separator{color:#ffffff80;font-size:20px;margin-bottom:8px;-webkit-user-select:none;user-select:none}.ai-fill-checkbox-container{align-items:center;display:flex;gap:8px;margin-top:4px}.ai-fill-checkbox{align-items:center;color:#fffc;cursor:pointer;display:flex;font-size:13px;gap:6px;transition:color .2s ease}.ai-fill-checkbox:hover{color:#fff}.ai-fill-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:3px;cursor:pointer;height:16px;position:relative;transition:all .2s ease;width:16px}.ai-fill-checkbox input[type=checkbox]:checked{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6}.ai-fill-checkbox input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ai-fill-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.progress-container{animation:slideUp .3s ease-out;bottom:20px;left:20px;position:fixed;right:20px;z-index:1000}.progress-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#111827fa!important;border:1px solid #3b82f64d;border-radius:12px;box-shadow:0 8px 32px #0006;margin:0 auto;max-width:600px;padding:20px}.progress-content{display:flex;flex-direction:column;gap:12px}.progress-info{align-items:center;display:flex;justify-content:space-between}.progress-label{color:#fff;font-size:14px;font-weight:600}.progress-percentage{font-feature-settings:"tnum";color:#60a5fa;font-size:14px;font-variant-numeric:tabular-nums;font-weight:700}.progress-bar-wrapper{position:relative}.progress-bar{background:#ffffff1a;height:8px;overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:4px;position:relative}.progress-fill{animation:gradientShift 2s ease-in-out infinite;background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8);background-size:200% 100%;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.progress-fill:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes shimmer{0%{opacity:0;transform:translateX(-100%)}50%{opacity:1}to{opacity:0;transform:translateX(100%)}}.progress-status{align-items:center;color:#ffffffb3;display:flex;font-size:12px;font-weight:500;justify-content:center;min-height:16px;text-align:center}.progress-status span{animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:.7}50%{opacity:1}}@media (max-width:768px){.progress-container{bottom:15px;left:15px;right:15px}.progress-card{padding:16px}.progress-content{gap:10px}.progress-label,.progress-percentage{font-size:13px}.progress-bar{height:6px}.progress-status{font-size:11px}}@media (max-width:480px){.progress-container{bottom:10px;left:10px;right:10px}.progress-card{padding:14px}}.progress-fill[style*="100%"]{animation:completePulse .6s ease-in-out;background:linear-gradient(90deg,#10b981,#059669,#047857)}@keyframes completePulse{0%{box-shadow:0 0 0 0 #10b981b3}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}.dialog-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dialog-container{animation:slideUp .3s ease-out;background:#141414f2!important;border:1px solid #fff3!important;max-width:480px;padding:24px;width:90%}.dialog-header{margin-bottom:20px}.dialog-title{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:700;justify-content:space-between;margin:0;width:100%}.dialog-content{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.warning-icon{font-size:24px;margin-left:auto}.dialog-message{color:#ffffffe6;font-size:14px;line-height:1.5;margin:0;text-align:center}.reset-list{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;list-style:none;margin:0;padding:16px}.reset-list li{color:#fffc;font-size:13px;line-height:1.6;margin-bottom:6px}.reset-list li:last-child{margin-bottom:0}.dialog-warning{color:#f59e0b;font-size:13px;font-weight:600;margin:0;text-align:center}.dialog-actions{justify-content:flex-end}.dialog-confirm-button{background:linear-gradient(135deg,#dc2626,#b91c1c)!important}.dialog-confirm-button:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b)!important}@media (max-width:600px){.dialog-container{padding:20px;width:95%}.dialog-actions{flex-direction:column}.dialog-actions .glass-button{width:100%}}.success-dialog{max-width:500px;min-width:400px}.success-icon{font-size:24px;margin-left:8px}.success-message{font-size:16px;line-height:1.5;margin:0;text-align:center}.dialog-actions{display:flex;gap:12px;justify-content:center}.dialog-actions .glass-button{min-width:120px}.dialog-actions .glass-button-secondary{background:linear-gradient(135deg,#4b5563cc,#374151cc);border:1px solid #6b72804d}.dialog-actions .glass-button-secondary:hover:not(:disabled){background:linear-gradient(135deg,#374151e6,#1f2937e6)}.license-dialog-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.license-dialog{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111827f2!important;max-width:500px;padding:32px;position:relative;width:90%}.license-dialog-header{margin-bottom:32px;text-align:center}.license-dialog-header h2{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px}.license-dialog-header p{color:#ffffffb3;font-size:14px;margin:0}.license-dialog-content{display:flex;flex-direction:column;gap:20px}.license-input-group{display:flex;flex-direction:column;gap:8px}.license-input-group label{color:#ffffffe6;font-size:14px;font-weight:500}.license-token-input{font-family:Courier New,monospace;font-size:14px;letter-spacing:1px;padding:12px 16px;text-align:center;text-transform:uppercase}.license-input-group input[type=email]{text-align:center}.license-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#fca5a5;display:flex;font-size:14px;gap:8px;padding:12px 16px}.error-icon{flex-shrink:0}.license-help{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:16px;text-align:center}.license-help p{color:#fffc;font-size:14px;margin:0 0 8px}.license-help p:last-child{margin-bottom:0}.purchase-link{color:#3b82f6;font-weight:500;margin-left:8px;text-decoration:none;transition:color .2s ease}.purchase-link:hover{color:#60a5fa;text-decoration:underline}.help-text{color:#fff9!important;font-size:12px!important}.license-dialog-actions{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:20px}.license-dialog-actions .glass-button{min-width:120px}.spinner{animation:spin 1s linear infinite;display:inline-block;margin-right:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:600px){.license-dialog{padding:24px;width:95%}.license-dialog-actions{flex-direction:column}.license-dialog-actions .glass-button{width:100%}}
/*# sourceMappingURL=main.0124f167.css.map*/