:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#1d2c3e;background:#f8fafc;font-size:15px;line-height:1.65;--blue:#1559b8;--line:#d9e2ec;--muted:#62748a}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}h1,h2,p,figure{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);border-radius:6px;padding:8px 13px;color:inherit;background:white;cursor:pointer}button:hover:not(:disabled){border-color:var(--blue);background:#eff5ff}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9ebff2;outline-offset:3px}.primary{background:var(--blue);border-color:var(--blue);color:white;font-weight:600}.primary:hover:not(:disabled){background:#124b9c}input,select,textarea{border:1px solid var(--line);border-radius:6px;padding:9px 11px;color:inherit;background:white}header{padding:19px 30px;background:white;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}.kicker{font-size:10px;font-weight:650;letter-spacing:.13em;color:var(--blue)}h1{font-size:21px;font-weight:650}h2{font-size:22px;font-weight:650}#session{display:flex;gap:9px;align-items:center;font-size:13px}main{max-width:1460px;margin:auto;padding:23px 30px 40px}.login{max-width:430px;margin:65px auto}.login h2{font-size:28px;margin:7px 0 14px}.login>p{color:var(--muted);margin-bottom:25px;line-height:1.9}.login form{display:flex;flex-direction:column;gap:9px}.login label{font-size:13px;margin-top:10px}.login .primary{margin-top:15px;padding:12px}#loginError{color:#a62d34;font-size:13px;min-height:24px}.toolbar{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.toolbar>div{min-width:200px;margin-right:auto;font-size:13px}.toolbar>label{font-size:13px;color:var(--muted);display:flex;gap:9px;align-items:center}progress{display:block;width:100%;height:5px;margin-top:7px;accent-color:var(--blue)}#picker{font-size:13px;max-width:190px}#instructions{background:#eef4fc;border:1px solid #d4e1f3;border-radius:7px;padding:12px 17px;margin-top:17px;font-size:13px}summary{cursor:pointer;color:var(--blue);font-weight:600}ol{padding-left:20px}li{margin:6px 0}#message{min-height:35px;font-size:13px;color:var(--muted);padding-top:9px}#message.error{color:#a62d34}.heading{display:flex;align-items:center;gap:15px}#done{font-size:12px;color:#236b48;background:#e3f2e9;padding:3px 9px;border-radius:5px}.prompt{margin:7px 0 17px;color:var(--muted);font-size:14px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}figure{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}figcaption{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:9px 13px;border-bottom:1px solid var(--line)}figcaption button{padding:3px 10px;font-size:12px}.canvas{background:#e9edf2;min-height:190px;position:relative}.canvas svg{display:block;width:100%;height:auto}.canvas .loading-note{position:absolute;top:45%;left:0;text-align:center;width:100%;font-size:13px;color:var(--muted);pointer-events:none}.box{fill:transparent;stroke:#f1b821;stroke-width:2.5;vector-effect:non-scaling-stroke;cursor:pointer}.box:hover{fill:#f4c12724;stroke:white}.box.selected{stroke:#1671e7;fill:#1671e72b;stroke-width:4}.reference-box{fill:#1671e719;stroke:#1671e7;stroke-width:3;vector-effect:non-scaling-stroke}.tag{fill:#15283b}.tag-text{fill:white;font-size:12px;font-family:ui-monospace,monospace;pointer-events:none}.selected-tag{fill:#1559b8}fieldset{margin:22px 0 0;padding:0;border:0}legend{font-size:13px;font-weight:600;margin-bottom:9px}.candidates{display:flex;gap:8px;flex-wrap:wrap}.candidates button{min-width:47px;font-family:ui-monospace,monospace;font-weight:650}.alternatives{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:15px;padding-top:15px}.alternatives button{font-size:13px}.active{border-color:var(--blue);background:#e8f1ff;color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.note-label{display:block;font-size:12px;color:var(--muted);margin:21px 0 6px}textarea{width:100%;resize:vertical;font-size:13px}footer{display:flex;align-items:center;gap:9px;background:#f8fafc;position:sticky;bottom:0;padding:15px 0;border-top:1px solid var(--line);margin-top:17px;box-shadow:0 -8px 14px #f8fafc}#saveStatus{margin-right:auto;font-size:12px;color:var(--muted)}.preview{padding:8px 18px;background:#fff1d1;color:#80541a;text-align:center;font-size:13px}.busy{pointer-events:none;opacity:.6}dialog{border:1px solid var(--line);border-radius:8px;padding:0;width:min(1200px,96vw);max-height:95vh;overflow:auto}dialog::backdrop{background:#12243bb2}.dialog-bar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;background:white;padding:9px 15px;font-size:14px;border-bottom:1px solid var(--line)}#zoomCanvas svg{width:100%;display:block;height:auto}#finished{text-align:center;padding:30px;border:1px solid #b7d5c2;background:#eef8f1;border-radius:7px;margin-top:25px}#finished p{margin-top:9px;color:var(--muted)}@media(max-width:760px){header{padding:15px;align-items:flex-start}h1{font-size:18px}#session{flex-wrap:wrap;justify-content:flex-end;gap:3px}#session button{padding:4px;font-size:11px}main{padding:18px 14px}.toolbar{gap:10px;flex-wrap:wrap}.toolbar>div{min-width:120px}.toolbar>label{order:3;width:100%}#picker{flex:1;max-width:none}.pair{gap:10px;grid-template-columns:1fr}.canvas{min-height:150px}.alternatives{flex-direction:column;gap:8px}footer{flex-wrap:wrap}#saveStatus{width:100%}footer button{flex:1;font-size:13px;padding:9px 5px}.login{margin:35px auto}.prompt{font-size:13px}h2{font-size:20px}}