:root{--red:#e5322d;--red-dark:#c1201c;--bg:#f6f7fb;--card:#fff;--text:#1f2330;--muted:#6b7180;--line:#e3e6ee;--radius:14px;--shadow:0 2px 10px #1418280f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#14161c;--card:#1e2129;--text:#e8eaf0;--muted:#9aa0ae;--line:#2e323d;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background:var(--bg);color:var(--text);min-height:100vh;padding-bottom:env(safe-area-inset-bottom);font-family:Noto Sans TC,system-ui,-apple-system,PingFang TC,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.topbar{z-index:20;padding:calc(10px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) 10px calc(20px + env(safe-area-inset-left));background:var(--card);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.badge{color:var(--muted);background:var(--bg);border-radius:99px;padding:4px 10px;font-size:12px}main{max-width:1120px;padding:28px calc(20px + env(safe-area-inset-right)) 60px calc(20px + env(safe-area-inset-left));margin:0 auto}.hero{text-align:center;margin:12px 0 28px}.hero h1{margin:0 0 8px;font-size:clamp(24px,4vw,36px)}.hero p{color:var(--muted);margin:0}.search{border:1px solid var(--line);background:var(--card);border-radius:99px;width:min(420px,100%);margin:18px auto 0;padding:11px 16px;display:block}.cat{margin-top:30px}.cat h2{color:var(--muted);letter-spacing:.05em;margin:0 0 12px;font-size:15px;font-weight:500}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.tool-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);align-items:flex-start;gap:12px;padding:14px;transition:transform .12s,border-color .12s;display:flex}.tool-card:hover{border-color:var(--red);transform:translateY(-2px)}.tool-card .ic{background:color-mix(in srgb, var(--c,var(--red)) 14%, transparent);border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.tool-card b{font-weight:500;display:block}.tool-card small{color:var(--muted);font-size:12.5px;line-height:1.45}.back{color:var(--muted);margin-bottom:14px;display:inline-block}.tool-head{text-align:center;margin-bottom:22px}.tool-head h1{margin:0 0 6px;font-size:clamp(22px,3.5vw,30px)}.tool-head p{color:var(--muted);margin:0}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.panel+.panel{margin-top:16px}.drop{border:2px dashed var(--line);border-radius:var(--radius);text-align:center;cursor:pointer;padding:40px 16px;transition:all .15s}.drop.over,.drop:hover{border-color:var(--red);background:color-mix(in srgb, var(--red) 5%, transparent)}.drop .big{font-size:40px}.drop p{color:var(--muted);margin:8px 0 0}.files{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.files li{background:var(--bg);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}.files li span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.files li em{color:var(--muted);font-size:12px;font-style:normal}.icon-btn{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:2px 6px}.icon-btn:hover{background:var(--line);color:var(--text)}.opts{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:18px;display:grid}.opts label{color:var(--muted);gap:6px;font-size:14px;display:grid}.opts label.check{color:var(--text);align-items:center;gap:8px;display:flex}.opts input:not([type=checkbox]):not([type=range]):not([type=color]),.opts select,.opts textarea{border:1px solid var(--line);background:var(--bg);border-radius:10px;width:100%;padding:9px 12px}.opts .hint{color:var(--muted);grid-column:1/-1;margin:0;font-size:13px}.actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.btn{cursor:pointer;background:var(--red);color:#fff;border:0;border-radius:99px;padding:11px 26px;font-weight:500}.btn:hover{background:var(--red-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{color:var(--text);border:1px solid var(--line);background:0 0}.btn.ghost:hover{border-color:var(--red)}.btn.small{padding:6px 14px;font-size:13px}.status{text-align:center;color:var(--muted);min-height:1.4em;margin-top:14px;font-size:14px}.status.err{color:var(--red)}.bar{background:var(--line);border-radius:99px;height:6px;margin-top:10px;overflow:hidden}.bar i{background:var(--red);width:0;height:100%;transition:width .2s;display:block}.results{gap:8px;display:grid}.results h3{margin:0 0 6px;font-size:16px}.result{background:var(--bg);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.result span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.result em{color:var(--muted);font-size:12px;font-style:normal}.textout{border:1px solid var(--line);background:var(--bg);border-radius:10px;width:100%;min-height:200px;padding:12px}.toolbar{top:calc(56px + env(safe-area-inset-top));z-index:10;background:var(--card);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:8px 0;display:flex;position:sticky}.toolbar .sep{background:var(--line);width:1px;height:24px}.toolbar button.on{background:var(--red);color:#fff;border-color:var(--red)}.toolbar input[type=color]{background:0 0;border:0;width:36px;height:32px;padding:0}.pages{justify-items:center;gap:18px;display:grid}.page-wrap{background:#fff;max-width:100%;position:relative;box-shadow:0 2px 12px #00000026}.page-wrap canvas{max-width:100%;height:auto;display:block}.page-wrap .overlay{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.page-num{color:var(--muted);text-align:center;margin-top:4px;font-size:12px}.field-list{gap:12px;display:grid}.field-list label{gap:4px;font-size:14px;display:grid}.field-list input[type=text],.field-list select,.field-list textarea{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:8px 10px}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));background:var(--card);border:1px solid var(--line);z-index:50;border-radius:99px;align-items:center;gap:10px;padding:8px 10px 8px 18px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #0000002e}.foot{text-align:center;color:var(--muted);margin-top:40px;font-size:13px}.textLayer{opacity:1;z-index:0;--min-font-size:1;--text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv:calc(1 / var(--min-font-size));line-height:1;position:absolute;inset:0;overflow:clip}.textLayer :is(span,br){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;position:absolute}.textLayer>:not(.markedContent),.textLayer .markedContent span:not(.markedContent){z-index:1;--font-height:0;font-size:calc(var(--text-scale-factor) * var(--font-height));--scale-x:1;--rotate:0deg;transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}.textLayer .markedContent{display:contents}.textLayer ::selection{background:#0064ff40}.textLayer .endOfContent{z-index:0;cursor:default;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:100% 0 0}