:root{color-scheme:light;--bg:#f5f6f8;--surface:#fff;--surface2:#f8f9fb;--text:#19212e;--muted:#667085;--line:#e5e8ed;--accent:#4b59d8;--accent-hover:#3b49c7;--tint:#eef0ff;--green:#16735b;--green-bg:#e9f6f0;--red:#c43e42;--red-bg:#fff0f0;--shadow:0 4px 22px rgba(20,32,58,.035);--radius:14px;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Arial,"Noto Sans TC","Microsoft JhengHei","Noto Sans SC",sans-serif}
:root[data-theme=dark]{color-scheme:dark;--bg:#11141a;--surface:#191e27;--surface2:#1e2530;--text:#e9edf4;--muted:#a0abba;--line:#2e3745;--accent:#9ca6ff;--accent-hover:#bbc2ff;--tint:#262d49;--green:#80d9b2;--green-bg:#203a32;--red:#ff9b9f;--red-bg:#40282e;--shadow:0 4px 22px rgba(0,0,0,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select,summary{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit}button,input,select{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button{border:0}h1,h2,h3,p{margin:0}svg{width:20px;height:20px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button svg,a svg{pointer-events:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-70px;inset-inline-start:16px;z-index:80;padding:10px 16px;background:var(--surface);border:2px solid var(--accent);border-radius:8px}.skip:focus{top:12px}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.header{height:70px;border-bottom:1px solid var(--line);background:var(--surface);position:relative;z-index:30}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap;direction:ltr}.brand-mark{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;background:var(--accent);color:var(--surface)}.brand-mark svg{width:22px;height:22px;stroke-width:1.8}.brand-name{font-weight:750;font-size:21px;letter-spacing:-.8px}.brand-name span{font-weight:450;color:var(--muted);margin-inline-start:5px}.header-nav{display:flex;align-items:center;gap:22px}.parent-link{display:flex;align-items:center;gap:5px;text-decoration:none;font-size:13px;font-weight:600}.parent-link svg{width:13px;height:13px;color:var(--muted)}.language{position:relative}.language>summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:var(--surface);font-size:12px;min-height:36px}.language>summary::-webkit-details-marker{display:none}.language>summary svg{width:16px;height:16px}.language>summary .chevron{width:12px}.language[open]>summary{border-color:var(--accent)}.language-menu{position:absolute;inset-inline-end:0;top:calc(100% + 9px);width:300px;max-height:65vh;overflow-y:auto;padding:7px;display:grid;grid-template-columns:1fr 1fr;gap:3px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 45px #0002}.language-menu a{display:block;padding:9px 10px;border-radius:6px;font-size:12px;text-decoration:none;overflow-wrap:anywhere}.language-menu a:hover,.language-menu a[aria-current=page]{background:var(--tint);color:var(--accent)}
.hero{padding:38px 0 26px;display:flex;justify-content:space-between;align-items:end;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:750;color:var(--accent);margin-bottom:9px}.hero h1{font-size:clamp(27px,3.2vw,40px);font-weight:760;letter-spacing:-1.35px;line-height:1.18}.hero h1 .accent{color:var(--accent)}.hero-description{color:var(--muted);font-size:13px;max-width:710px;margin-top:11px}.hero-side{flex-shrink:0;display:flex;align-items:flex-end;gap:10px;flex-direction:column}.trust-row{display:flex;gap:17px;flex-wrap:wrap;align-items:center;margin-top:17px;color:var(--muted);font-size:11px;font-weight:550}.trust-row span{display:flex;gap:5px;align-items:center}.trust-row svg{width:14px;height:14px;color:var(--green)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid var(--line);background:var(--surface);border-radius:8px;color:var(--muted);text-decoration:none}.icon-btn:hover{color:var(--accent);background:var(--tint)}.icon-btn svg{width:17px;height:17px}.hero-tools{display:flex;gap:7px}.install-btn{height:35px;font-size:11px;display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:0 11px}.install-btn svg{width:15px;height:15px}.offline-label{font-size:10px;color:var(--muted);display:flex;gap:5px;align-items:center}.offline-label .dot{height:5px;width:5px;background:var(--muted);border-radius:50%}.offline-label.is-ready .dot{background:var(--green)}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);min-width:0}.panel-head{height:59px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 20px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}.panel-head h2 svg{width:17px;height:17px;color:var(--muted)}.count-pill{font-size:10px;background:var(--surface2);border:1px solid var(--line);padding:1px 7px;border-radius:5px;color:var(--muted);font-weight:600}.toolbar{display:flex;gap:10px;align-items:center}.text-btn{display:inline-flex;gap:4px;align-items:center;font-size:11px;background:transparent;padding:6px 0;color:var(--muted);white-space:nowrap}.text-btn:hover{color:var(--accent)}.text-btn svg{width:14px;height:14px}.text-btn.danger:hover{color:var(--red)}.upload-body{padding:18px}.dropzone{border:1.5px dashed #bdc5e1;background:linear-gradient(135deg,var(--surface2),var(--tint));border-radius:10px;padding:25px 14px 20px;text-align:center;transition:border-color .15s,background .15s;position:relative}.dropzone.drag-over{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.upload-icon{width:41px;height:41px;border-radius:11px;background:var(--surface);border:1px solid var(--line);box-shadow:0 3px 9px #00000005;display:grid;place-items:center;margin:0 auto 11px;color:var(--accent)}.upload-icon svg{width:22px;height:22px}.dropzone h3{font-size:16px;font-weight:650;letter-spacing:-.2px}.dropzone p{font-size:11px;color:var(--muted);margin-top:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border-radius:8px;padding:8px 14px;font-weight:650;font-size:12px;text-decoration:none;transition:background .15s;line-height:1.35}.btn svg{width:16px;height:16px}.btn-primary{background:var(--accent);color:var(--surface)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface);border:1px solid var(--line);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--surface2)}.btn-danger{background:var(--red-bg);color:var(--red)}.dropzone .btn{margin:13px 0 8px}.dropzone .format-line{font-size:10px;letter-spacing:.3px;direction:ltr;unicode-bidi:isolate}.dropzone.compact{padding:14px;display:flex;align-items:center;gap:12px;text-align:start}.dropzone.compact .upload-icon{margin:0;flex-shrink:0;width:33px;height:33px}.dropzone.compact .upload-icon svg{width:18px}.dropzone.compact .drop-copy{flex:1;min-width:0}.dropzone.compact h3{font-size:12px}.dropzone.compact .drop-description,.dropzone.compact .format-line{display:none}.dropzone.compact .btn{margin:0;padding:8px 11px;white-space:nowrap;font-size:11px}.dropzone.compact .btn svg{display:none}.dropzone.compact .drop-copy p{font-size:10px}.limits{font-size:10px;color:var(--muted);margin-top:9px;text-align:center;line-height:1.5}.empty-state{min-height:125px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px;color:var(--muted)}.empty-tiles{display:flex;gap:8px;align-items:center;opacity:.72}.empty-tile{width:57px;height:68px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);display:grid;place-items:center;transform:rotate(-10deg)}.empty-tile:nth-child(2){width:62px;height:75px;transform:translateY(-5px);background:var(--tint);color:var(--accent);border-color:transparent}.empty-tile:nth-child(3){transform:rotate(10deg)}.empty-tile svg{width:24px;height:24px;stroke-width:1.25}.empty-state p{font-size:11px}.queue{display:grid;gap:9px;margin-top:14px}.file-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);align-items:center;min-width:0}.file-card.status-processing{border-color:var(--accent);background:var(--tint)}.thumb-button{height:62px;width:64px;border:1px solid var(--line);border-radius:7px;padding:0;overflow:hidden;display:grid;place-items:center;background-color:var(--surface2);background-image:linear-gradient(45deg,#8991a510 25%,transparent 25%),linear-gradient(-45deg,#8991a510 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#8991a510 75%),linear-gradient(-45deg,transparent 75%,#8991a510 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;color:var(--muted)}.thumb-button img{max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto}.file-info{min-width:0}.file-name{font-size:12px;font-weight:650;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;direction:ltr;text-align:start}.file-meta{font-size:10px;color:var(--muted);display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:3px;font-variant-numeric:tabular-nums}.file-meta .dim{direction:ltr;unicode-bidi:isolate}.file-status{font-size:10px;color:var(--muted);margin-top:5px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;overflow-wrap:anywhere}.status-done .file-status{color:var(--green)}.status-error .file-status{color:var(--red)}.file-status .change{font-weight:650;border-radius:4px;background:var(--green-bg);padding:1px 5px;direction:ltr}.file-status .change.increase{color:var(--red);background:var(--red-bg)}.file-actions{display:flex;gap:5px;align-items:center}.file-actions .icon-btn{width:29px;height:29px;border:0;background:var(--surface2)}.file-actions .icon-btn svg{width:14px;height:14px}.file-actions .download-one{background:var(--tint);color:var(--accent)}.file-actions .remove-one:hover{color:var(--red);background:var(--red-bg)}.queue-summary{margin-top:14px;border-top:1px solid var(--line);padding-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.summary-stat{display:flex;flex-direction:column;gap:2px}.summary-stat span{font-size:10px;color:var(--muted)}.summary-stat strong{font-weight:650;font-size:16px;font-variant-numeric:tabular-nums;letter-spacing:-.3px}.summary-stat:last-child strong{color:var(--green)}.progress-wrap{margin-top:13px}.progress-top{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);margin-bottom:5px}.progress-top span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress{width:100%;height:4px;display:block;border:0;border-radius:4px;overflow:hidden;accent-color:var(--accent)}.progress::-webkit-progress-bar{background:var(--surface2)}.progress::-webkit-progress-value{background:var(--accent);border-radius:4px}.progress::-moz-progress-bar{background:var(--accent)}.batch-actions{display:flex;gap:8px;margin-top:14px}.batch-actions>.btn{flex:1}.note{color:var(--muted);font-size:10px;line-height:1.65;margin-top:12px}.note svg{display:inline-block;vertical-align:-3px;width:13px;height:13px;margin-inline-end:3px}.notice{background:var(--tint);color:var(--accent);padding:8px 10px;border-radius:7px;margin-top:10px;font-size:11px}.side-panel{overflow:hidden}.side-panel .panel-head{padding:0 17px}.settings-body{padding:16px 17px}.field{margin-bottom:15px}.field-label{font-size:11px;font-weight:650;display:block;margin-bottom:7px}.label-row{display:flex;align-items:center;justify-content:space-between}.label-row output{font-size:11px;font-weight:700;color:var(--accent);background:var(--tint);padding:1px 6px;border-radius:4px;font-variant-numeric:tabular-nums}.format-options{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.format-choice{position:relative;min-width:0}.format-choice input{position:absolute;opacity:0;width:1px;height:1px}.format-choice span{display:flex;justify-content:center;align-items:center;padding:7px 4px;font-size:11px;font-weight:650;border:1px solid var(--line);border-radius:6px;cursor:pointer;min-height:34px;white-space:nowrap}.format-choice input:checked+span{border-color:var(--accent);background:var(--tint);color:var(--accent)}.format-choice input:disabled+span{opacity:.4;cursor:not-allowed;text-decoration:line-through}.format-choice input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.field-hint{font-size:10px;color:var(--muted);line-height:1.6;margin-top:6px}.range{width:100%;height:22px;accent-color:var(--accent);margin:4px 0 0;cursor:pointer}.range-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;direction:ltr}.field input[type=number],.field input[type=text],.field select{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:7px;min-height:35px;padding:7px 10px;font-size:12px}.field input[type=number]{direction:ltr}.field input:invalid{border-color:var(--red)}.dimensions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.dimensions .field{margin-bottom:0}.dimensions label{color:var(--muted);font-weight:500}.dimension-input{position:relative}.dimension-input input{padding-inline-end:27px!important}.dimension-input>span{position:absolute;inset-inline-end:10px;top:9px;font-size:10px;color:var(--muted);pointer-events:none}.checkbox{display:flex;align-items:flex-start;gap:7px;font-size:11px;cursor:pointer;margin-top:10px;line-height:1.5}.checkbox input{accent-color:var(--accent);margin:2px 0 0;width:13px;height:13px;flex-shrink:0}.advanced{border-top:1px solid var(--line);margin-top:15px;padding-top:12px}.advanced>summary{font-size:11px;font-weight:650;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none}.advanced>summary::-webkit-details-marker{display:none}.advanced>summary svg{width:14px;height:14px;transition:transform .15s}.advanced[open]>summary svg{transform:rotate(180deg)}.advanced-content{padding-top:13px}.flip-options{display:flex;gap:15px;flex-wrap:wrap}.color-control{display:flex;gap:8px;align-items:center}.color-control input[type=color]{width:38px;height:34px;padding:3px;border:1px solid var(--line);background:var(--surface);border-radius:6px;cursor:pointer}.color-control output{font-size:11px;font-family:monospace;color:var(--muted);direction:ltr}.filename-input{font-family:monospace!important;font-size:11px!important;direction:ltr}.settings-footnote{border-top:1px solid var(--line);background:var(--surface2);padding:12px 17px;color:var(--muted);font-size:10px;line-height:1.6;display:flex;gap:8px;align-items:flex-start}.settings-footnote svg{width:15px;height:15px;color:var(--green);margin-top:1px}
.how{margin-top:27px}.section-label{font-size:12px;font-weight:650;margin-bottom:13px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.step{display:flex;gap:10px;align-items:flex-start}.step-number{width:23px;height:23px;border:1px solid var(--line);background:var(--surface);border-radius:6px;display:grid;place-items:center;font-size:10px;color:var(--muted);flex-shrink:0;font-weight:650}.step h3{font-size:11px;font-weight:650;margin:1px 0 4px}.step p{font-size:11px;line-height:1.6;color:var(--muted);max-width:290px}.faq{margin-top:28px;border-top:1px solid var(--line);padding-top:22px;margin-bottom:28px;display:grid;grid-template-columns:230px 1fr;gap:35px}.faq h2{font-size:15px;letter-spacing:-.3px}.faq-list{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:start}.faq-item{border-bottom:1px solid var(--line);padding:0 0 12px;margin-bottom:12px}.faq-item summary{font-size:11px;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary svg{width:13px;height:13px;margin-top:2px;color:var(--muted);transition:transform .15s}.faq-item[open] summary svg{transform:rotate(45deg)}.faq-item p{font-size:11px;color:var(--muted);line-height:1.75;margin-top:9px}.footer{border-top:1px solid var(--line);padding:18px 0 22px;font-size:10px;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:12px}.footer-brand{font-weight:650;color:var(--text)}.footer-status{display:flex;align-items:center;gap:6px}.footer-status .dot{width:5px;height:5px;border-radius:50%;background:var(--green)}
.dialog{padding:0;border:1px solid var(--line);border-radius:14px;width:min(1040px,calc(100vw - 32px));max-height:90dvh;background:var(--surface);color:var(--text);box-shadow:0 25px 100px #0005}.dialog::backdrop{background:#0b1020a8;backdrop-filter:blur(3px)}.dialog-head{padding:13px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-title{font-size:13px;font-weight:650;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;direction:ltr}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.preview-grid.single{grid-template-columns:1fr}.preview-side{min-width:0}.preview-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);gap:8px;margin-bottom:8px}.preview-label strong{font-size:12px;color:var(--text)}.preview-image{height:min(57vh,500px);display:flex;justify-content:center;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:8px;background-color:var(--surface2);background-image:linear-gradient(45deg,#8991a51a 25%,transparent 25%),linear-gradient(-45deg,#8991a51a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#8991a51a 75%),linear-gradient(-45deg,transparent 75%,#8991a51a 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.preview-image img{max-width:100%;max-height:100%;object-fit:contain;display:block}.dialog-footer{padding:0 16px 16px;display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;z-index:90;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 17px;border-radius:10px;border:1px solid var(--line);background:var(--text);color:var(--surface);box-shadow:0 10px 40px #0002;max-width:min(600px,calc(100vw - 32px));font-size:12px;text-align:center}.spinner{width:12px;height:12px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.noscript{margin:16px 0;padding:15px;background:var(--red-bg);border:1px solid var(--red);border-radius:8px;font-size:13px}.error-page{padding:90px 0;text-align:center}.error-page h1{font-size:70px;letter-spacing:-3px;color:var(--accent)}.error-page p{margin:12px 0 24px;color:var(--muted)}.disabled-section{opacity:.6}
[dir=rtl] .hero h1,[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .file-name{text-align:right}[dir=rtl] .brand-name{letter-spacing:-.8px}[dir=rtl] .parent-link{direction:ltr}[dir=rtl] .language-menu a{text-align:start}[dir=rtl] .hero-description{line-height:1.85}
@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1000px){.side-panel{position:sticky;top:18px}}
@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr) 285px;gap:14px}.wrap{width:calc(100% - 32px)}.hero{padding-top:28px}.hero h1{font-size:31px}.hero-description{max-width:580px}.hero-side{justify-content:start}.panel-head{padding:0 14px}.upload-body{padding:14px}.settings-body{padding:14px}.side-panel .panel-head{padding:0 14px}.file-card{grid-template-columns:52px minmax(0,1fr) auto;gap:8px;padding:9px}.thumb-button{width:52px;height:52px}.file-actions{flex-direction:column;gap:4px}.file-actions .icon-btn{width:25px;height:25px}.faq{grid-template-columns:180px 1fr;gap:24px}.faq-list{column-gap:18px}}
@media(max-width:700px){.header{height:60px}.header-nav{gap:14px}.brand-name{font-size:19px}.brand-mark{width:29px;height:29px;border-radius:8px}.brand-mark svg{width:20px}.brand{gap:8px}.parent-link{font-size:11px}.parent-link svg{display:none}.language>summary{font-size:11px;padding:6px 8px;gap:5px}.hero{padding:25px 0 19px;align-items:flex-start;gap:10px;position:relative}.hero h1{font-size:29px;letter-spacing:-1px;max-width:470px}.hero h1 span{display:inline}.hero-description{font-size:12px;line-height:1.65;max-width:100%;padding-inline-end:0}.eyebrow{font-size:9px;margin-bottom:7px;letter-spacing:1.25px;max-width:calc(100% - 70px)}.hero-copy{width:100%}.hero-side{position:absolute;inset-inline-end:0;top:20px}.hero-tools{gap:6px}.hero-tools .install-btn{width:32px;padding:0;justify-content:center;height:32px}.install-btn .install-text{display:none}.hero-tools .icon-btn{width:32px;height:32px}.hero-side .offline-label{display:none}.hero h1{padding-top:6px}.trust-row{font-size:10px;gap:13px;margin-top:12px}.trust-row svg{width:12px;height:12px}.workspace{grid-template-columns:1fr;gap:14px}.side-panel{grid-row:2}.upload-body{padding:14px}.panel-head{height:52px}.panel-head h2{font-size:13px}.dropzone{padding:21px 12px 17px}.dropzone h3{font-size:15px}.empty-state{min-height:55px}.empty-tiles{display:none}.empty-tiles{gap:7px}.empty-tile{width:44px;height:52px}.empty-tile:nth-child(2){width:48px;height:59px}.empty-tile svg{width:21px;height:21px}.file-card{grid-template-columns:56px minmax(0,1fr) auto;gap:10px}.thumb-button{width:56px;height:56px}.file-actions{flex-direction:row;gap:5px}.file-actions .icon-btn{width:29px;height:29px}.settings-body{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:16px}.field-format,.resize-field,.advanced{grid-column:1/-1}.quality-field{grid-column:1/-1}.quality-field .range{height:27px}.settings-body>.field{margin-bottom:16px}.advanced{margin-top:0}.field-label{font-size:12px}.field-hint{font-size:11px}.field input[type=number],.field input[type=text],.field select{font-size:16px;min-height:40px}.format-choice span{font-size:12px;min-height:37px}.checkbox{font-size:12px}.checkbox input{height:15px;width:15px}.field-hint{line-height:1.6}.format-hint{font-size:10px}.advanced-content{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.advanced-content .file-pattern,.advanced-content .png-opt{grid-column:1/-1}.flip-options{flex-direction:column;gap:0}.advanced-content .field:last-child{margin-bottom:0}.settings-footnote{font-size:10px}.how{margin-top:24px}.steps{gap:18px;grid-template-columns:1fr}.step p{max-width:none}.step h3{font-size:12px}.step p{font-size:11px}.faq{grid-template-columns:1fr;gap:15px;margin-top:24px;padding-top:19px}.faq-list{grid-template-columns:1fr}.faq-item summary{font-size:12px}.faq-item p{font-size:12px}.faq-item{padding-bottom:12px}.footer{padding:15px 0 20px}.footer-inner{gap:10px;flex-wrap:wrap}.preview-grid{grid-template-columns:1fr}.preview-image{height:30vh}.dialog{max-height:92dvh;overflow:auto}.preview-grid.single .preview-image{height:60vh}.note{font-size:10px}.dropzone.compact .drop-copy p{display:none}.dropzone.compact{gap:9px;padding:12px}.batch-actions .btn{font-size:12px;min-height:42px}.summary-stat strong{font-size:18px}.side-panel .panel-head h2{font-size:13px}}
@media(max-width:380px){.wrap{width:calc(100% - 24px)}.header-nav{gap:9px}.brand-name{font-size:17px}.brand-name span{margin-inline-start:3px}.brand{gap:6px}.language .current-language{max-width:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.language-menu{width:276px}.hero h1{font-size:26px}.hero-tools .icon-btn,.hero-tools .install-btn{width:29px;height:29px}.trust-row{gap:10px}.file-card{grid-template-columns:48px minmax(0,1fr) auto;gap:8px}.thumb-button{width:48px;height:50px}.file-actions{flex-direction:column}.file-actions .icon-btn{width:26px;height:26px}.file-name{font-size:11px}.toolbar{gap:8px}.dropzone.compact .btn{font-size:10px}.dropzone.compact h3{font-size:11px}.hero-description{font-size:11px}.batch-actions{gap:6px}.batch-actions .btn{font-size:11px;padding:8px 9px}.settings-body{padding:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Fixed brand placement and reachable mobile batch controls. */
.header-inner{direction:ltr}.language-menu a[lang=ar],.language-menu a[lang=ur],.language-menu a[lang=he]{direction:rtl;text-align:right}
.summary-stat strong.negative{color:var(--red)}.offline-label{max-width:260px;text-align:end}.mobile-actions{display:none}
@media(max-width:700px){.mobile-actions:not([hidden]){display:flex;gap:8px;position:fixed;bottom:0;inset-inline:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--surface);z-index:25;box-shadow:0 -4px 20px #00000006}.mobile-actions .btn{flex:1;min-width:0;font-size:12px;min-height:42px}.mobile-actions .btn svg{width:15px;height:15px}.footer{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}body:has(.mobile-actions:not([hidden])) .footer{padding-bottom:95px}.dropzone{padding-top:18px;padding-bottom:15px}.hero h1{line-height:1.25}.batch-actions:has(#cancelButton:not([hidden])){flex-wrap:wrap}.batch-actions #cancelButton{flex-basis:100%}}
/* Long translated labels may wrap without making narrow phones scroll sideways. */
@media(max-width:700px){.workspace>.panel:not(.side-panel)>.panel-head{height:auto;min-height:52px;flex-wrap:wrap;padding-block:10px;row-gap:4px}.workspace>.panel:not(.side-panel)>.panel-head .toolbar{margin-inline-start:auto}.workspace>.panel:not(.side-panel)>.panel-head h2{min-width:0}}
@media(max-width:380px){.header-inner{gap:8px}}