:root{--bg:#f5f5f2;--surface:#fff;--surface-2:#efefeb;--ink:#151719;--text-2:#4d5156;--text-3:#6a6f74;--border:#cfd1cf;--border-dark:#afb2b0;--blue:#2f55b0;--green:#276841;--danger:#a53a30;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Noto Sans CJK SC,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);font-size:15px;line-height:1.5}button,input,select{font:inherit;color:inherit}button,a,label,select,input[type=range]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.topbar{color:#e8e9e7;background:#222529}.topbar-inner{width:min(1060px,100%);height:50px;margin:auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.brand{min-height:44px;display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;font-weight:700;font-size:14px;letter-spacing:.035em}.brand-icon{width:24px;height:24px;display:grid;place-items:center;border:1px solid #5b6066}.brand-icon svg{width:14px}.brand small{padding-left:10px;border-left:1px solid #474b50;color:#9da2a8;font:400 10px var(--mono);letter-spacing:.06em}.privacy-pill{min-height:44px;display:flex;align-items:center;gap:7px;color:#b9bdc1;font-size:12px}.privacy-pill svg{width:16px}main{width:min(1060px,100%);margin:auto;padding:0 20px 38px;display:grid;grid-template-columns:minmax(0,1fr) 280px;column-gap:20px;align-items:start}.hero{grid-column:1/-1;min-height:126px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:32px 0 22px;border-bottom:1px solid var(--border)}.eyebrow{display:block;margin-bottom:7px;color:var(--text-3);font:600 10px var(--mono);letter-spacing:.1em}h1{margin:0;font-size:29px;line-height:1.12;letter-spacing:-.035em}.hero p{max-width:390px;margin:0 0 2px;color:var(--text-2);font-size:13px;text-align:right}.workspace{min-width:0;margin-top:20px}.active-job{min-height:58px;margin-bottom:12px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #d2b572;background:#fff9e9}.active-job>div{min-width:0;display:flex;flex-direction:column}.active-job strong{font-size:12px}.active-job span{overflow:hidden;color:#624b16;font:400 10.5px var(--mono);text-overflow:ellipsis;white-space:nowrap}.active-job button,.cancel-button{min-height:34px;padding:6px 12px;border:1px solid var(--danger);background:#fff;color:var(--danger);cursor:pointer;font-size:11px;font-weight:700;white-space:nowrap}.tabs{height:42px;display:flex;margin:0 0 12px;border:1px solid var(--border);background:var(--surface-2)}.tab{min-width:148px;min-height:40px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-right:1px solid var(--border);border-radius:0;color:var(--text-3);background:transparent;cursor:pointer;font-size:13px;font-weight:600;transition:background-color .14s,color .14s}.tab:hover{color:var(--ink);background:#e7e7e2}.tab:disabled{color:#94989b;cursor:not-allowed;opacity:.72}.tab:disabled:hover{color:#94989b;background:transparent}.tab.active{color:#fff;background:var(--ink)}.tab small{padding:1px 4px;border:1px solid currentColor;font:500 9px var(--mono);opacity:.65}.panel{background:var(--surface);border:1px solid var(--border)}.tool-heading{min-height:68px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--border)}h2{margin:0 0 2px;font-size:15px;letter-spacing:-.01em}.tool-heading p{margin:0;color:var(--text-3);font:400 11px var(--mono)}.local-badge{display:flex;align-items:center;gap:6px;color:var(--green);font:500 11px var(--mono);white-space:nowrap}.local-badge i{width:6px;height:6px;background:var(--green);border-radius:50%}.dropzone{min-height:260px;margin:14px;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--border-dark);background:#fafaf8;cursor:pointer;transition:background-color .14s,border-color .14s}.dropzone:hover,.dropzone.dragging{border-color:var(--ink);background:var(--surface-2)}.upload-icon{width:46px;height:46px;margin-bottom:14px;display:grid;place-items:center;border:1px solid var(--border);background:#fff}.upload-icon svg{width:21px}.dropzone strong{font-size:15px}.dropzone>span:nth-of-type(2){margin:4px 0 17px;color:var(--text-3);font:400 11px var(--mono)}.choose-button,.download-button{min-height:40px;padding:9px 17px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);background:var(--ink);color:#fff;font-weight:600;font-size:13px}.selected{min-height:76px;margin:14px 14px 0;padding:10px;display:flex;align-items:center;gap:12px;border:1px solid var(--border)}.file-preview{width:52px;height:52px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border);background:var(--surface-2)}.file-preview img{width:100%;height:100%;object-fit:cover}.file-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.file-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.file-meta span{color:var(--text-3);font:400 10.5px var(--mono)}.icon-button{position:relative;width:32px;height:32px;padding:0;display:grid;place-items:center;border:0;background:transparent;color:var(--text-3);cursor:pointer}.icon-button:after{position:absolute;content:"";inset:-6px}.icon-button:hover{color:var(--danger);background:#f8ecea}.settings{margin:14px;display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.settings>label{display:flex;flex-direction:column;gap:6px;color:var(--text-2);font-size:12px;font-weight:600}.settings label>span{display:flex;justify-content:space-between}.format-notice{padding:11px 12px;display:flex;flex-direction:column;gap:2px;border:1px solid #d2b572;background:#fff9e9;color:#624b16}.format-notice strong{font-size:12px}.format-notice span{font-size:11px;line-height:1.55}.format-notice.notice-error{border-color:#d4a29d;background:#fff2f0;color:var(--danger)}select{width:100%;min-height:42px;padding:0 10px;border:1px solid var(--border-dark);border-radius:0;background:#fff;cursor:pointer}input[type=range]{min-height:42px;width:100%;accent-color:var(--ink);cursor:pointer}.sizes{grid-column:1/-1}.check-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.check-row label{position:relative}.check-row input{position:absolute;opacity:0}.check-row span{width:100%;min-height:42px;display:grid;place-items:center;border:1px solid var(--border);background:#fff;cursor:pointer;font:500 11px var(--mono)}.settings .check-row label>span{display:grid;place-items:center;justify-content:center;text-align:center}.check-row input:checked+span{color:#fff;border-color:var(--ink);background:var(--ink)}.convert-button{grid-column:1/-1;min-height:44px;border:1px solid var(--ink);border-radius:0;color:#fff;background:var(--ink);font-weight:700;font-size:13px;cursor:pointer;transition:background-color .14s}.convert-button:hover{background:#303438}.convert-button:disabled{opacity:.5;cursor:wait}.progress,.result{margin:14px;padding:13px;border:1px solid var(--border)}.progress>div:first-child{display:flex;justify-content:space-between;gap:10px;color:var(--text-3);font:400 11px var(--mono)}.progress-track{height:5px;margin-top:10px;overflow:hidden;background:#e4e4df}.progress-track i{display:block;width:0;height:100%;background:var(--blue);transition:width .2s linear}.cancel-button{margin-top:12px}.result{display:flex;align-items:center;justify-content:space-between;gap:14px;border-color:#9eb9a7;background:#f1f7f3}.result>div{min-width:0;display:flex;flex-direction:column}.result strong{font-size:13px}.result span{overflow:hidden;color:var(--text-3);font:400 10.5px var(--mono);text-overflow:ellipsis;white-space:nowrap}.download-button{min-width:104px;color:#fff;background:var(--green);border-color:var(--green);text-decoration:none;white-space:nowrap}.trust-row{margin-top:74px;border:1px solid var(--border);background:var(--surface)}.trust-row>div{padding:14px 15px;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--border)}.trust-row>div:last-child{border-bottom:0}.trust-row strong{font-size:12.5px}.trust-row span{color:var(--text-3);font-size:11.5px;line-height:1.5}.aside-title{background:var(--surface-2)}.aside-title>span{font:600 9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.aside-title>strong{font-size:14px}footer{border-top:1px solid var(--border)}footer>div{width:min(1060px,100%);min-height:58px;margin:auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;color:var(--text-3);font:500 10px var(--mono);letter-spacing:.035em}.hidden{display:none!important}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media(max-width:760px){.brand small,.privacy-pill span{display:none}main{grid-template-columns:1fr;padding-inline:14px}.hero{min-height:auto;padding:25px 0 18px;align-items:flex-start;flex-direction:column;gap:10px}.hero p{text-align:left}h1{font-size:25px}.workspace{margin-top:14px}.tabs{width:100%}.tab{min-width:0;flex:1;padding-inline:8px}.tool-heading{padding-inline:13px}.dropzone{min-height:230px;margin:10px;padding:20px 12px}.selected,.settings,.progress,.result{margin-inline:10px}.settings{grid-template-columns:1fr}.settings>*{grid-column:1!important}.check-row{grid-template-columns:repeat(3,minmax(0,1fr))}.trust-row{margin-top:14px}.result{align-items:stretch;flex-direction:column}footer>div{padding-inline:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}