.optimizer-main{box-sizing:border-box;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.optimizer-workstation{color:#f3f4f6;background:#ffffff03;border:1px solid #ffffff0a;border-radius:20px;grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:12px;width:100%;height:calc(100vh - 170px);max-height:calc(100vh - 170px);margin-top:10px;font-family:Outfit,Inter,sans-serif;display:grid;overflow:hidden}@media (max-width:1024px){.optimizer-workstation{grid-template-rows:1fr auto;grid-template-columns:1fr;height:auto;max-height:none;overflow:auto}}.optimizer-workspace{background:radial-gradient(circle at 30% 20%,#0d1527 0%,#070a13 100%);flex-direction:column;height:100%;padding:1.5rem;display:flex;position:relative;overflow:hidden}@media (max-width:1024px){.optimizer-workspace{height:60vh;min-height:400px}}.optimizer-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.optimizer-title-group h1{background:linear-gradient(135deg,#10b981 0%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.5rem;margin:0;font-size:1.5rem;font-weight:800;display:flex}.optimizer-title-group p{color:#9ca3af;margin:.25rem 0 0;font-size:.85rem}.optimizer-quick-stats{align-items:center;gap:1rem;display:flex}.stat-pill{color:#10b981;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111827b3;border:1px solid #10b98133;border-radius:99px;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.8rem;font-weight:600;display:flex}.stat-pill.savings{color:#34d399;background:linear-gradient(135deg,#10b98133 0%,#06b6d433 100%);border:1px solid #10b981;box-shadow:0 0 10px #10b98133}.stat-pill.original{color:#9ca3af;border-color:#9ca3af4d}.optimizer-dropzone{cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#11182766;border:2px dashed #10b9814d;border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.optimizer-dropzone:hover{background:#10b9810d;border-color:#10b981;box-shadow:0 0 25px #10b9811a}.optimizer-dropzone:before{content:"";pointer-events:none;background:radial-gradient(circle,#06b6d40d 0%,#0000 70%);width:100%;height:100%;position:absolute;top:0;left:0}.dropzone-icon-container{color:#10b981;background:#10b9811a;border:1px solid #10b98133;border-radius:99px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;transition:all .3s;display:flex}.optimizer-dropzone:hover .dropzone-icon-container{color:#34d399;background:#10b98133;transform:scale(1.1);box-shadow:0 0 20px #10b9814d}.dropzone-title{letter-spacing:1px;color:#f3f4f6;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.dropzone-subtitle{color:#9ca3af;margin-bottom:1.5rem;font-size:.9rem}.dropzone-badge{color:#06b6d4;letter-spacing:.5px;background:#06b6d426;border:1px solid #06b6d44d;border-radius:99px;padding:.35rem .75rem;font-size:.75rem;font-weight:700}.optimizer-preview-board{background-color:#07090e;border:1px solid #ffffff0d;border-radius:16px;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0009}.optimizer-preview-container{cursor:grab;background-image:linear-gradient(45deg,#161a24 25%,#0000 25%),linear-gradient(-45deg,#161a24 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#161a24 75%),linear-gradient(-45deg,#0000 75%,#161a24 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;width:100%;height:100%;position:relative;overflow:hidden}.optimizer-preview-container:active{cursor:grabbing}.pane-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.original-pane{z-index:1}.compressed-pane{z-index:2}.zoom-content{transform-origin:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:transform 50ms linear;display:flex}.preview-img{object-fit:contain;max-width:90%;max-height:90%;box-shadow:0 15px 50px #000c}.preview-label{letter-spacing:.5px;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#0b0f19d9;border:1px solid #ffffff1a;border-radius:6px;padding:.35rem .75rem;font-size:.75rem;font-weight:700;position:absolute;bottom:1rem}.preview-label.left{color:#9ca3af;border-left:3px solid #6b7280;left:1rem}.preview-label.right{color:#34d399;border-right:3px solid #10b981;right:1rem}.preview-slider-line{z-index:20;cursor:ew-resize;pointer-events:auto;background:linear-gradient(#10b981,#06b6d4);width:2px;position:absolute;top:0;bottom:0}.preview-slider-grip{color:#10b981;cursor:ew-resize;background:#0b0f19;border:2px solid #10b981;border-radius:99px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px #10b98166,inset 0 0 10px #10b98133}.preview-slider-grip:hover{color:#06b6d4;border-color:#06b6d4;transform:translate(-50%,-50%)scale(1.1);box-shadow:0 0 20px #06b6d499}.grip-arrows{justify-content:space-between;width:18px;display:flex}.floating-zoom-controls{z-index:30;gap:.5rem;display:flex;position:absolute;top:1rem;left:1rem}.zoom-btn{color:#9ca3af;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111827d9;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.zoom-btn:hover{color:#10b981;background:#111827;border-color:#10b981}.zoom-text{color:#f3f4f6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111827d9;border:1px solid #ffffff1a;border-radius:8px;align-items:center;padding:0 .75rem;font-size:.75rem;font-weight:700;display:flex}.optimizer-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111827e6;border-left:1px solid #ffffff0d;flex-direction:column;height:100%;display:flex}.sidebar-scrollable{flex:1;padding:1.5rem;overflow-y:auto}.settings-section{background:#ffffff05;border:1px solid #ffffff0a;border-radius:14px;margin-bottom:1.25rem;padding:1.25rem}.settings-section h3{letter-spacing:.5px;color:#f3f4f6;text-transform:uppercase;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.9rem;font-weight:700;display:flex}.format-button-group{grid-template-columns:repeat(4,1fr);gap:.35rem;display:grid}.format-btn{color:#9ca3af;cursor:pointer;text-transform:uppercase;background:#151d30;border:1px solid #ffffff0f;border-radius:8px;padding:.5rem 0;font-size:.75rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.format-btn:hover{color:#f3f4f6;border-color:#10b98166}.format-btn.active{color:#fff;background:linear-gradient(135deg,#059669 0%,#0891b2 100%);border-color:#10b981;box-shadow:0 0 12px #10b9814d}.slider-control-group{margin-bottom:1.25rem}.slider-control-group:last-child{margin-bottom:0}.slider-label-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.slider-label-row span:first-child{color:#9ca3af;font-size:.8rem;font-weight:600}.slider-value{color:#10b981;background:#10b9811a;border-radius:4px;padding:.1rem .4rem;font-size:.85rem;font-weight:700}.optimizer-range{-webkit-appearance:none;cursor:pointer;background:#1a2236;border-radius:3px;outline:none;width:100%;height:6px}.optimizer-range::-webkit-slider-thumb{-webkit-appearance:none;background:#10b981;border-radius:99px;width:16px;height:16px;transition:all .15s;box-shadow:0 0 8px #10b98199}.optimizer-range::-webkit-slider-thumb:hover{background:#34d399;transform:scale(1.2)}.switch-control-group{justify-content:space-between;align-items:center;padding:.25rem 0;display:flex}.switch-label-col{flex-direction:column;display:flex}.switch-label-col span:first-child{color:#f3f4f6;font-size:.85rem;font-weight:700}.switch-label-col span:last-child{color:#9ca3af;margin-top:.15rem;font-size:.75rem}.switch-input-container{width:44px;height:24px;display:inline-block;position:relative}.switch-input-container input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:#1a2236;border:1px solid #ffffff0d;border-radius:24px;transition:all .3s;position:absolute;inset:0}.switch-slider:before{content:"";background-color:#9ca3af;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.switch-slider{background-color:#10b98133;border-color:#10b98180}input:checked+.switch-slider:before{background-color:#10b981;transform:translate(20px);box-shadow:0 0 8px #10b98180}.optimizer-actions-board{background:#0b0f1980;border-top:1px solid #ffffff0d;padding:1.5rem}.optimizer-error-bar{color:#f87171;word-break:break-word;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;margin-bottom:1rem;padding:.75rem;font-size:.8rem;line-height:1.4}.optimizer-metadata-notice{color:#9ca3af;text-align:center;background:#ffffff03;border:1px solid #ffffff08;border-radius:6px;margin-top:.75rem;padding:.5rem;font-size:.7rem;line-height:1.4}.download-action-btn{color:#fff;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #10b981;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.9rem;font-size:.95rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px #10b9814d}.download-action-btn:hover:not(:disabled){background:linear-gradient(135deg,#34d399 0%,#10b981 100%);transform:translateY(-2px);box-shadow:0 6px 25px #10b98180}.download-action-btn:active:not(:disabled){transform:translateY(0)}.download-action-btn:disabled{color:#4b5563;cursor:not-allowed;box-shadow:none;background:#1a2236;border-color:#ffffff0d}.reset-file-btn{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.reset-file-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:0 0 10px #ef444466}.spinner-pulse{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spinner-rotate}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.info-desc{color:#6b7280;margin-top:.35rem;font-size:.75rem;line-height:1.3}