@font-face{font-family:Radio Canada;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(../media/9ed211ad92465430-s.a597acbc.woff2)format("woff2");unicode-range:U+2C7,U+2D8-2D9,U+2DB,U+307,U+1400-167F,U+18B0-18F5,U+25CC,U+11AB?}@font-face{font-family:Radio Canada;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(../media/0b292c23fc1db66f-s.1ee0092c.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Radio Canada;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(../media/202b19f47436eb45-s.aa1a8223.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Radio Canada;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(../media/4dcb1d458a9f0457-s.p.03f23325.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Radio Canada Fallback;src:local(Arial);ascent-override:90.4%;descent-override:24.39%;line-gap-override:0.0%;size-adjust:104.53%}.radio_canada_27dd5af6-module__JUK4ZW__className{font-family:Radio Canada,Radio Canada Fallback;font-style:normal}.radio_canada_27dd5af6-module__JUK4ZW__variable{--font-radio-canada:"Radio Canada","Radio Canada Fallback"}
*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;font-family:Radio Canada,sans-serif;transition:background .3s}body.dark-mode{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%)}body.dark-mode .container{background:#1e1e1eb3;border:1px solid #ffffff1a}body.dark-mode .header{background:#28282899;border-bottom:1px solid #ffffff0d}body.dark-mode h1,body.dark-mode h3{color:#f5f5f7}body.dark-mode .status-badge{color:#f5f5f7;background:#ffffff1a;border:1px solid #ffffff1a}body.dark-mode .status-badge.pro{color:#34c759;background:#34c75933;border:1px solid #34c7594d}body.dark-mode .upgrade-btn,body.dark-mode .manage-subscription-btn{color:#1d1d1f;background:#ffffffe6}body.dark-mode .upgrade-btn:hover,body.dark-mode .manage-subscription-btn:hover{background:#fff}body.dark-mode .drop-zone{background:#28282880;border-color:#ffffff1a}body.dark-mode .drop-zone:hover,body.dark-mode .drop-zone.drag-over{background:#323232b3;border-color:#fff3}body.dark-mode .drop-zone p,body.dark-mode .upload-icon{color:#f5f5f7;opacity:.8}body.dark-mode .upgrade-link{color:#0a84ff}body.dark-mode .browse-btn{color:#1d1d1f;background:#ffffffe6}body.dark-mode .browse-btn:hover{background:#fff}body.dark-mode .browse-menu{background:#282828f2;border:1px solid #ffffff1a}body.dark-mode .browse-menu-item{color:#f5f5f7}body.dark-mode .browse-menu-item:hover{background:#ffffff1a}body.dark-mode .conversion-section{background:#1e1e1e4d}body.dark-mode .preview-container,body.dark-mode .quality-control{background:#282828b3;border:1px solid #ffffff1a}body.dark-mode .quality-control label{color:#f5f5f7}body.dark-mode .image-info{color:#a0a0a0;background:#1e1e1e80}body.dark-mode .convert-btn,body.dark-mode .download-btn,body.dark-mode .reset-btn{color:#1d1d1f;background:#ffffffe6}body.dark-mode .convert-btn:hover,body.dark-mode .download-btn:hover,body.dark-mode .reset-btn:hover{background:#fff}body.dark-mode .bulk-image-item,body.dark-mode .bulk-result-item{background:#282828b3;border:1px solid #ffffff1a}body.dark-mode .bulk-image-info,body.dark-mode .bulk-result-info{color:#a0a0a0}body.dark-mode .bulk-image-info strong,body.dark-mode .bulk-result-info strong{color:#f5f5f7}body.dark-mode .download-single-btn{color:#1d1d1f;background:#ffffffe6}body.dark-mode .download-single-btn:hover{background:#fff}body.dark-mode .view-toggle{background:#ffffff0d}body.dark-mode .view-btn{color:#a0a0a0}body.dark-mode .view-btn:hover{color:#f5f5f7;background:#ffffff1a}body.dark-mode .view-btn.active{color:#f5f5f7;background:#ffffff26}body.dark-mode .offcanvas-panel{background:#1e1e1ef2;border:1px solid #ffffff1a}body.dark-mode .offcanvas-header{background:#282828cc;border-bottom:1px solid #ffffff0d}body.dark-mode .convert-btn-offcanvas{color:#1d1d1f;background:#ffffffe6}body.dark-mode .convert-btn-offcanvas:hover{background:#fff}body.dark-mode .quality-control-compact{color:#f5f5f7;background:#ffffff1a;border:1px solid #ffffff1a}body.dark-mode .close-offcanvas-btn{color:#f5f5f7;background:#ffffff1a}body.dark-mode .close-offcanvas-btn:hover{background:#ffffff26}body.dark-mode .reopen-offcanvas-btn{color:#1d1d1f;background:#ffffffe6}body.dark-mode .reopen-offcanvas-btn:hover{background:#fff}body.dark-mode .offcanvas-progress{background:#282828b3;border:1px solid #ffffff1a}body.dark-mode #offcanvasProgressPercent{color:#f5f5f7}body.dark-mode #offcanvasProgressCount,body.dark-mode .progress-filename,body.dark-mode #progressText,body.dark-mode .loading p{color:#a0a0a0}body.dark-mode .spinner{border-color:#f5f5f7 #ffffff1a #ffffff1a}body.dark-mode .progress-bar{background:#ffffff1a}body.dark-mode .progress-fill{background:#f5f5f7}body.dark-mode .quality-control input[type=range]{background:#fff3}body.dark-mode .quality-control input[type=range]::-webkit-slider-thumb{background:#f5f5f7}body.dark-mode .quality-control input[type=range]::-moz-range-thumb{background:#f5f5f7}body.dark-mode .quality-control-compact input[type=range]{background:#fff3}body.dark-mode .quality-control-compact input[type=range]::-webkit-slider-thumb{background:#f5f5f7}body.dark-mode .quality-control-compact input[type=range]::-moz-range-thumb{background:#f5f5f7}body.dark-mode #qualityValue{color:#f5f5f7}.container{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffb3;border:1px solid #ffffff2e;border-radius:20px;max-width:800px;margin:0 auto;overflow:hidden;box-shadow:0 8px 32px #0000001a}.hero-section{text-align:center;max-width:800px;margin:40px auto 30px;padding:0 30px}.hero-title{color:#1d1d1f;letter-spacing:-.8px;margin:0 0 20px;font-size:2.8rem;font-weight:700;line-height:1.1}.hero-description{color:#6e6e73;max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}body.dark-mode .hero-title{color:#f5f5f7}body.dark-mode .hero-description{color:#a1a1a6}.header{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#fff9;border-bottom:1px solid #0000000d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:20px 30px;display:flex}.logo{text-decoration:none}h1{color:#1d1d1f;letter-spacing:-.5px;margin:0;font-size:2.5rem;font-weight:600}.subscription-info{align-items:center;gap:10px;display:flex}.status-badge{color:#1d1d1f;background:#0000000d;border:1px solid #0000000a;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:500}.status-badge.pro{color:#34c759;background:#34c7591a;border:1px solid #34c75933}.upgrade-btn,.manage-subscription-btn{color:#fff;cursor:pointer;background:#000c;border:none;border-radius:20px;padding:8px 20px;font-size:.9rem;font-weight:600;transition:all .3s}.upgrade-btn:hover,.manage-subscription-btn:hover{background:#000000e6;transform:scale(1.02)}.theme-toggle{cursor:pointer;background:#0000000d;border:1px solid #0000000a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .3s;display:flex;position:relative}.theme-toggle:hover{background:#0000001a;transform:scale(1.05)}.theme-toggle .sun-icon,.theme-toggle .moon-icon{color:#1d1d1f;font-size:20px;transition:all .3s;position:absolute}.theme-toggle .sun-icon{opacity:1;transform:rotate(0)scale(1)}.theme-toggle .moon-icon{opacity:0;transform:rotate(180deg)scale(0)}body.dark-mode .theme-toggle{background:#ffffff1a;border:1px solid #ffffff1a}body.dark-mode .theme-toggle:hover{background:#ffffff26}body.dark-mode .theme-toggle .sun-icon,body.dark-mode .theme-toggle .moon-icon{color:#f5f5f7}body.dark-mode .theme-toggle .sun-icon{opacity:0;transform:rotate(-180deg)scale(0)}body.dark-mode .theme-toggle .moon-icon{opacity:1;transform:rotate(0)scale(1)}.upload-section{padding:40px}.drop-zone{text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ffffff80;border:2px dashed #0000001a;border-radius:16px;padding:60px 20px;transition:all .3s}.drop-zone:hover,.drop-zone.drag-over{background:#ffffffb3;border-color:#0003;transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.drop-zone-content{flex-direction:column;align-items:center;gap:15px;display:flex}.upload-icon{color:#1d1d1f;opacity:.8;font-size:64px}.drop-zone p{color:#666;font-size:1.2rem}.or-text{color:#999!important;font-size:1rem!important}.browse-menu-container{display:inline-block;position:relative}.browse-btn{color:#fff;cursor:pointer;background:#000c;border:none;border-radius:25px;padding:12px 30px;font-size:1rem;transition:all .3s}.browse-btn:hover{background:#000000e6;transform:scale(1.02)}.browse-menu{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:100;background:#ffffffe6;border:1px solid #0000000f;border-radius:12px;min-width:200px;margin-top:10px;position:absolute;top:100%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 32px #0000001f}.browse-menu-item{color:#1d1d1f;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:14px 20px;font-size:.95rem;transition:all .2s;display:flex}.browse-menu-item:hover{background:#0000000d}.browse-menu-item:not(:last-child){border-bottom:1px solid #e0e0e0}.browse-menu-item i{flex-shrink:0;font-size:20px}.supported-formats{color:#999!important;font-size:.9rem!important}.upload-limit{opacity:.7;margin-top:5px;font-weight:500;color:#1d1d1f!important;font-size:.85rem!important}.upload-limit.pro{opacity:1;color:#34c759!important}body.dark-mode .upload-limit{color:#fff!important}.upgrade-link-container{margin-top:8px;font-size:.85rem}.upgrade-link{color:#007aff;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:.85rem;font-weight:500;text-decoration:underline;transition:opacity .2s;display:inline-flex}.upgrade-link i{font-size:14px}.upgrade-link:hover{opacity:.7}.restore-access-link{color:#666;cursor:pointer;background:0 0;border:none;margin-top:5px;padding:5px 0;font-size:.75rem;text-decoration:underline;transition:opacity .2s}.restore-access-link:hover{opacity:.7}body.dark-mode .restore-access-link{color:#999}.restore-access-form{-webkit-backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #fff9;border-radius:8px;margin-top:10px;padding:15px}body.dark-mode .restore-access-form{background:#28282880;border:1px solid #ffffff1a}.restore-access-form .form-group{margin-bottom:12px}.restore-access-form label{color:#333;margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}body.dark-mode .restore-access-form label{color:#e0e0e0}.restore-access-form input[type=email]{background:#fffc;border:1px solid #0000001a;border-radius:6px;width:100%;padding:10px;font-size:.9rem;transition:border-color .2s}.restore-access-form input[type=email]:focus{border-color:#007aff;outline:none}body.dark-mode .restore-access-form input[type=email]{color:#e0e0e0;background:#3c3c3ccc;border:1px solid #fff3}.restore-access-form .error-message{color:#ff3b30;margin:8px 0;font-size:.8rem}.restore-access-form .form-actions{gap:8px;margin-top:10px;display:flex}.restore-access-form .restore-btn,.restore-access-form .cancel-btn{cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px 16px;font-size:.85rem;transition:all .2s}.restore-access-form .restore-btn{color:#fff;background:#007aff}.restore-access-form .restore-btn:hover:not(:disabled){background:#0051d5}.restore-access-form .cancel-btn{color:#333;background:#0000000d}.restore-access-form .cancel-btn:hover:not(:disabled){background:#0000001a}body.dark-mode .restore-access-form .cancel-btn{color:#e0e0e0;background:#ffffff1a}body.dark-mode .restore-access-form .cancel-btn:hover:not(:disabled){background:#ffffff26}.restore-access-form .restore-btn:disabled,.restore-access-form .cancel-btn:disabled{opacity:.5;cursor:not-allowed}.conversion-section{-webkit-backdrop-filter:blur(10px);background:#ffffff4d;padding:40px}.image-preview,.conversion-options,.result-section{margin-bottom:30px}.result-section h3{text-align:center;padding:20px 0 10px}h3{color:#333;margin-bottom:15px;font-size:1.3rem;font-weight:500}.preview-container{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d}.preview-container img{border-radius:6px;max-width:100%;max-height:300px;margin:0 auto;display:block}.image-info{color:#666;background:#f5f5f5;border-radius:6px;margin-top:15px;padding:10px;font-size:.9rem}.quality-control{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:12px;align-items:center;gap:15px;margin-bottom:20px;padding:20px;display:flex;box-shadow:0 2px 10px #0000000d}.quality-control label{color:#333;font-weight:500}.quality-control input[type=range]{background:#ddd;border-radius:3px;outline:none;flex:1;height:6px}.quality-control input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#1d1d1f;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px #0003}.quality-control input[type=range]::-moz-range-thumb{cursor:pointer;background:#1d1d1f;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px #0003}#qualityValue{color:#1d1d1f;min-width:30px;font-weight:600}.convert-btn,.download-btn,.reset-btn{color:#fff;cursor:pointer;background:#000c;border:none;border-radius:25px;margin:30px auto;padding:15px 40px;font-size:1.1rem;font-weight:500;transition:all .3s;display:block}.convert-btn:hover,.download-btn:hover,.reset-btn:hover{background:#000000e6;transform:scale(1.02)}.convert-btn:disabled{cursor:not-allowed;box-shadow:none;background:#ccc;transform:none}.loading{text-align:center;padding:60px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading p{color:#666;font-size:1.1rem}.bulk-image-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:15px;display:grid}.bulk-image-item{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:12px;padding:15px;transition:transform .2s;box-shadow:0 2px 8px #0000000d}.bulk-image-item:hover{transform:translateY(-2px)}.bulk-image-item img{object-fit:cover;border-radius:6px;width:100%;height:150px;margin-bottom:10px}.bulk-image-info{color:#666;word-break:break-word;font-size:.85rem}.bulk-image-info strong{color:#333;margin-bottom:5px;display:block}.progress-bar{background:#e0e0e0;border-radius:4px;width:100%;height:8px;margin:20px 0 10px;overflow:hidden}.progress-fill{background:#1d1d1f;width:0%;height:100%;transition:width .3s}#progressText{text-align:center;color:#666;margin-top:10px;font-size:.9rem}.bulk-result-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-bottom:20px;display:grid}.bulk-result-item{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:12px;padding:15px;transition:transform .2s;box-shadow:0 2px 8px #0000000d}.bulk-result-item:hover{transform:translateY(-2px)}.bulk-result-item img{object-fit:cover;border-radius:6px;width:100%;height:150px;margin-bottom:10px}.bulk-result-info{color:#666;word-break:break-word;font-size:.85rem}.bulk-result-info strong{color:#333;margin-bottom:5px;display:block}.download-single-btn{color:#fff;cursor:pointer;background:#000c;border:none;border-radius:8px;margin-top:10px;padding:8px 16px;font-size:.85rem;transition:all .3s}.download-single-btn:hover{background:#000000e6;transform:scale(1.02)}@media (max-width:768px){.container{margin:10px}.header{flex-direction:column;align-items:flex-start;padding:15px 20px}h1{font-size:2rem}.subscription-info{flex-wrap:wrap;width:100%}.upload-section,.conversion-section{padding:20px}.drop-zone{padding:40px 15px}.quality-control{flex-direction:column;align-items:stretch;gap:10px}.quality-control input[type=range]{order:2}#qualityValue{text-align:center;order:3}.bulk-image-list,.bulk-result-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.section-header h3{margin:0}.section-header-actions{align-items:center;gap:15px;display:flex}.section-header .convert-btn,.section-header .download-btn{border-radius:20px;padding:10px 24px;font-size:.95rem}.view-toggle{background:#f0f0f0;border-radius:8px;gap:5px;padding:4px;display:flex}.view-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.view-btn:hover{color:#1d1d1f;background:#0000000d}.view-btn.active{color:#1d1d1f;background:#ffffffe6;box-shadow:0 2px 4px #0000001a}.view-btn i{font-size:20px;display:block}.view-grid.bulk-image-list,.view-grid.bulk-result-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.view-grid .bulk-image-item,.view-grid .bulk-result-item{-webkit-backdrop-filter:blur(10px);text-align:center;background:#ffffffb3;border:1px solid #ffffff80;border-radius:12px;flex-direction:column;align-items:center;padding:15px;display:flex}.view-grid .bulk-image-item img,.view-grid .bulk-result-item img{object-fit:cover;border-radius:8px;width:100%;height:150px;margin-bottom:12px}.view-grid .bulk-image-info,.view-grid .bulk-result-info{width:100%}.view-list.bulk-image-list,.view-list.bulk-result-list{flex-direction:column;gap:15px;display:flex}.view-list .bulk-image-item,.view-list .bulk-result-item{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:12px;flex-direction:row;align-items:center;gap:20px;padding:15px;display:flex}.view-list .bulk-image-item img,.view-list .bulk-result-item img{object-fit:cover;border-radius:8px;flex-shrink:0;width:100px;height:100px}.view-list .bulk-image-info,.view-list .bulk-result-info{text-align:left;flex:1}.view-list .bulk-image-info strong,.view-list .bulk-result-info strong{color:#333;margin-bottom:8px;font-size:1.1rem;display:block}.view-list .download-single-btn{align-self:center;margin-left:auto}.offcanvas-panel{-webkit-backdrop-filter:blur(40px)saturate(180%);z-index:1000;background:#ffffffe6;border:1px solid #ffffff2e;border-radius:20px 20px 0 0;flex-direction:column;width:100vw;max-height:70vh;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -8px 32px #0000001f}.offcanvas-panel.open{transform:translateY(0)}.offcanvas-header{-webkit-backdrop-filter:blur(20px);background:#fff9;border-bottom:1px solid #0000000d;border-radius:20px 20px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.offcanvas-header h3{color:#1d1d1f;margin:0;font-size:1.4rem;font-weight:600}.offcanvas-actions{align-items:center;gap:15px;display:flex}.convert-btn-offcanvas{color:#fff;cursor:pointer;background:#000c;border:none;border-radius:20px;padding:8px 20px;font-size:.9rem;font-weight:600;transition:all .3s}.convert-btn-offcanvas:hover{background:#000000e6;transform:scale(1.02)}.convert-btn-offcanvas:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.quality-control-compact{color:#1d1d1f;background:#0000000d;border:1px solid #0000000a;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;display:flex}.quality-control-compact label{white-space:nowrap;font-weight:500}.quality-control-compact input[type=range]{-webkit-appearance:none;background:#0000001a;border-radius:2px;outline:none;width:80px;height:4px}.quality-control-compact input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#1d1d1f;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 4px #0003}.quality-control-compact input[type=range]::-moz-range-thumb{cursor:pointer;background:#1d1d1f;border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 4px #0003}#qualityValueOffcanvas{min-width:24px;font-weight:600}.close-offcanvas-btn{cursor:pointer;color:#1d1d1f;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.close-offcanvas-btn i{font-size:20px}.close-offcanvas-btn:hover{background:#0000001a;transform:scale(1.1)}.reopen-offcanvas-btn{-webkit-backdrop-filter:blur(20px);color:#fff;cursor:pointer;z-index:999;background:#000c;border:none;border-radius:25px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 12px #0003}.reopen-offcanvas-btn i{font-size:20px}.reopen-offcanvas-btn:hover{background:#000000e6;transform:scale(1.02)}.offcanvas-body{flex:1;padding:30px;overflow-y:auto}.offcanvas-body .bulk-image-list{margin:0}.offcanvas-progress{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff80;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #0000000d}.progress-info{margin-bottom:12px}.progress-stats{justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600;display:flex}#offcanvasProgressPercent{color:#1d1d1f;font-size:1.2rem}#offcanvasProgressCount{color:#666;font-size:.95rem}.progress-filename{color:#999;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.bulk-image-item,.bulk-result-item{position:relative}.delete-image-btn{cursor:pointer;color:#fff;z-index:10;background:#ff3b30e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.delete-image-btn:hover{background:#ff3b30;transform:scale(1.1)}.delete-image-btn i{font-size:20px;display:block}.view-list .delete-image-btn{position:absolute;top:50%;right:15px;transform:translateY(-50%)}.view-list .delete-image-btn:hover{transform:translateY(-50%)scale(1.1)}.footer{text-align:center;-webkit-backdrop-filter:blur(10px);background:#ffffff80;border-top:1px solid #0000000d;margin-top:40px;padding:30px 20px}.footer-content{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;max-width:800px;margin:0 auto;display:flex}.footer-content p{color:#666;margin:0;font-size:.9rem}.footer-links{gap:20px;display:flex}.footer-link{color:#1d1d1f;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.footer-link:hover{color:#667eea}body.dark-mode .footer{background:#28282880;border-top:1px solid #ffffff0d}body.dark-mode .footer-content p{color:#a0a0a0}body.dark-mode .footer-link{color:#f5f5f7}body.dark-mode .footer-link:hover{color:#667eea}@media (max-width:768px){.footer-content{flex-direction:column;gap:10px}}.blog-container{max-width:1200px;margin:40px auto;padding:0 20px}.blog-header{text-align:center;margin-bottom:60px}.blog-title{color:#1d1d1f;justify-content:center;align-items:center;gap:15px;margin-bottom:15px;font-size:3rem;font-weight:700;display:flex}.blog-title i{font-size:3rem}.blog-subtitle{color:#6e6e73;font-size:1.25rem;font-weight:400}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:60px;display:grid}.blog-card{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffb3;border:1px solid #ffffff2e;border-radius:20px;padding:30px;text-decoration:none;transition:all .3s;display:block;box-shadow:0 8px 32px #0000001a}.blog-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.blog-card-title{color:#1d1d1f;margin-bottom:10px;font-size:1.75rem;font-weight:600}.blog-card-date{color:#6e6e73;margin-bottom:15px;font-size:.9rem;display:block}.blog-card-description{color:#1d1d1f;margin-bottom:15px;font-size:1rem;line-height:1.6}.blog-card-tags{flex-wrap:wrap;gap:8px;display:flex}.blog-tag{color:#1d1d1f;background:#0000000d;border-radius:20px;padding:5px 12px;font-size:.85rem;font-weight:500}.blog-card-footer{margin-top:20px}.blog-card-read-more{color:#1d1d1f;align-items:center;gap:5px;font-weight:500;display:inline-flex}.blog-empty{text-align:center;color:#6e6e73;padding:60px 20px;font-size:1.1rem}.blog-post-container{background:#fff;width:100%;padding:40px 0}.blog-post{max-width:800px;margin:0 auto;padding:0 20px}.blog-post-header{border-bottom:1px solid #0000001a;margin-bottom:40px;padding-bottom:30px}.blog-back-link{color:#667eea;align-items:center;gap:8px;margin-bottom:20px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.blog-back-link:hover{color:#764ba2;transform:translate(-3px)}.blog-post-title{color:#1d1d1f;margin-bottom:20px;font-size:2.5rem;font-weight:700;line-height:1.2}.blog-post-meta{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.blog-post-date{color:#6e6e73;font-size:1rem}.blog-post-tags{flex-wrap:wrap;gap:8px;display:flex}.blog-post-content{color:#1d1d1f;font-size:1.125rem;line-height:1.8}.blog-post-content h1{color:#1d1d1f;margin:40px 0 20px;font-size:2rem;font-weight:700;line-height:1.3}.blog-post-content h2{color:#1d1d1f;margin:35px 0 18px;font-size:1.75rem;font-weight:600;line-height:1.3}.blog-post-content h3{color:#1d1d1f;margin:30px 0 15px;font-size:1.5rem;font-weight:600;line-height:1.4}.blog-post-content p{margin-bottom:20px}.blog-post-content ul,.blog-post-content ol{margin:20px 0;padding-left:30px}.blog-post-content li{margin-bottom:10px}.blog-post-content a{color:#667eea;border-bottom:1px solid #667eea4d;text-decoration:none;transition:all .2s}.blog-post-content a:hover{color:#764ba2;border-bottom-color:#764ba280}.blog-post-content code{background:#0000000d;border-radius:5px;padding:3px 8px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.9em}.blog-post-content pre{background:#0000000d;border-radius:12px;margin:25px 0;padding:20px;overflow-x:auto}.blog-post-content pre code{background:0 0;padding:0}.blog-post-content blockquote{color:#6e6e73;border-left:4px solid #667eea;margin:25px 0;padding-left:20px;font-style:italic}.blog-post-content img{border-radius:12px;max-width:100%;height:auto;margin:30px 0;box-shadow:0 4px 20px #0000001a}.blog-post-footer{border-top:1px solid #0000001a;margin-top:50px;padding-top:30px}body.dark-mode .blog-title,body.dark-mode .blog-card-title,body.dark-mode .blog-post-title,body.dark-mode .blog-post-content h1,body.dark-mode .blog-post-content h2,body.dark-mode .blog-post-content h3{color:#f5f5f7}body.dark-mode .blog-subtitle,body.dark-mode .blog-card-date,body.dark-mode .blog-post-date,body.dark-mode .blog-empty{color:#a0a0a0}body.dark-mode .blog-post-container{background:#1a1a1a}body.dark-mode .blog-card{background:#282828b3;border:1px solid #ffffff1a}body.dark-mode .blog-card-description,body.dark-mode .blog-post-content,body.dark-mode .blog-card-read-more{color:#f5f5f7}body.dark-mode .blog-tag{color:#f5f5f7;background:#ffffff1a}body.dark-mode .blog-post-content code{background:#ffffff1a}body.dark-mode .blog-post-content pre{background:#ffffff0d}body.dark-mode .blog-post-content blockquote{color:#a0a0a0}body.dark-mode .blog-post-header,body.dark-mode .blog-post-footer{border-color:#ffffff1a}@media (max-width:768px){.blog-title{font-size:2.5rem}.blog-grid{grid-template-columns:1fr;gap:20px}.blog-post{padding:30px 20px}.blog-post-title{font-size:2rem}.blog-post-content{font-size:1rem}.blog-post-content h1{font-size:1.75rem}.blog-post-content h2{font-size:1.5rem}.blog-post-content h3{font-size:1.25rem}}.verification-container{justify-content:center;align-items:center;min-height:60vh;padding:40px 20px;display:flex}.verification-status{-webkit-backdrop-filter:blur(10px);text-align:center;background:#ffffffb3;border:1px solid #ffffff80;border-radius:16px;width:100%;max-width:500px;padding:60px 40px;box-shadow:0 8px 32px #0000001a}body.dark-mode .verification-status{background:#282828b3;border:1px solid #ffffff1a}.verification-status h1{color:#333;margin:20px 0 15px;font-size:2rem}body.dark-mode .verification-status h1{color:#f5f5f7}.verification-status p{color:#666;margin-bottom:0;font-size:1.1rem}body.dark-mode .verification-status p{color:#c7c7cc}.spinner{border:3px solid #007aff33;border-top-color:#007aff;border-radius:50%;width:50px;height:50px;margin:0 auto;animation:1s linear infinite spin}.success-icon,.error-icon{border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto;font-size:40px;font-weight:700;display:flex}.success-icon{color:#fff;background:#28a745}.error-icon{color:#fff;background:#ff3b30}.verification-status.success h1{color:#28a745}body.dark-mode .verification-status.success h1{color:#34c759}.verification-status.error h1{color:#ff3b30}body.dark-mode .verification-status.error h1{color:#ff453a}.back-btn{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:8px;margin-top:20px;padding:12px 24px;font-size:1rem;transition:background .2s}.back-btn:hover{background:#0051d5}