:root{color-scheme:light dark;--bg: #f7f8f5;--surface: #fff;--ink: #111214;--muted: #555b62;--line: #d4d8db;--accent: #f3a23b;--accent-ink: #111214}@media(prefers-color-scheme:dark){:root{--bg: #0d0e10;--surface: #15171a;--ink: #f4f5ef;--muted: #b5bac0;--line: #383c40}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,Noto Sans TC,system-ui,sans-serif;line-height:1.55}.page{width:min(100% - 32px,1060px);margin-inline:auto;padding-bottom:48px}.top{display:flex;align-items:baseline;justify-content:space-between;padding:28px 0 8px;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:700}.sub{color:var(--muted);font-size:14px}.controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;flex-wrap:wrap}.seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.seg button{border:0;background:transparent;color:var(--ink);padding:8px 16px;cursor:pointer;font-size:14px}.seg button.on{background:var(--accent);color:var(--accent-ink);font-weight:700}.status{font-size:13px;color:var(--muted)}.drop{border:2px dashed var(--line);border-radius:16px;padding:20px;text-align:center;background:var(--surface);margin-bottom:16px}.drop.over{border-color:var(--accent)}.filebtn{color:var(--accent);cursor:pointer;text-decoration:underline}.hint{color:var(--muted);font-size:13px}.filename{font-size:13px;font-weight:600}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:760px){.grid{grid-template-columns:1fr}}.pane{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;flex-direction:column}.panehead{display:flex;justify-content:space-between;font-weight:700;margin-bottom:8px}.count{color:var(--muted);font-weight:400;font-size:13px}textarea{width:100%;min-height:280px;resize:vertical;border:1px solid var(--line);border-radius:12px;padding:12px;font-size:15px;background:var(--bg);color:var(--ink);font-family:inherit}.row{display:flex;gap:8px;margin-top:10px}button{font:inherit}.row button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:8px 18px;cursor:pointer}.row button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.foot{margin-top:24px;color:var(--muted);font-size:13px;text-align:center}code{font-family:IBM Plex Mono,monospace}