:root{--bg:#f4f5f7;--panel:#fff;--panel2:#eef0f3;--fg:#1d2129;--muted:#5f6673;--line:#d6d9df;--accent:#2563eb;--accent-fg:#fff;--ok:#15803d;--warn:#b45309;--err:#b91c1c;--stage:#e3e6ea;color:var(--fg);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1115;--panel:#171a21;--panel2:#1f232c;--fg:#e6e8ec;--muted:#9aa1ad;--line:#2c313c;--accent:#3b82f6;--ok:#4ade80;--warn:#fbbf24;--err:#f87171;--stage:#0b0d11;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1115;--panel:#171a21;--panel2:#1f232c;--fg:#e6e8ec;--muted:#9aa1ad;--line:#2c313c;--accent:#3b82f6;--ok:#4ade80;--warn:#fbbf24;--err:#f87171;--stage:#0b0d11;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg)}button,select,input,textarea{font:inherit;color:inherit}button{background:var(--panel2);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:6px;padding:5px 10px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}button.danger{color:var(--err)}button.small{padding:2px 7px;font-size:12px}button.link{text-align:left;white-space:normal;background:0 0;border:none;padding:0}select{background:var(--panel);border:1px solid var(--line);border-radius:6px;min-width:0;padding:4px 6px}input[type=range],input[type=checkbox]{accent-color:var(--accent)}progress{accent-color:var(--accent);width:100%;height:8px}label{color:var(--muted);font-size:12px}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}a{color:var(--accent)}.app{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.app.dragging{outline:3px dashed var(--accent);outline-offset:-6px}.toolbar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px 12px;padding:8px 12px;display:flex}.toolbar .brand{font-size:16px;font-weight:700}.toolbar .inline{align-items:center;gap:6px;display:flex}.body{grid-template-columns:340px minmax(0,1fr);align-content:start;display:grid}.side{background:var(--panel);border-right:1px solid var(--line)}.panel{padding:10px 12px}.section{margin-bottom:14px}.section h3,.cap{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 6px;font-size:12px;font-weight:600}.row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.row.sticky{background:var(--panel);border-top:1px solid var(--line);padding:8px 0;position:sticky;bottom:0}.spacer{flex:1}.field{flex-direction:column;gap:2px;margin-bottom:8px;display:flex}.field select{width:100%;font-size:14px}.check{color:var(--fg);align-items:center;gap:6px;margin-bottom:4px;font-size:13px;display:flex}.hint{color:var(--muted);margin:0 0 6px;font-size:12px;line-height:1.4}.err-text{color:var(--err)}.ok-text{color:var(--ok)}.warn-text{color:var(--warn)}.langs{grid-template-columns:1fr 1fr;gap:0 8px;display:grid}.badge{background:var(--panel2);border:1px solid var(--line);border-radius:99px;padding:2px 8px;font-size:12px;display:inline-block}.badge.high{color:var(--ok)}.badge.medium{color:var(--warn)}.badge.low{color:var(--err)}.stats{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}ul.pages{margin:0 0 6px;padding:0;list-style:none}ul.pages li{border:1px solid var(--line);border-radius:8px;align-items:center;gap:4px;margin-bottom:4px;padding:4px;display:flex}ul.pages li.active{border-color:var(--accent);background:var(--panel2)}.thumb{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.thumb img{object-fit:cover;border:1px solid var(--line);background:#fff;border-radius:4px;width:40px;height:52px}.pname{flex-direction:column;flex:1;min-width:0;font-size:13px;display:flex}.pname small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.mini{flex-direction:column;gap:2px;display:flex}.main{flex-direction:column;gap:8px;min-width:0;padding:8px;display:flex}.box{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:0;padding:10px}.box.empty{text-align:center;padding:48px 16px;font-size:15px}.progress-box{flex-direction:column;gap:6px;display:flex}.msg{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:8px 12px}.msg.err{color:var(--err);border-color:var(--err)}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:10px;display:flex}.tabs button{background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:6px 12px}.tabs button.on{border-bottom-color:var(--accent);font-weight:600}.skew{gap:8px}.skew input[type=range]{flex:1;min-width:120px;max-width:320px}.skew output{font-variant-numeric:tabular-nums;min-width:4em}.adjust-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.crop{background:var(--stage);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:6px;width:100%;max-height:70vh;margin:0 auto;position:relative}.crop img{width:100%;height:100%;display:block;position:absolute;inset:0}.crop svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.crop polygon{fill:#2563eb24;stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.handle{border:2px solid var(--accent);touch-action:none;cursor:grab;background:#2563eb59;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;padding:0;position:absolute}.preview{background:var(--stage);border-radius:6px;place-items:center;min-height:120px;display:grid}.preview img{max-width:100%;max-height:70vh;display:block}.preview.busy{opacity:.6}.result-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.overlay{background:var(--stage);border-radius:6px;width:100%;position:relative}.overlay img{width:100%;height:100%;display:block;position:absolute;inset:0}.overlay svg{width:100%;height:100%;position:absolute;inset:0}.wb{fill:#0000;stroke-width:2px;vector-effect:non-scaling-stroke;cursor:pointer}.wb.high{stroke:#16a34ab3}.wb.medium{stroke:#d97706d9}.wb.low{stroke:#dc2626e6}.wb.hot{fill:#2563eb4d;stroke:#2563eb;stroke-width:3px}.tip{pointer-events:none;color:#fff;white-space:nowrap;z-index:2;background:#111;border-radius:6px;padding:2px 8px;font-size:13px;position:absolute}textarea{resize:vertical;border:1px solid var(--line);background:var(--panel);border-radius:6px;width:100%;min-height:360px;margin-bottom:6px;padding:8px;font-family:ui-monospace,Cascadia Mono,Menlo,monospace;font-size:13px;line-height:1.5}.modal{z-index:10;background:#0009;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.modal-box{background:var(--panel);border-radius:12px;width:min(720px,100%);max-height:100%;padding:12px;overflow:auto}.modal-box h3{margin:0 0 8px}.modal video{background:#000;border-radius:8px;width:100%;max-height:60vh;margin-bottom:8px}.foot{border-top:1px solid var(--line);margin:0;padding:8px 12px}@media (width<=800px){.body{grid-template-columns:minmax(0,1fr)}.side{border-right:none;border-bottom:1px solid var(--line)}.panel,.main,.toolbar,.foot{padding-left:16px;padding-right:16px}.adjust-grid,.result-grid{grid-template-columns:minmax(0,1fr)}.tagline{display:none}button{min-height:36px}button.small{min-height:30px;padding:4px 9px}button.link{min-height:0}select{min-height:36px;font-size:16px}textarea{min-height:240px;font-size:16px}.handle{width:34px;height:34px;margin:-17px 0 0 -17px}}