html.dark{--dk-bg: #0b1120;--dk-surface: #111a2c;--dk-surface-2: #182338;--dk-surface-3: #1f2d47;--dk-border: #2b3c5c;--dk-border-light: #202e48;--dk-text: #e6edf8;--dk-text-muted: #9fb3d1;--dk-text-dim: #64789c;--dk-accent: #60a5fa;--dk-accent-light: #93b8fb;--dk-accent-bg: #131e33;--dk-red: #ff6b70}html.dark body{background:var(--dk-bg);color:var(--dk-text)}html.dark ::selection{background:var(--dk-accent);color:#fff}html.dark ::-webkit-scrollbar-track{background:var(--dk-surface)}html.dark ::-webkit-scrollbar-thumb{background-color:#334a73}html.dark ::-webkit-scrollbar-thumb:hover{background-color:var(--dk-accent)}html.dark h1,html.dark h2,html.dark h3,html.dark h4,html.dark h5,html.dark h6,html.dark .h1,html.dark .h2,html.dark .h3{color:#fff}html.dark p,html.dark .text{color:var(--dk-text-muted)}html.dark section a{color:var(--dk-accent)}html.dark section a:hover{color:var(--dk-accent-light)}html.dark header{background:rgba(14,12,26,.85)}html.dark nav{background:var(--dk-surface);border-color:var(--dk-border);box-shadow:0 4px 24px #0006}html.dark .logo-div .logo-name{color:#fff}html.dark .logo-div .logo-name span{color:var(--dk-accent-light)}html.dark .menu a,html.dark .menu button{color:var(--dk-text-muted)}html.dark .menu a:hover,html.dark .menu button:hover{color:var(--dk-accent-light)}html.dark .menu-icon{color:#fff}html.dark .nav-auth-btn{background:var(--dk-surface-2);border-color:var(--dk-border);color:var(--dk-text)}html.dark .nav-auth-btn:hover{border-color:var(--dk-accent);color:var(--dk-accent-light)}html.dark .nav-logout-btn{color:var(--dk-red)}html.dark .nav-auth-btn img{filter:invert(.8)}html.dark .dd-button{background:var(--dk-surface-2);border-color:var(--dk-border);color:var(--dk-text)}html.dark .dd-menu{background-color:var(--dk-surface-2);border-color:var(--dk-border);box-shadow:0 8px 32px #00000080}html.dark .dd-menu li a{color:var(--dk-text-muted)}html.dark .dd-menu li a:hover{color:var(--dk-accent-light)}@media (width <= 900px){html.dark .menu{background-color:var(--dk-surface);box-shadow:0 4px 30px #0000008c}}.js-dark-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1.5px solid #d7e1f0;background:linear-gradient(180deg,#ffffff 0%,#ebf2fb 100%);cursor:pointer;transition:all .3s ease;flex-shrink:0;color:#5c6f86;padding:0}.js-dark-toggle:hover{border-color:#2f6bf2;background:linear-gradient(180deg,#e4edfa 0%,#d5e3f7 100%)}html.dark .js-dark-toggle{background:var(--dk-surface-2);border-color:var(--dk-border);color:var(--dk-accent-light)}html.dark .js-dark-toggle:hover{background:var(--dk-surface-3);border-color:var(--dk-accent)}.js-dark-toggle .icon-moon{display:block}.js-dark-toggle .icon-sun,html.dark .js-dark-toggle .icon-moon{display:none}html.dark .js-dark-toggle .icon-sun{display:block}html.dark section.hero,html.dark .bg-set{background:linear-gradient(180deg,#101a2e 37.29%,#170f28 100%)}html.dark .hero-text h1{color:#fff}html.dark .hero-desc{color:var(--dk-text-muted)}html.dark .register-badge{background:linear-gradient(135deg,var(--dk-surface-2) 0%,var(--dk-surface-3) 100%);border-color:var(--dk-border);box-shadow:0 4px 16px #0006}html.dark .register-badge-text{color:#fff}html.dark .register-badge-text span{color:var(--dk-accent-light)}html.dark .outer-tool-card,html.dark .main-tool-card{background:var(--dk-surface)!important;border-color:var(--dk-border)!important;box-shadow:0 8px 40px #00000073!important}html.dark .inner-tool-card{border-color:#334a73;background:linear-gradient(180deg,#131e33 0%,#111a2c 14.92%)}html.dark .inner-tool-card:hover,html.dark .inner-tool-card.drag-over{border-color:var(--dk-accent);background:linear-gradient(180deg,#16223a 0%,#0f1829 14.92%)}html.dark .drag-text{color:#fff}html.dark .formats-hint{color:var(--dk-text-dim)}html.dark .url-toggle-icon,html.dark .camera-capture-btn{background:var(--dk-surface-2);border-color:var(--dk-border);color:var(--dk-text-muted)}html.dark .url-toggle-icon:hover,html.dark .camera-capture-btn:hover{border-color:var(--dk-accent);background:var(--dk-surface-3)}html.dark .image-url{background:var(--dk-surface-2);border-color:var(--dk-border);color:var(--dk-text)}html.dark .image-url::placeholder{color:var(--dk-text-dim)}html.dark .image-url:focus{border-color:var(--dk-accent);box-shadow:0 0 0 3px #5b8cf726}html.dark .search-icon{filter:invert(.7)}html.dark .privacy-disclaimer{color:var(--dk-text-dim)}html.dark .tool-files-panel{border-left-color:var(--dk-border)}html.dark .tool-files-panel .files-count-label,html.dark .tool-files-panel .tag-count,html.dark .tool-files-panel .upload-count{color:#fff}html.dark .uploaded-images__box{background:var(--dk-surface-2);border-color:var(--dk-border-light)}html.dark .uploaded-images__box:hover{border-color:var(--dk-border)}html.dark .uploaded-images__box .left img:not(.crop-icon){border-color:var(--dk-border)}html.dark .img-size-name span{color:#fff}html.dark .img-size-name small{color:var(--dk-text-dim)}html.dark .file-action-btn,html.dark .delete-image{background:var(--dk-surface);border-color:var(--dk-border)}html.dark .file-action-btn:hover,html.dark .delete-image:hover{border-color:var(--dk-accent);background:var(--dk-surface-3)}html.dark .file-action-btn svg,html.dark .delete-image svg{stroke:var(--dk-text-muted)}html.dark .remove-all{color:var(--dk-text-muted)}html.dark .remove-all:hover{color:var(--dk-red)}html.dark .uploaded-images::-webkit-scrollbar-thumb{background:var(--dk-accent)}html.dark .tool-panel-card,html.dark .selected-images-card{background:var(--dk-surface);border-color:var(--dk-border);box-shadow:0 2px 16px #0006}html.dark .upload-image-stats{background:var(--dk-surface);border-bottom-color:var(--dk-border-light)}html.dark #js-result-count,html.dark .result-count-wrap strong{color:#fff}html.dark .download{background:var(--dk-surface-2);border-color:var(--dk-border);color:var(--dk-text-muted)}html.dark .download:hover{border-color:var(--dk-accent)}html.dark .download img{filter:invert(.7)}html.dark .converted-images__box.result-card{background:var(--dk-surface);border-color:var(--dk-border);box-shadow:0 2px 8px #0000004d,0 6px 20px #00000040}html.dark .converted-images__box.result-card:hover{box-shadow:0 4px 16px #0006,0 10px 32px #00000059}html.dark .result-card-header{background:linear-gradient(135deg,var(--dk-surface-2) 0%,var(--dk-surface) 55%,var(--dk-surface) 100%);border-bottom-color:var(--dk-border-light)}html.dark .result-thumb{border-color:var(--dk-border);box-shadow:0 2px 8px #0006}html.dark .result-filename{color:#fff}html.dark .result-action-btn{background:var(--dk-surface-2);border-color:var(--dk-border)}html.dark .result-action-btn:hover{border-color:var(--dk-accent);background:var(--dk-surface-3);box-shadow:0 3px 10px #0006}html.dark .result-action-btn svg{stroke:var(--dk-text-muted)}html.dark .result-action-btn img{filter:invert(.7)}html.dark .rc-label{color:var(--dk-text-muted)}html.dark .result-card-body{background:var(--dk-surface)}html.dark .image__text{background:var(--dk-surface-2);border-color:var(--dk-border-light);color:var(--dk-text-muted)}html.dark .text-not-found,html.dark .result__loading{background:var(--dk-surface-2)}html.dark .uploaded-images__box :is(.original,.converted){background:var(--dk-surface);border-color:var(--dk-border-light)}html.dark .uploaded-images__box .original:before,html.dark .uploaded-images__box .converted:before{background-color:var(--dk-surface-2);border-color:var(--dk-accent);color:var(--dk-accent-light)}html.dark .feature{background:var(--dk-surface);border-color:var(--dk-border)}html.dark .feature:hover{border-color:var(--dk-accent);box-shadow:0 8px 16px #0006}html.dark .feature h3{color:#fff}html.dark .feature p,html.dark .feature .text{color:var(--dk-text-muted)}html.dark .feature-img{background:var(--dk-surface-2);border-color:var(--dk-border-light)}html.dark .who-can-use__card{background:var(--dk-surface);border-color:var(--dk-border-light);box-shadow:0 20px 32px #0000004d}html.dark .who-can-use__card:hover{border-color:var(--dk-accent)}html.dark .who-can-use__card h3{color:#fff}html.dark .who-can-use__card .text{color:var(--dk-text-muted)}html.dark .feature-table tr>td:first-child{background-color:var(--dk-surface-2);border-color:var(--dk-border);color:#fff}html.dark .feature-table td{background:var(--dk-surface);border-color:var(--dk-border);color:var(--dk-text-muted)}html.dark .convert-step li{border-top-color:var(--dk-border-light);color:var(--dk-text-muted)}html.dark .convert-step li:before{background:linear-gradient(0deg,var(--dk-surface-3) 0%,var(--dk-surface-2) 100%);color:var(--dk-accent-light)}html.dark .accordion{background:var(--dk-surface);border-color:var(--dk-border)}html.dark .accordion-item{background:var(--dk-surface);border-bottom-color:var(--dk-border-light)}html.dark .accordion-item .accordion-item-title{color:#fff}html.dark .accordion-item .accordion-item-desc{color:var(--dk-text-muted)}html.dark .accordion-item-desc a{color:var(--dk-accent)}html.dark .accordion-item input[type=checkbox]~.accordion-item-title .icon:after{border-right-color:var(--dk-text-dim);border-bottom-color:var(--dk-text-dim)}html.dark .card-container,html.dark .other-tool-card{background-color:var(--dk-surface);border-color:var(--dk-border);box-shadow:0 8px 24px #0000004d}html.dark .card-container:hover,html.dark .other-tool-card:hover{border-color:var(--dk-accent)}html.dark .card-body h3,html.dark .card-body h4,html.dark .other-tool-heading{color:#fff}html.dark .card-body p{color:var(--dk-text-muted)}html.dark .footer{background:linear-gradient(to top,#05080f,#0a1322)}html.dark .footer__brand-name{color:#fff}html.dark .footer__brand-name span{color:var(--dk-accent-light)}html.dark .footer-brand-desc{color:var(--dk-text-dim)}html.dark .footer-nav-links li a{color:var(--dk-text-muted)}html.dark .footer-nav-links li a:hover{color:var(--dk-accent-light)!important}html.dark .footer-nav-links--tools li a{color:var(--dk-text-dim)}html.dark .footer-social-link{background:var(--dk-surface-2);box-shadow:0 2px 10px #0006}html.dark .footer-social-link img{filter:invert(.8);opacity:.9}html.dark .footer-bottom-links a,html.dark .footer-copyright{color:var(--dk-text-dim)}html.dark .footer-dot{background:var(--dk-border)}html.dark .footer-cta-banner{background:linear-gradient(to top,#101b30 0%,#070c16 100%)}html.dark .footer-cta-btn-light{background:var(--dk-surface-2);border-color:var(--dk-border);color:var(--dk-text)}html.dark .half-background{background:radial-gradient(74.23% 100% at 50% 0%,#0d1728 0%,#0b1120 100%)}html.dark .page-heading{color:#fff}html.dark .login-register-section .outer{background-color:var(--dk-surface);border-color:var(--dk-border);box-shadow:0 8px 40px #00000073}html.dark .login-register-section .inner{background-color:transparent}html.dark .form-group label{color:#fff}html.dark .input-group{background:var(--dk-surface-2);border-color:var(--dk-border-light)}html.dark .input-group:hover,html.dark .input-group:focus-within{border-color:var(--dk-accent)}html.dark .addon-input{color:var(--dk-text)}html.dark .addon-input::placeholder{color:var(--dk-text-dim)}html.dark .addons img{filter:invert(.7)}html.dark .google-auth{background:var(--dk-surface-2);border-color:var(--dk-border);color:var(--dk-text)}html.dark .google-auth:hover{border-color:var(--dk-accent);color:var(--dk-accent-light)}html.dark .line-span{border-bottom-color:var(--dk-border-light)}html.dark .text-span{background:var(--dk-surface);color:var(--dk-text-dim)}html.dark .descriptive-text{color:var(--dk-text-dim)}html.dark .descriptive-link{color:var(--dk-accent-light)}html.dark .plan-card{background-color:var(--dk-surface);border-color:var(--dk-border);box-shadow:0 4px 6px -2px #0006}html.dark .plan-card.popular:after{background-color:var(--dk-surface)}html.dark .card-header strong{color:var(--dk-accent-light)}html.dark .pricing{color:var(--dk-text)}html.dark .pricing .actual-price{color:#fff}html.dark .pricing small{color:var(--dk-text-muted)}html.dark .pricing .del-price{color:var(--dk-text-dim)}html.dark .card-text,html.dark .plan-features li{color:var(--dk-text-muted)}html.dark .tag{color:var(--dk-accent-light)}html.dark .uploaded-image-preview,html.dark .search-engine-box{border-color:var(--dk-border);background:var(--dk-surface-2)}html.dark .search-engine-link{color:#fff}html.dark .ris-reset{color:var(--dk-text-muted)}html.dark .ris-reset:hover{color:var(--dk-accent-light)}html.dark .ris-reset img{filter:invert(.7)}html.dark .ris-engines-title{color:var(--dk-text-muted)}html.dark .ris-engine-name{color:#fff}html.dark .search-engine-box:hover{border-color:var(--dk-accent);box-shadow:0 6px 16px #0006}html.dark .or{color:var(--dk-text-muted)}html.dark .or:before,html.dark .or:after{background:var(--dk-border)}html.dark .user__profile_cards{background-color:var(--dk-bg)}html.dark .user__profile_cards>div{background-color:var(--dk-surface)}html.dark .horizontal_line{border-bottom-color:var(--dk-border-light)}html.dark .horizontal_line p{color:var(--dk-accent-light);border-bottom-color:var(--dk-accent)}html.dark .user-info{color:var(--dk-text-muted)}html.dark .user-info p,html.dark .account__actions label{color:var(--dk-text)}html.dark .initials{background-color:var(--dk-surface-3);color:var(--dk-accent-light)}html.dark .dialog-body{background-color:var(--dk-surface)}html.dark .form-group input{background:var(--dk-surface-2);border-color:var(--dk-border-light);color:var(--dk-text)}html.dark .form-group input::placeholder{color:var(--dk-text-dim)}html.dark .section-overlay{background:rgba(14,12,26,.8);color:var(--dk-accent-light)}html.dark dialog{background:var(--dk-surface);color:var(--dk-text);box-shadow:0 2px 24px #0009}html.dark dialog::backdrop{background:rgba(0,0,0,.7)}html.dark dialog p{color:var(--dk-text-muted)}html.dark .login-register-dialog{background:var(--dk-surface)}
