:root{--bg: #f7f8f7;--card: #fff;--ink: #17201e;--muted: #5b6764;--line: #dde3e1;--brand: #0f766e;--brand-ink: #fff;--brand-soft: #e3f2ef;--warn: #b45309;--warn-soft: #fef3e2;--radius: 14px;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif}a{color:var(--brand)}.top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:12px 16px;background:var(--card);border-bottom:1px solid var(--line)}.brand{font-weight:800;text-decoration:none;color:var(--ink);font-size:18px}.brand span{color:var(--brand)}.top nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.top nav a{padding:6px 10px;border-radius:999px;text-decoration:none;color:var(--muted);white-space:nowrap;font-size:14px}.top nav a[aria-current=page]{background:var(--brand-soft);color:var(--brand);font-weight:600}main{max-width:760px;margin:0 auto;padding:0 16px 40px}.hero{padding:24px 0 12px}h1{font-size:clamp(26px,6vw,36px);line-height:1.2;margin:0 0 8px}.intro{margin:0;color:var(--muted)}.tool{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 1px 2px #0000000a}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:130px;padding:16px;text-align:center;cursor:pointer;border:2px dashed #9ccfc7;border-radius:12px;background:var(--brand-soft)}.drop.over{border-color:var(--brand)}.drop-title{font-weight:700;font-size:18px;color:var(--brand);word-break:break-all}.drop-sub{color:var(--muted);font-size:14px}.controls{display:grid;gap:12px;margin-top:14px}.row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.row label{font-size:14px;color:var(--muted)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:grid;gap:4px}.field label{font-size:14px;color:var(--muted)}.kb{display:flex;align-items:center;gap:6px}.kb input{flex:1;min-width:0}.kb input,select{width:100%;padding:9px 10px;font:inherit;border:1px solid var(--line);border-radius:10px;background:#fff}select{width:auto}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:6px 12px;font:inherit;font-size:14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);cursor:pointer}.chip:hover{border-color:var(--brand);color:var(--brand)}.more summary{cursor:pointer;color:var(--brand);font-weight:600;font-size:15px}.more[open]{display:grid;gap:10px}.checks{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:15px}.go{padding:14px;font:inherit;font-weight:700;font-size:17px;border:0;border-radius:12px;background:var(--brand);color:var(--brand-ink);cursor:pointer}.go:disabled{opacity:.45;cursor:default}.status{min-height:1.6em;margin:10px 0 0;font-size:15px}.status.warn{color:var(--warn);background:var(--warn-soft);padding:8px 10px;border-radius:8px}.result{display:grid;gap:12px;margin-top:10px}.result figure{margin:0;display:flex;justify-content:center;padding:12px;border-radius:12px;background:repeating-conic-gradient(#eef1f0 0 25%,#fff 0 50%) 0 0 / 20px 20px}.result img{max-width:100%;max-height:320px;width:auto;height:auto;object-fit:contain}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.stats div{padding:10px;border:1px solid var(--line);border-radius:10px}.stats dt{font-size:13px;color:var(--muted)}.stats dd{margin:0;font-weight:700}.download{display:block;padding:14px;text-align:center;font-weight:700;text-decoration:none;border-radius:12px;border:2px solid var(--brand);color:var(--brand)}.privacy{margin:12px 0 0;font-size:13px;color:var(--muted);text-align:center}.content{margin-top:28px}.content h2{font-size:22px;line-height:1.3;margin:32px 0 8px}.content h3{font-size:18px;margin:20px 0 6px}.content table{width:100%;border-collapse:collapse;font-size:15px;margin:8px 0}.content th,.content td{text-align:left;padding:8px;border-bottom:1px solid var(--line)}.content th{background:var(--brand-soft)}.table-wrap{overflow-x:auto}.faq{border-bottom:1px solid var(--line);padding:10px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{margin:6px 0 0;color:var(--muted)}.foot{border-top:1px solid var(--line);padding:20px 16px 32px;text-align:center;color:var(--muted);font-size:14px}.foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-bottom:8px}.editbar{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.editor{display:grid;gap:10px;margin-top:12px}.editor-stage{max-height:62vh;background:#111;border-radius:12px;overflow:hidden}.editor-stage img{display:block;max-width:100%;height:auto}.ghost{padding:14px;font:inherit;font-weight:700;border-radius:12px;cursor:pointer;background:#fff;color:var(--ink);border:1px solid var(--line)}.hint{margin:0;font-size:14px;color:var(--brand);min-height:1.2em}input[type=range]{width:100%;accent-color:var(--brand)}.field output{font-weight:700;color:var(--ink);margin-left:4px}.field>input:not([type=range]){width:100%;padding:9px 10px;font:inherit;border:1px solid var(--line);border-radius:10px;background:#fff}.tool+.tool{margin-top:16px}.tool-heading{margin:0 0 12px;font-size:19px}.exam-facts{display:grid;gap:4px;padding:12px 14px;margin:12px 0;border-left:4px solid var(--brand);background:var(--brand-soft);border-radius:8px;font-size:15px}.source{font-size:14px;color:var(--muted)}
