:root{color-scheme:dark;--bg:#111015;--surface:#1c1923;--surface-2:#282131;--text:#f4effb;--muted:#b4a9c5;--line:#35303e;--accent:#c2a3ff;--accent-ink:#21132f;--danger:#ffb2bd;font:16px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button{color:inherit;border:0}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}h1,h2,p{margin:0}h1{font-size:44px;line-height:1.08;letter-spacing:-2px;font-weight:700}h1 span{color:var(--accent)}h2{font-size:16px;letter-spacing:-.3px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block;flex-shrink:0}input[type=checkbox]{accent-color:var(--accent);width:20px;height:20px}.app{width:100%;max-width:580px;margin:0 auto}header{padding:calc(20px + env(safe-area-inset-top)) 24px 18px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand img{border-radius:11px}.brand strong{display:block;font-size:25px;font-weight:750;line-height:1.05;letter-spacing:-1.2px}.brand span{font-size:8px;letter-spacing:2.3px;color:var(--muted)}.icon-button{height:44px;width:44px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);border-radius:13px;color:var(--accent)}main{padding:12px 24px calc(115px + env(safe-area-inset-bottom))}.heading{padding:8px 0 30px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--muted);display:flex;align-items:center;gap:7px}.eyebrow i{display:block;width:5px;height:5px;border-radius:50%;background:var(--accent)}.heading h1{margin-top:16px}.heading p,.page-heading>p{font-size:13px;color:var(--muted);margin-top:15px;line-height:1.7}.tool-tabs{display:flex;background:#19161f;padding:5px;border-radius:14px;gap:5px;margin-bottom:20px}.tool-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;color:var(--muted);padding:12px 4px;border-radius:10px;font-size:12px;font-weight:600}.tool-tabs svg{width:17px;height:17px}.tool-tabs button[aria-selected=true]{background:#352947;color:#dfcaff;box-shadow:0 2px 6px #0002}.dropzone{border:1px dashed #574364;border-radius:20px;padding:27px 18px;text-align:center;background:radial-gradient(ellipse at top,#29203370,transparent 80%)}.dropzone.drag-over{border-color:var(--accent);background:#32243e}.upload-icon{color:var(--accent);display:grid;place-items:center;background:#30243f;width:50px;height:50px;margin:0 auto 15px;border-radius:15px}.upload-icon svg{width:25px;height:25px}.dropzone h2{font-size:17px}.dropzone p{font-size:11px;color:var(--muted);margin:7px auto 20px;max-width:260px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:14px 17px;font-size:13px;font-weight:650;min-height:48px;text-decoration:none}.button svg{width:18px;height:18px}.primary{color:var(--accent-ink);background:var(--accent)}.secondary{background:var(--surface-2);border:1px solid #4b3b59;color:#d9c4f3}.limit{display:block;color:#a797ba;font-size:9px;margin-top:15px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-top:25px;margin-bottom:8px}.section-head h2{font-size:12px}.section-head h2 span{font-size:10px;color:var(--accent);padding:3px 6px;background:#30233f;border-radius:5px;margin-left:4px}.text-button{font-size:11px;color:var(--accent);background:transparent;min-height:40px;padding:5px}.file-list{list-style:none;padding:0;margin:0}.file-row{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding:12px 0}.file-symbol{color:var(--accent);background:var(--surface-2);border-radius:10px;padding:10px}.file-symbol svg{width:17px;height:17px}.file-info{flex:1;min-width:0}.file-info strong{display:block;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info small{color:var(--muted);font-size:10px}.row-buttons{display:flex;gap:2px}.mini-button{background:transparent;color:var(--muted);width:34px;min-height:40px;display:grid;place-items:center;font-size:18px}.mini-button svg{width:16px;height:16px}.order-note{font-size:10px;color:var(--muted);padding-top:12px}.settings{margin-top:27px}.field-label{font-size:9px;letter-spacing:1.6px;color:var(--muted);display:block;margin-bottom:9px}.select-wrap{position:relative}.select-wrap>span{position:absolute;right:15px;top:18px;pointer-events:none;color:var(--accent)}.select-wrap svg{width:16px;height:16px}.select-wrap select{background:var(--surface);color:var(--text);width:100%;padding:16px 40px 16px 16px;border:1px solid var(--line);border-radius:12px;appearance:none;font-size:14px}.operation-note{font-size:11px;color:var(--muted);margin-top:10px;line-height:1.7;min-height:36px}.image-options{margin-top:18px;border-top:1px solid var(--line);padding-top:8px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;font-size:12px}.setting-row select{max-width:180px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 10px;color:var(--muted);font-size:11px}.setting-row>div{display:flex;align-items:center;gap:8px}.setting-row input[type=range]{width:90px;accent-color:var(--accent)}.setting-row output{font-size:11px;min-width:30px;color:var(--accent)}.hint{font-size:10px;color:var(--muted);line-height:1.7}.check-row{display:flex;align-items:center;gap:10px;font-size:12px;padding:10px 0}.page-input{width:100%;padding:13px;border-radius:10px;background:var(--surface);color:var(--text);border:1px solid var(--line);margin-bottom:9px;font-size:16px}#page-options{margin-top:18px}.run-area{margin-top:24px}.convert{width:100%;font-size:14px;min-height:55px}.convert>span:last-child{margin-left:auto}.convert>span:nth-child(2){margin-right:auto}.run-area>.secondary{width:100%;margin-top:10px}.run-area progress{accent-color:var(--accent);width:100%;height:5px;margin-top:18px}.run-area>p{font-size:11px;text-align:center;margin-top:12px;color:var(--muted)}.local-note{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);margin-top:30px;padding-top:20px;color:var(--muted);font-size:10px}.local-note>span{color:var(--accent)}.local-note strong{font-size:11px;font-weight:500;color:#d7cce4}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:580px;padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:#18151ff2;border-top:1px solid var(--line);display:flex;gap:7px;backdrop-filter:blur(20px);z-index:4}.bottom-nav button{background:transparent;flex:1;color:#a497b5;display:flex;align-items:center;flex-direction:column;gap:5px;border-radius:10px;padding:7px;font-size:10px;min-height:52px}.bottom-nav button.active{color:var(--accent);background:#2b213a}.bottom-nav svg{width:21px;height:21px}.bottom-nav b{background:var(--accent);color:var(--accent-ink);padding:1px 5px;border-radius:4px;font-size:8px;font-weight:600}.page-heading{padding:10px 0 25px}.page-heading h1{font-size:38px;margin-top:20px}.empty{text-align:center;padding:50px 10px}.empty>span{display:flex;justify-content:center;color:var(--accent);margin-bottom:20px}.empty svg{width:48px;height:48px}.empty h2{font-size:18px}.empty p{font-size:12px;color:var(--muted);margin:10px 0 25px}.results-summary{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px;padding-bottom:8px}.result-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:16px;margin-top:13px}.result-top{display:flex;align-items:center;gap:12px}.result-top>span{padding:11px;background:#30253d;border-radius:10px;color:var(--accent)}.result-top>div{min-width:0;flex:1}.result-top strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere}.result-top small{font-size:10px;color:var(--muted)}.result-actions{display:flex;gap:10px;margin-top:15px}.result-actions .button{flex:1;font-size:11px;min-height:40px;padding:9px}.result-actions a{display:flex}.result-check{color:#c4ecbe!important;background:#223323!important}#share-all{width:100%;margin-top:20px}#save-hint{margin-top:12px}.error-card{border:1px solid #663743;background:#301c25;color:#ffc8d2;border-radius:12px;padding:14px;margin-top:12px;font-size:12px;overflow-wrap:anywhere}.error-card strong{display:block;margin-bottom:5px;font-weight:600}.info-card{background:var(--surface);border:1px solid var(--line);padding:22px;border-radius:17px;margin-bottom:16px}.info-card>span{display:block;color:var(--accent);margin-bottom:17px}.info-card p,.info-card li{font-size:12px;color:var(--muted);line-height:1.8}.info-card h2{font-size:17px;margin-bottom:12px}.info-card .button{margin-top:17px}.info-card ul{padding-left:18px;margin:0}.info-card li+li{margin-top:9px}.info-card .offline-status{color:var(--accent);font-size:10px;margin-top:13px}.about-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;font-size:11px;color:var(--accent)}.version{font-size:10px;text-align:center;color:var(--muted);margin-top:25px}dialog{background:#231b2e;border:1px solid #51405f;border-radius:24px;padding:28px;width:calc(100% - 36px);max-width:390px;color:var(--text);max-height:85vh;overflow:auto}dialog::backdrop{background:#050308c9;backdrop-filter:blur(8px)}dialog>img{border-radius:19px;margin-bottom:20px}.dialog-close{position:absolute;right:15px;top:15px;font-size:25px;background:transparent;border:0}dialog h2{font-size:23px;line-height:1.2;padding-right:25px}dialog ol{padding-left:19px;font-size:13px;line-height:1.8;color:var(--muted);margin-top:24px}dialog li+li{margin-top:15px}dialog li svg{display:inline-block;vertical-align:middle;width:17px;height:17px;color:var(--accent)}dialog>p{font-size:10px;color:var(--muted);margin:20px 0}dialog>.button{width:100%}@media(min-width:700px){body{background:radial-gradient(ellipse at top,#22182d,#111015 60%)}.app{border-inline:1px solid #302637;min-height:100vh;background:var(--bg)}main{padding-inline:32px}.heading h1{font-size:52px}.heading{padding-top:20px}header{padding-inline:32px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.result-preview{display:block;width:100%;max-height:280px;object-fit:contain;background:#fff;border-radius:8px;margin-bottom:14px}.embedded header,.embedded .tool-tabs{display:none}.embedded .heading{padding-top:20px}.embedded .app{border:0}.embedded main{padding-bottom:105px}

/* Compact, aligned product lockup. */
.app>header .brand{gap:11px;flex-shrink:0;align-items:center}
.app>header .brand>img{display:block;width:40px;height:40px;border-radius:11px;flex:none}
.app>header .brand>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;direction:ltr;text-align:left}
.app>header .brand>div>strong{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:26px;font-weight:700;line-height:1;letter-spacing:-.8px;color:#f4effb}
.app>header .brand>div>span{display:block;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:7px;font-weight:500;line-height:1.15;letter-spacing:1.6px;color:#a397b5;white-space:nowrap}
html[lang=ar] .app>header .brand>div>span{font-family:'Velora Arabic',sans-serif;font-size:9px;letter-spacing:0;line-height:1.2}

/* Keep the Arabic platform label directly under the right edge of Velora. */
html[lang=ar] .app>header .brand>div{align-items:flex-end;text-align:right}
html[lang=ar] .app>header .brand>div>span{align-self:flex-end;direction:rtl;unicode-bidi:isolate;text-align:right}