@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
:root{--ink:#142235;--muted:#657487;--line:#e6ebf0;--bg:#fff;--navy:#101b2b;--cyan:#69dce7;--purple:#9387ff;--soft:#f5f8fb;--shadow:0 18px 50px rgba(17,36,57,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans','Manrope',sans-serif;line-height:1.6}body[dir=rtl]{font-family:'Noto Sans Arabic','DM Sans',sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{height:84px;padding:0 max(24px,calc((100% - 1160px)/2));display:flex;align-items:center;gap:40px;border-bottom:1px solid #edf0f3;background:#fff}.brand{display:flex;align-items:center;gap:10px;font-size:19px;letter-spacing:-.8px;font-weight:500;line-height:1.05;white-space:nowrap}.brand img{display:block}.brand b{font-weight:800}.brand small{display:block;font-size:8px;letter-spacing:2.4px;color:#7c8a99;margin-top:6px;font-weight:700}.site-header nav{display:flex;gap:30px;margin-left:auto;font-size:13px;color:#566579}.site-header nav a:hover,.footer-links a:hover{color:#168eaa}.header-actions{display:flex;align-items:center;gap:14px}.lang-switch{border:0;background:transparent;color:#31465a;font:inherit;font-size:12px;cursor:pointer}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 20px;border-radius:9px;font-size:13px;font-weight:700}.header-cta{background:#14263a;color:#fff}.button.primary{background:#14263a;color:#fff;box-shadow:0 8px 18px #14263a1c}.button.primary:hover,.header-cta:hover{background:#254762;transform:translateY(-1px)}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;padding-top:82px;padding-bottom:95px;min-height:580px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#168eaa;font-weight:800;display:flex;align-items:center;gap:10px}.pulse{width:7px;height:7px;border-radius:50%;background:#55c9d8;box-shadow:0 0 0 5px #e3f8fa}.hero h1,.section-heading h2,.why-section h2,.bottom-cta h2{font-family:'Manrope','DM Sans',sans-serif;font-size:clamp(42px,5vw,65px);line-height:1.08;letter-spacing:-3px;margin:24px 0 20px;font-weight:800}.hero h1 em,.section-heading h2 em,.why-section h2 em,.bottom-cta h2 em{font-style:normal;color:#269caf}.hero-copy>p{max-width:500px;color:#66778a;font-size:16px;line-height:1.85}.hero-buttons{display:flex;align-items:center;gap:22px;margin-top:30px;flex-wrap:wrap}.privacy-note{font-size:11px;color:#697b8c;display:flex;align-items:center;gap:8px}.privacy-note i{font-style:normal;color:#20a5a9}.hero-stats{display:flex;gap:42px;margin-top:54px}.hero-stats div{display:grid;gap:2px}.hero-stats strong{font-size:22px;letter-spacing:-1px}.hero-stats span{font-size:10px;color:#8190a0}.hero-art{height:390px;position:relative;display:grid;place-items:center}.art-glow{position:absolute;width:360px;height:330px;background:radial-gradient(ellipse,#bceef0 0%,#edf8fa 45%,transparent 72%);filter:blur(8px)}.image-window{width:min(410px,100%);height:300px;position:relative;z-index:2;border:8px solid white;border-radius:19px;box-shadow:0 28px 70px #18364b30;background:#fff;transform:rotate(-4deg);overflow:visible}.window-top{height:35px;background:#f7f9fb;display:flex;align-items:center;padding:0 12px;gap:5px;border-radius:9px 9px 0 0}.window-top>span{width:6px;height:6px;border-radius:50%;background:#c5d1dc}.window-top label{margin-left:auto;font-size:7px;letter-spacing:1.5px;color:#91a0ae}.photo-scene{height:248px;position:relative;overflow:hidden;border-radius:0 0 11px 11px;background:linear-gradient(180deg,#f8c9a4 0%,#f7d5b6 38%,#9bc6c8 39%,#457f91 100%)}.sun{position:absolute;width:64px;height:64px;border-radius:50%;background:#fff0c6;top:35px;right:72px;box-shadow:0 0 40px #fff4c8}.mountain{position:absolute;bottom:52px;width:0;height:0;border-left:150px solid transparent;border-right:150px solid transparent;border-bottom:175px solid #4c7782}.m1{left:-40px}.m2{left:115px;border-bottom-color:#73969a;border-bottom-width:125px}.m3{right:-80px;border-bottom-color:#315d70;border-bottom-width:145px}.lake{position:absolute;bottom:0;left:0;right:0;height:75px;background:linear-gradient(180deg,#4c8793,#234e67)}.floating-chip{position:absolute;z-index:3;padding:12px 16px;border-radius:11px;background:#fff;box-shadow:0 12px 32px #193c5426;font-size:10px;font-weight:700;color:#344b5c}.chip-one{top:40px;right:-20px}.chip-two{bottom:35px;left:-35px}.tiny-check{display:inline-grid;place-items:center;background:#dff7f0;color:#149b75;border-radius:50%;width:17px;height:17px;margin-right:5px}.orbit{position:absolute;border:1px solid #a8dfe2;border-radius:50%;width:430px;height:270px;transform:rotate(-25deg)}.orbit-b{width:500px;height:330px;transform:rotate(35deg);border-color:#d8d2ff}.tools-section{padding:60px 0 110px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-heading h2,.why-section h2,.bottom-cta h2{font-size:46px;margin:15px 0 0}.section-heading>p{max-width:330px;color:#748294;font-size:13px;line-height:1.8;margin:0 0 5px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{padding:26px 25px 23px;border:1px solid var(--line);border-radius:13px;min-height:245px;transition:.2s;position:relative;background:#fff}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#c8e5e9}.tool-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;font-size:25px;font-weight:500;margin-bottom:23px}.coral{background:#fff0eb;color:#df826d}.blue{background:#eaf4ff;color:#528bc6}.violet{background:#f1edff;color:#8976d9}.amber{background:#fff6df;color:#d49c34}.green{background:#e8f7f0;color:#4ba47c}.pink{background:#fff0f6;color:#d777a1}.tool-number{position:absolute;top:33px;right:24px;color:#a4afba;font-size:9px;letter-spacing:1.2px;font-weight:700}.tool-card h3{font-size:17px;margin:0 0 8px;letter-spacing:-.4px}.tool-card p{font-size:12px;color:#7b8998;line-height:1.7;margin:0 0 19px;max-width:280px}.card-link{font-size:11px;color:#168da3;font-weight:800}.why-section{background:#f5f8fa;padding:90px 0}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.why-section p{color:#718092;font-size:14px;line-height:1.9;max-width:440px}.feature-list{display:grid;gap:25px}.feature-list>div{display:flex;gap:20px;border-bottom:1px solid #e2e9ee;padding-bottom:20px}.feature-list>div>span{font-size:11px;color:#25a0b0;font-weight:800;padding-top:3px}.feature-list b{font-size:14px}.feature-list p{margin:5px 0 0;font-size:12px}.bottom-cta{padding-top:85px;padding-bottom:85px;display:flex;justify-content:space-between;align-items:center}.bottom-cta h2{margin-bottom:0}.site-footer{background:#101b2b;color:#dbe5ec;padding:38px 0 22px}.footer-top{display:flex;align-items:center;gap:28px;padding-bottom:32px}.footer-top .brand{color:#fff}.footer-top .brand small{color:#8ea1b4}.footer-top>p{font-size:12px;color:#93a4b5;margin-right:auto}.footer-links{display:flex;gap:20px;font-size:11px;color:#aab9c6}.footer-bottom{border-top:1px solid #293748;padding-top:18px;display:flex;justify-content:space-between;color:#7f91a3;font-size:10px}
.tool-page{background:#f7f9fb;min-height:75vh;padding:55px 0 90px}.tool-shell{max-width:930px;margin:auto}.breadcrumb{font-size:11px;color:#8290a0;margin-bottom:20px}.tool-intro{text-align:center;margin-bottom:32px}.tool-intro h1{font-size:38px;letter-spacing:-1.5px;margin:8px 0}.tool-intro p{color:#718092;font-size:14px}.tool-panel{background:#fff;border:1px solid #e4eaf0;border-radius:16px;padding:28px;box-shadow:0 14px 40px #20384d0a}.upload-zone{border:1.5px dashed #bfd1dc;border-radius:13px;padding:34px 20px;text-align:center;background:#fbfdfe;cursor:pointer;display:block}.upload-zone:hover{border-color:#4bb8c5;background:#f4fcfd}.upload-symbol{font-size:30px;color:#269caf}.upload-zone strong{display:block;margin:7px 0;font-size:14px}.upload-zone small{color:#8a98a6;font-size:11px}.upload-zone input{display:none}.workspace{display:none;margin-top:22px}.workspace.active{display:block}.preview-wrap{background:#f3f6f8;border-radius:12px;padding:15px;text-align:center;overflow:auto}.preview-wrap img,.preview-wrap canvas{max-width:100%;max-height:430px;object-fit:contain}.controls{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin-top:20px}.field{display:grid;gap:6px;min-width:130px;flex:1}.field label{font-size:11px;color:#607183;font-weight:700}.field input,.field select{width:100%;height:42px;border:1px solid #dce4ea;border-radius:8px;padding:0 11px;font:inherit;color:#26394c;background:white}.field input[type=range]{padding:0}.checkline{display:flex;align-items:center;gap:7px;font-size:12px;color:#657487;padding:10px 0}.action{border:0;border-radius:8px;background:#14263a;color:#fff;padding:12px 18px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.action.secondary{background:#edf3f6;color:#31485a}.action:disabled{opacity:.45;cursor:not-allowed}.result{margin-top:17px;color:#258b70;font-size:12px}.tool-help{margin:26px auto 0;max-width:850px;color:#728194;font-size:12px;line-height:1.9}.tool-help h2{color:#26394c;font-size:18px}.tool-help h3{color:#344a5e;font-size:14px}.legal{max-width:850px;padding:65px 24px 100px;margin:auto}.legal h1{font-size:40px}.legal p,.legal li{color:#637487;line-height:1.9;font-size:14px}.legal h2{margin-top:30px;font-size:20px}.contact-card{background:#f5f8fa;padding:25px;border-radius:12px}.notice{padding:12px 14px;background:#fff8e8;color:#856b34;border-radius:8px;font-size:11px;margin-top:16px}body[dir=rtl] .site-header nav{margin-left:0;margin-right:auto}body[dir=rtl] .tool-number{right:auto;left:24px}body[dir=rtl] .footer-top>p{margin-right:0;margin-left:auto}body[dir=rtl] .chip-one{right:auto;left:-20px}body[dir=rtl] .chip-two{left:auto;right:-35px}
@media(max-width:800px){.site-header{gap:15px;height:72px}.site-header nav{display:none}.header-actions{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:60px;gap:10px}.hero-art{height:330px}.hero h1{font-size:51px}.section-heading{display:block}.section-heading>p{margin-top:20px}.tool-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:1fr;gap:40px}.bottom-cta{gap:20px}.footer-top{flex-wrap:wrap}.footer-links{width:100%;flex-wrap:wrap}.footer-top>p{margin-left:0}.tool-shell{width:calc(100% - 30px)}}@media(max-width:520px){.wrap{width:calc(100% - 34px)}.header-cta{display:none}.hero h1{font-size:43px;letter-spacing:-2px}.hero-stats{gap:23px}.hero-art{height:280px}.image-window{width:88%;height:250px}.photo-scene{height:198px}.orbit{width:320px;height:230px}.chip-one{right:-7px}.chip-two{left:-9px}.tools-section{padding:45px 0 70px}.section-heading h2,.why-section h2,.bottom-cta h2{font-size:38px}.tool-grid{grid-template-columns:1fr;gap:12px}.tool-card{min-height:210px}.why-section{padding:65px 0}.bottom-cta{padding:60px 0;display:block}.bottom-cta .button{margin-top:25px}.footer-bottom{gap:12px;flex-direction:column}.tool-page{padding-top:35px}.tool-intro h1{font-size:30px}.tool-panel{padding:15px}.controls .action{width:100%}}

.small-hint{font-size:11px;color:#718092;width:100%}.color-result{display:flex;align-items:center;gap:14px;margin-top:18px;flex-wrap:wrap}.swatch{width:48px;height:48px;border-radius:10px;border:1px solid #dce4ea}.color-result small{display:block;color:#718092;font-size:11px;margin-top:4px}

/* Tool feedback and disabled action states */
.result.error{color:#b42318;background:#fff1f0;border:1px solid #fecdca;padding:12px 14px;border-radius:12px}.action:disabled{opacity:.5;cursor:not-allowed}

/* Task Vault v3: accessible global theme and language controls */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language-select,.theme-toggle{height:38px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);padding:0 10px;font:600 12px 'DM Sans','Noto Sans Arabic',sans-serif;cursor:pointer}
.language-select{max-width:132px}.theme-toggle{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.theme-icon{font-size:17px;line-height:1}.translate-host{display:none!important}
html[data-theme="dark"]{--ink:#edf3fa;--muted:#a9b7c7;--line:#2b394a;--bg:#111923;--navy:#080e16;--soft:#182331;--shadow:0 18px 50px rgba(0,0,0,.28);color-scheme:dark}
html[data-theme="dark"] body{background:#0c121b;color:#edf3fa}
html[data-theme="dark"] .site-header{background:#101823;border-color:#283545}
html[data-theme="dark"] .site-header nav,html[data-theme="dark"] .lang-switch{color:#c1ccda}
html[data-theme="dark"] .brand small{color:#92a2b4}
html[data-theme="dark"] .hero-copy>p,html[data-theme="dark"] .section-heading>p,html[data-theme="dark"] .why-section p,html[data-theme="dark"] .tool-card p,html[data-theme="dark"] .tool-intro p,html[data-theme="dark"] .tool-help,html[data-theme="dark"] .legal p,html[data-theme="dark"] .legal li{color:#a9b7c7}
html[data-theme="dark"] .art-glow{background:radial-gradient(ellipse,#1d4a56 0%,#142b38 45%,transparent 72%)}
html[data-theme="dark"] .image-window{border-color:#202c39;background:#202c39;box-shadow:0 28px 70px #0008}
html[data-theme="dark"] .window-top{background:#1a2633}html[data-theme="dark"] .window-top label{color:#9aabba}
html[data-theme="dark"] .floating-chip{background:#202c39;color:#e9f1f8;box-shadow:0 12px 32px #0007}
html[data-theme="dark"] .tool-card,html[data-theme="dark"] .tool-panel,html[data-theme="dark"] .contact-card{background:#151f2b;border-color:#2b394a}
html[data-theme="dark"] .why-section,html[data-theme="dark"] .tool-page{background:#101a26}
html[data-theme="dark"] .feature-list>div{border-color:#2b394a}
html[data-theme="dark"] .feature-list p,html[data-theme="dark"] .breadcrumb{color:#a9b7c7}
html[data-theme="dark"] .tool-panel{box-shadow:0 14px 40px #0004}
html[data-theme="dark"] .upload-zone{background:#111d29;border-color:#40566b}
html[data-theme="dark"] .upload-zone small,html[data-theme="dark"] .field label{color:#a9b7c7}
html[data-theme="dark"] .preview-wrap{background:#0d1620}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field select{background:#101a26;color:#edf3fa;border-color:#3a4a5d}
html[data-theme="dark"] .action.secondary{background:#293849;color:#edf3fa}
html[data-theme="dark"] .tool-help h2,html[data-theme="dark"] .tool-help h3{color:#e5edf6}
html[data-theme="dark"] .contact-card{color:#edf3fa}
html[data-theme="dark"] .notice{background:#302919;color:#f1d99a}
html[data-theme="dark"] .language-select,html[data-theme="dark"] .theme-toggle{background:#182331;color:#eaf1f8;border-color:#35465a}
html[data-theme="dark"] .site-footer{background:#070d14}
html[data-theme="dark"] .button.primary,html[data-theme="dark"] .header-cta,html[data-theme="dark"] .action{background:#d9f6f8;color:#10202a}
html[data-theme="dark"] .button.primary:hover,html[data-theme="dark"] .header-cta:hover{background:#a9e8ed}
html[data-theme="dark"] .hero-stats span{color:#a2b1c1}
html[data-theme="dark"] .tool-intro h1,html[data-theme="dark"] .legal h1{color:#f3f7fc}
html[data-theme="dark"] .tool-number{color:#899bad}
html[data-theme="dark"] .card-link{color:#70d5df}
.goog-te-banner-frame,.goog-te-balloon-frame{display:none!important}body{top:0!important}.skiptranslate{display:none!important}
@media(max-width:800px){.header-actions{gap:8px}.language-select{max-width:112px}.theme-label{display:none}.theme-toggle{width:38px;justify-content:center;padding:0}.theme-icon{font-size:19px}}
@media(max-width:520px){.site-header{padding:0 12px}.brand{font-size:16px;gap:7px}.brand img{width:34px;height:34px}.language-select{max-width:100px;font-size:11px;padding:0 5px}.header-actions{gap:6px}}


/* Task Vault v4 visual system: black / violet gradient + clean light mode */
:root{--ink:#211a35;--muted:#756b89;--line:#e8e2f3;--bg:#ffffff;--navy:#171025;--purple:#8052e8;--soft:#f7f4fc;--shadow:0 18px 55px rgba(56,32,99,.12);--accent:#8957f0;--accent2:#c08bff}
body{background:var(--bg);color:var(--ink)}
.hero h1 em,.section-heading h2 em,.why-section h2 em,.bottom-cta h2 em{background:linear-gradient(100deg,#8052e8,#bd79ed 65%,#e09acb);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{color:#8052e8}.pulse{background:#a77aff;box-shadow:0 0 0 5px #f0e9ff}
.button.primary,.header-cta,.action{background:linear-gradient(115deg,#171025,#5830a7 68%,#8052e8);color:#fff;box-shadow:0 9px 24px rgba(100,59,176,.2)}
.button.primary:hover,.header-cta:hover,.action:not(:disabled):hover{background:linear-gradient(115deg,#281743,#7041c6 68%,#a16cff);transform:translateY(-1px)}
.card-link{color:#8052e8}.tool-card:hover{border-color:#cbb8f4;box-shadow:0 18px 44px rgba(83,51,145,.13)}
.tool-icon.violet{background:#f0eaff;color:#8052e8}.art-glow{background:radial-gradient(ellipse,#e6d8ff 0%,#f7f0ff 48%,transparent 74%)}
.orbit{border-color:#c6a8ff}.orbit-b{border-color:#e7c8f0}
.tool-page{background:linear-gradient(180deg,#faf8ff,#f5f2fb)}
.tool-panel{box-shadow:0 16px 48px rgba(45,25,81,.08)}
.upload-zone{background:linear-gradient(145deg,#fff,#faf7ff);border-color:#cbb9ec}
.upload-zone:hover{border-color:#9564e8;background:#f8f3ff}
.action.secondary{background:#f0ebf8;color:#49356e;box-shadow:none}
.result{color:#176b50;background:#eaf8f1;border:1px solid #c8eedc;padding:11px 13px;border-radius:10px;min-height:0}
.result:empty{display:none}.result.error{color:#a52b43;background:#fff0f2;border-color:#ffd0d8}
.notice{background:linear-gradient(100deg,#f4edff,#fff7fd);color:#63458f;border:1px solid #e3d3ff;border-radius:10px}
.contact-card{background:linear-gradient(135deg,#f5efff,#fff)}
.language-select:focus-visible,.theme-toggle:focus-visible,.button:focus-visible,.action:focus-visible,a:focus-visible{outline:3px solid #a77aff;outline-offset:3px}
html[data-theme="dark"]{--ink:#f4efff;--muted:#c0b5d4;--line:#332448;--bg:#0b0911;--soft:#171020;--shadow:0 18px 55px rgba(0,0,0,.38);--accent:#a982ff}
html[data-theme="dark"] body{background:#09070e;color:#f4efff}
html[data-theme="dark"] .site-header{background:rgba(13,10,20,.96);border-color:#30213f}
html[data-theme="dark"] .site-header nav{color:#d0c4e4}
html[data-theme="dark"] .hero-copy>p,html[data-theme="dark"] .section-heading>p,html[data-theme="dark"] .why-section p,html[data-theme="dark"] .tool-card p,html[data-theme="dark"] .tool-intro p,html[data-theme="dark"] .tool-help,html[data-theme="dark"] .legal p,html[data-theme="dark"] .legal li{color:#b9adc9}
html[data-theme="dark"] .art-glow{background:radial-gradient(ellipse,#3c2261 0%,#21142f 48%,transparent 74%)}
html[data-theme="dark"] .image-window{border-color:#21172e;background:#21172e}
html[data-theme="dark"] .window-top{background:#191222}
html[data-theme="dark"] .floating-chip{background:#21172e;color:#f4efff;border:1px solid #493365}
html[data-theme="dark"] .tool-card,html[data-theme="dark"] .tool-panel,html[data-theme="dark"] .contact-card{background:#15101d;border-color:#342447;color:#f4efff}
html[data-theme="dark"] .tool-card:hover{border-color:#7652a8}
html[data-theme="dark"] .why-section{background:#100b18}
html[data-theme="dark"] .tool-page{background:linear-gradient(180deg,#100b18,#0c0912)}
html[data-theme="dark"] .feature-list>div{border-color:#342447}
html[data-theme="dark"] .feature-list p,html[data-theme="dark"] .breadcrumb{color:#b9adc9}
html[data-theme="dark"] .upload-zone{background:#100c17;border-color:#594477}
html[data-theme="dark"] .upload-zone:hover{background:#1c1229;border-color:#a982ff}
html[data-theme="dark"] .upload-zone small,html[data-theme="dark"] .field label{color:#b9adc9}
html[data-theme="dark"] .preview-wrap{background:#0b0810}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field select{background:#100c17;color:#f4efff;border-color:#49365e}
html[data-theme="dark"] .action.secondary{background:#30213f;color:#f4efff}
html[data-theme="dark"] .tool-help h2,html[data-theme="dark"] .tool-help h3,html[data-theme="dark"] .tool-intro h1,html[data-theme="dark"] .legal h1{color:#f4efff}
html[data-theme="dark"] .notice{background:linear-gradient(100deg,#241633,#211323);color:#d8c1ff;border-color:#50356e}
html[data-theme="dark"] .result{background:#10271f;color:#a7e8c7;border-color:#24543f}
html[data-theme="dark"] .result.error{background:#31131d;color:#ffc1cb;border-color:#6e293c}
html[data-theme="dark"] .language-select,html[data-theme="dark"] .theme-toggle{background:#1a1225;color:#f4efff;border-color:#49365e}
html[data-theme="dark"] .site-footer{background:#050409}
html[data-theme="dark"] .button.primary,html[data-theme="dark"] .header-cta,html[data-theme="dark"] .action{background:linear-gradient(115deg,#48227e,#7142c2 65%,#a16cff);color:#fff}
html[data-theme="dark"] .button.primary:hover,html[data-theme="dark"] .header-cta:hover,html[data-theme="dark"] .action:not(:disabled):hover{background:linear-gradient(115deg,#5a2b98,#8654d9 65%,#bb8aff)}
html[data-theme="dark"] .card-link{color:#c4a5ff}
html[dir="rtl"] body{font-family:'Noto Sans Arabic','DM Sans',sans-serif}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* v5: image workflow controls, estimates, presets and accessible zoom */
.zoom-control{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 15px;margin-top:12px;border:1px solid var(--line);border-radius:12px;background:var(--soft);font-size:12px}
.zoom-control label{font-weight:700}.zoom-control input{flex:1;min-width:120px;accent-color:#8b5cf6}.zoom-control output{font-weight:800;min-width:42px;text-align:end}
.compression-estimate{margin-top:16px;padding:18px;border:1px solid #8b5cf644;border-radius:14px;background:linear-gradient(135deg,rgba(139,92,246,.10),rgba(168,85,247,.035))}
.estimate-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.estimate-heading strong{font-size:14px}.estimate-heading span{font-size:11px;color:var(--muted)}
.estimate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.estimate-grid>div{display:grid;gap:5px;padding:13px;border-radius:10px;background:var(--panel,#fff);border:1px solid var(--line)}
.estimate-grid small{font-size:10px;color:var(--muted)}.estimate-grid b{font-size:20px;color:var(--accent,#8b5cf6);overflow-wrap:anywhere}.compression-estimate p{font-size:11px;color:var(--muted);margin:12px 0 0}
.preset-area{margin-top:20px}.preset-area>strong{display:block;margin-bottom:12px}.orientation-buttons,.preset-grid{display:flex;gap:9px;flex-wrap:wrap}.orientation-buttons{margin-bottom:12px}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.preset-button{padding:12px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel,#fff);color:var(--ink);font:inherit;font-size:12px;font-weight:700;cursor:pointer;text-align:center}
.preset-button:hover,.preset-button.active{border-color:#9b7cf5;background:rgba(139,92,246,.12);color:var(--accent,#8b5cf6)}
.advanced-size{margin-top:15px;border:1px solid var(--line);border-radius:10px;padding:13px}.advanced-size summary{font-size:12px;font-weight:700;cursor:pointer}.advanced-size .controls{margin-top:12px}
.size-summary{margin-top:12px;font-size:12px;color:var(--muted);padding:10px 12px;border-radius:9px;background:var(--soft)}
body[data-tool] .preview-wrap img{transform-origin:center center;transition:transform .12s ease}
@media(max-width:560px){.estimate-grid{grid-template-columns:1fr}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.estimate-grid b{font-size:18px}}