:root{--paper:#F6F3EC;--card:#FFFDF8;--ink:#17140F;--ink2:#3A342A;--muted:#6E675C;--rule:#E2DCCB;--rule2:#EDE8DA;--red:#A83A2A;--red-soft:#F2E3DC;--serif:"Source Han Serif SC","Noto Serif SC","Songti SC",STSong,SimSun,Georgia,serif;--sans:"Source Han Sans SC","Noto Sans SC","PingFang SC","Microsoft YaHei",-apple-system,Segoe UI,system-ui,sans-serif;--mono:"JetBrains Mono","IBM Plex Mono",SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}.wrap{max-width:880px;margin:0 auto;padding:0 22px}a{color:inherit;text-decoration:none}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.top{border-bottom:1px solid var(--rule);background:#f6f3ecdb;backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.top-inner{display:flex;align-items:center;justify-content:space-between;height:58px}.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.02em}.mark{width:17px;height:21px;background:var(--ink);position:relative;display:inline-block}.mark:after{content:"";position:absolute;right:-4px;top:-4px;width:7px;height:7px;background:var(--red)}.brand-en{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-weight:400}.badge{font-size:12px;color:var(--red);border:1px solid var(--red);border-radius:999px;padding:3px 10px;letter-spacing:.04em}.hero{padding:64px 22px 34px}h1{font-family:var(--serif);font-size:clamp(31px,6.4vw,49px);line-height:1.18;margin:0 0 18px;font-weight:600;letter-spacing:-.012em}.lede{margin:0;max-width:34em;color:var(--ink2);font-size:16.5px}.lede strong{font-weight:600;box-shadow:inset 0 -.55em 0 var(--red-soft)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--rule);margin-bottom:26px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{appearance:none;background:none;border:0;border-bottom:2px solid transparent;padding:11px 14px 12px;margin-bottom:-1px;font:inherit;font-size:14.5px;color:var(--muted);cursor:pointer;white-space:nowrap}.tab:hover{color:var(--ink)}.tab.is-active{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}.panel{display:none;padding-bottom:40px}.panel.is-active{display:block}.drop{border:1.5px dashed var(--rule);border-radius:4px;background:var(--card);padding:38px 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.drop:hover,.drop:focus-visible{border-color:var(--ink);outline:none}.drop.is-over{border-color:var(--red);background:var(--red-soft)}.drop-title{margin:0 0 6px;font-weight:600}.drop-sub{margin:0;font-size:13px;color:var(--muted)}.filelist{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}.filelist:empty{display:none}.item{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--rule2);border-radius:4px;padding:8px 10px}.item img{width:44px;height:44px;object-fit:cover;border-radius:2px;flex:none;background:#eee}.item .nm{flex:1;min-width:0;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item .sz{font-family:var(--mono);font-size:11.5px;color:var(--muted);flex:none}.iconbtn{width:28px;height:28px;border:1px solid var(--rule);background:var(--paper);border-radius:3px;cursor:pointer;color:var(--ink2);font-size:12px;line-height:1;padding:0}.iconbtn:hover{border-color:var(--ink);color:var(--ink)}.iconbtn:disabled{opacity:.3;cursor:default}.opts{display:flex;flex-wrap:wrap;gap:16px 26px;margin:22px 0 6px}.opt{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--muted);letter-spacing:.02em}.opt>span:first-child{text-transform:none}select,input[type=number]{font:inherit;font-size:14px;color:var(--ink);background:var(--card);border:1px solid var(--rule);border-radius:3px;padding:7px 9px;min-width:92px}select:focus,input:focus{outline:none;border-color:var(--ink)}input[type=color]{width:56px;height:33px;border:1px solid var(--rule);border-radius:3px;background:var(--card);padding:2px}.field-inline{display:flex;align-items:center;gap:6px}.field-inline input{width:104px}.field-inline em{font-style:normal;font-size:12px;color:var(--muted);font-family:var(--mono)}.btn{appearance:none;border:0;background:var(--ink);color:var(--paper);font:inherit;font-weight:600;font-size:15px;padding:13px 26px;border-radius:3px;cursor:pointer;margin-top:20px;transition:opacity .15s,transform .06s}.btn:hover:not(:disabled){opacity:.87}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.32;cursor:default}.status{min-height:1.4em;margin:12px 0 0;font-size:13.5px;color:var(--muted)}.status.is-error{color:var(--red)}.result{margin-top:12px;padding:14px 16px;background:var(--card);border:1px solid var(--rule);border-left:3px solid var(--red);border-radius:3px}.result .line{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.result .fname{font-size:13.5px;word-break:break-all}.result .fsize{font-family:var(--mono);font-size:12.5px;color:var(--muted)}.dl{display:inline-block;margin-top:10px;background:var(--red);color:#fff;font-weight:600;font-size:14px;padding:9px 20px;border-radius:3px}.preview{margin-top:12px;max-width:100%;max-height:300px;object-fit:contain;background:#fff;border:1px solid var(--rule2);border-radius:3px;display:block}.filemeta{margin-top:12px;font-size:13px;color:var(--ink2);font-family:var(--mono)}.note{border-top:1px solid var(--rule);padding-top:32px;margin-top:26px;padding-bottom:8px}.note h2{font-family:var(--serif);font-size:20px;margin:0 0 12px;font-weight:600}.note p{margin:0 0 12px;color:var(--ink2);max-width:38em}.note .small{font-size:13px;color:var(--muted)}.foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--rule);padding:22px;margin-top:30px;font-size:12px;color:var(--muted)}@media(max-width:560px){.hero{padding:40px 22px 26px}.opts{gap:14px 18px}.opt{flex:1 1 40%}.btn{width:100%}}