.magnet-media-optimizer-wrap .magnet-media-optimizer-status{font-size:14px;margin-top:10px}.magnet-media-optimizer-stats{display:-ms-grid;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.magnet-media-optimizer-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:20px;text-align:center}.magnet-media-optimizer-stat-card h3{color:#000;font-size:2em;margin:0 0 8px}.magnet-media-optimizer-stat-card p{color:#64748b;font-weight:500;margin:0}.magnet-media-optimizer-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:30px 0;padding:20px}.magnet-media-optimizer-section h2{color:#1e293b;margin-top:0}.magnet-media-optimizer-page-stats{background:linear-gradient(145deg,#fff,#fafbfc);border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-wrap:wrap;gap:32px;margin:20px 0;padding:20px 24px;position:relative}.magnet-media-optimizer-stat{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);font-size:14px;min-width:150px;overflow:hidden;padding:12px 16px;position:relative;text-align:center}.magnet-media-optimizer-stat strong{color:#353535;display:block;font-size:16px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.magnet-media-optimizer-stat-good{color:#059669;font-size:16px;font-weight:700;text-shadow:0 1px 2px rgba(5,150,105,.1)}.magnet-media-optimizer-stat-bad{color:#dc2626;font-size:16px;font-weight:700;text-shadow:0 1px 2px rgba(220,38,38,.1)}.magnet-media-optimizer-controls{align-items:center;background:#fff;border-radius:20px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:20px 0;padding:20px}.magnet-media-optimizer-search{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.magnet-media-optimizer-search input[type=search]{min-width:200px;width:260px}.magnet-media-optimizer-search select{min-width:120px}.magnet-media-optimizer-bulk-actions{align-items:center;display:flex;gap:8px}.magnet-media-optimizer-progress{background:#f1f5f9;border-radius:8px;margin:20px 0;padding:16px}.magnet-media-optimizer-progress-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.magnet-media-optimizer-progress-fill{background:#2271b1;height:100%;transition:width .3s ease;width:0}.magnet-media-optimizer-progress-text{color:#374151;font-weight:600;text-align:center}.magnet-media-optimizer-btn,.magnet-media-optimizer-grid-btn,.magnet-media-optimizer-single-btn{background:#047857;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.magnet-media-optimizer-btn:hover,.magnet-media-optimizer-grid-btn:hover,.magnet-media-optimizer-single-btn:hover{background:#059669}.magnet-media-optimizer-danger{background:#d63638!important;color:#fff!important}.magnet-media-optimizer-grid-btn{font-size:11px;padding:3px 6px;position:absolute;right:6px;top:6px}.magnet-media-optimizer-results{margin-top:20px}.magnet-media-optimizer-no-results{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;color:#64748b;padding:40px;text-align:center}.magnet-media-optimizer-grid{display:-ms-grid;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.magnet-media-optimizer-card{background:linear-gradient(145deg,#fff,#fafbfc);border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;position:relative}.magnet-media-optimizer-card-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:15px;justify-content:space-between;padding:16px 20px;position:relative;z-index:2}.magnet-media-optimizer-select{accent-color:#2271b1;margin:0;-ms-transform:scale(1.2);transform:scale(1.2)}.magnet-media-optimizer-status-indicator{align-items:center;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;font-size:18px;font-weight:700;height:26px;justify-content:center;width:26px}.magnet-media-optimizer-status-indicator.has-alt{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 8px rgba(5,150,105,.3);color:#fff}.magnet-media-optimizer-status-indicator.no-alt{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 8px rgba(220,38,38,.3);color:#fff}.magnet-media-optimizer-thumb{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;overflow:hidden;position:relative}.magnet-media-optimizer-thumb img{display:block;height:200px;object-fit:contain;width:100%}.magnet-media-optimizer-thumb:after{background:linear-gradient(transparent,rgba(0,0,0,.1));bottom:0;content:"";height:30px;left:0;pointer-events:none;position:absolute;right:0}.magnet-media-optimizer-meta{background:linear-gradient(135deg,#fff,#fafbfc);display:flex;flex-direction:column;flex-grow:1;gap:16px;padding:24px}.magnet-media-optimizer-title{color:#1e293b;font-size:16px;font-weight:700;line-height:1.3;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.05)}.magnet-media-optimizer-filename{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:12px;margin:0;padding:6px 10px;word-break:break-all}.magnet-media-optimizer-file-info{color:#64748b;display:flex;flex-wrap:wrap;font-size:11px;gap:8px;margin:0}.magnet-media-optimizer-dimensions,.magnet-media-optimizer-size{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:6px;color:#475569;font-weight:600;padding:4px 8px}.magnet-media-optimizer-alt{flex-grow:1;font-size:13px;margin-bottom:12px}.magnet-media-optimizer-alt strong{color:#374151;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.magnet-media-optimizer-alttext{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.05);color:#334155;display:block;font-size:13px;line-height:1.4;margin-top:4px;padding:10px 12px;transition:all .2s ease;word-break:break-word}.magnet-media-optimizer-alttext:hover{border-color:#cbd5e1;box-shadow:0 2px 4px rgba(0,0,0,.1)}.magnet-media-optimizer-edit-container{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;padding:12px}.magnet-media-optimizer-edit-input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;box-shadow:inset 0 1px 2px rgba(0,0,0,.05);color:#334155;flex:1;font-size:13px;line-height:1.4;padding:10px 12px}.magnet-media-optimizer-edit-input:focus{background:#fff;border-color:#2271b1;box-shadow:0 0 0 3px rgba(34,113,177,.1),inset 0 1px 2px rgba(0,0,0,.05);outline:none}.magnet-media-optimizer-edit-input:-ms-input-placeholder{color:#94a3b8;font-style:italic}.magnet-media-optimizer-edit-input::placeholder{color:#94a3b8;font-style:italic}.magnet-media-optimizer-save-btn{background:linear-gradient(135deg,#059669,#047857)!important;border:none!important;border-radius:6px!important;box-shadow:0 2px 4px rgba(5,150,105,.2)!important;color:#fff!important;cursor:pointer!important;font-size:12px!important;font-weight:600!important;letter-spacing:.5px!important;text-transform:uppercase!important;white-space:nowrap!important}.magnet-media-optimizer-save-btn:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280)!important;box-shadow:none!important;cursor:not-allowed!important}.magnet-media-optimizer-cancel-btn{background:linear-gradient(135deg,#6b7280,#4b5563)!important;border:none!important;border-radius:6px!important;box-shadow:0 2px 4px hsla(220,9%,46%,.2)!important;color:#fff!important;cursor:pointer!important;font-size:12px!important;font-weight:600!important;letter-spacing:.5px!important;text-transform:uppercase!important;white-space:nowrap!important}.magnet-media-optimizer-actions{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:16px}.magnet-media-optimizer-main-actions{background:linear-gradient(145deg,#fff,#fafbfc);border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-wrap:wrap;gap:12px;margin:20px 0;overflow:hidden;padding:24px;position:relative}.magnet-media-optimizer-main-actions .button{background:linear-gradient(135deg,#059669,#047857)!important;border:none!important;border-radius:8px!important;color:#fff!important;font-size:14px!important;font-weight:600!important;letter-spacing:.5px!important;overflow:hidden;padding:12px 24px!important;position:relative;text-transform:uppercase!important}.magnet-media-optimizer-main-actions .button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.magnet-media-optimizer-main-actions .button:hover:before{left:100%}.magnet-media-optimizer-missing-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.magnet-media-optimizer-missing-actions .button{border-radius:8px!important;font-size:13px!important;font-weight:600!important;letter-spacing:.3px!important;overflow:hidden;padding:10px 18px!important;position:relative;text-transform:uppercase!important;transition:all .2s ease!important}.magnet-media-optimizer-missing-actions .button-primary{background:linear-gradient(135deg,#059669,#047857)!important;border:none!important;color:#fff!important}.magnet-media-optimizer-missing-actions .button-primary:hover{background:linear-gradient(135deg,#047857,#065f46)!important;box-shadow:0 4px 8px rgba(5,150,105,.3)!important}.magnet-media-optimizer-missing-actions .button-secondary{background:linear-gradient(135deg,#6b7280,#4b5563)!important;border:none!important;color:#fff!important}.magnet-media-optimizer-missing-actions .button-secondary:hover{background:linear-gradient(135deg,#4b5563,#374151)!important;box-shadow:0 4px 8px hsla(220,9%,46%,.3)!important;-ms-transform:translateY(-1px)!important;transform:translateY(-1px)!important}.magnet-media-optimizer-actions .button{border-radius:8px!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important;flex:1;font-size:12px!important;font-weight:600!important;letter-spacing:.5px!important;margin:0;min-width:100px;padding:8px 12px!important;text-align:center;text-transform:uppercase!important}.magnet-media-optimizer-actions .magnet-media-optimizer-danger{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;border:none!important;color:#fff!important}.magnet-media-optimizer-actions .magnet-media-optimizer-danger:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)!important}.magnet-media-optimizer-list{display:flex;flex-direction:column;gap:12px}.magnet-media-optimizer-list .magnet-media-optimizer-card{align-items:center;flex-direction:row;padding:0}.magnet-media-optimizer-list .magnet-media-optimizer-card-header{border-bottom:none;border-right:1px solid #e5e7eb;flex-direction:column;justify-content:center;padding:12px;width:80px}.magnet-media-optimizer-list .magnet-media-optimizer-thumb{flex-shrink:0;width:120px}.magnet-media-optimizer-list .magnet-media-optimizer-thumb img{height:80px;width:120px}.magnet-media-optimizer-list .magnet-media-optimizer-meta{display:-ms-grid;display:grid;flex-grow:1;-ms-grid-columns:2fr 1fr 1fr 2fr;align-items:center;gap:16px;grid-template-columns:2fr 1fr 1fr 2fr;padding:16px}.magnet-media-optimizer-alt-display{align-items:stretch;display:flex;gap:0;margin-top:8px;position:relative}.magnet-media-optimizer-alt-display .magnet-media-optimizer-alttext{border-radius:8px;flex:1;margin:0;transition:all .3s ease}.clickable-alt{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.05);color:#334155;cursor:pointer;display:block;font-size:13px;line-height:1.4;overflow:hidden;padding:10px 12px;position:relative;word-break:break-word}.clickable-alt:before{content:"✏️";font-size:12px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s ease}.clickable-alt:hover:before{opacity:1}.magnet-media-optimizer-loading{opacity:.7;pointer-events:none;position:relative}.magnet-media-optimizer-loading:after{animation:spin 1s linear infinite;border:3px solid rgba(34,113,177,.1);border-radius:50%;border-top-color:#2271b1;content:"";height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px;z-index:10}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.magnet-media-optimizer-success{background:linear-gradient(135deg,#f0fdf4,#dcfce7)!important;border-color:#bbf7d0!important;box-shadow:0 4px 6px rgba(5,150,105,.1),0 1px 3px rgba(5,150,105,.1)!important}.magnet-media-optimizer-error{background:linear-gradient(135deg,#fef2f2,#fee2e2)!important;border-color:#fecaca!important;box-shadow:0 4px 6px rgba(220,38,38,.1),0 1px 3px rgba(220,38,38,.1)!important}.magnet-media-optimizer-webp-lightbox-trigger{cursor:pointer;transition:transform .2s ease}.magnet-media-optimizer-webp-lightbox-trigger:hover{-ms-transform:scale(1.05);transform:scale(1.05)}#magnet-media-optimizer-webp-lightbox-overlay{align-items:center;background:rgba(0,0,0,.85);display:none;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999999}#magnet-media-optimizer-webp-lightbox-content{background:#fff;border-radius:10px;max-height:80vh;max-width:80vw;padding:15px}#magnet-media-optimizer-webp-lightbox-image{max-height:70vh;max-width:100%}#magnet-media-optimizer-webp-lightbox-title{color:#333;font-weight:700;margin-top:15px;text-align:center}#magnet-media-optimizer-webp-lightbox-close{background:#000;border-radius:50%;color:#fff;cursor:pointer;font-size:28px;padding:5px 10px;position:fixed;right:5vw;top:5vh}@media (max-width:768px){.magnet-media-optimizer-controls{align-items:stretch;flex-direction:column}.magnet-media-optimizer-search{flex-direction:column}.magnet-media-optimizer-search input[type=search]{width:100%}.magnet-media-optimizer-bulk-actions{justify-content:center}.magnet-media-optimizer-grid{-ms-grid-columns:1fr;gap:16px;grid-template-columns:1fr}.magnet-media-optimizer-stats{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.magnet-media-optimizer-grid{gap:12px}.magnet-media-optimizer-stats{-ms-grid-columns:1fr;grid-template-columns:1fr}}