:root{color:#1c2833;background:#e8eef3;font-family:PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;font-size:13px;--blue: #1d5f99;--blue-dark: #0e3f68;--line: #d5dee7;--panel: #f7f9fb}*{box-sizing:border-box}html,body,#app{margin:0;height:100%}#app{display:flex;flex-direction:column;min-height:100%;-webkit-user-select:none;user-select:none}button,input,textarea,label{font:inherit}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:8px 16px;background:var(--blue-dark);color:#fff}.brand{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.brand-mark{width:28px;height:28px;border-radius:7px;background:linear-gradient(#5aa7e8,#5aa7e8) 6px 14px / 16px 2px no-repeat,linear-gradient(#f0c14d,#f0c14d) 6px 19px / 16px 2px no-repeat,#1d6fbf;box-shadow:inset 0 0 0 2px #ffffff40}.brand-copy{min-width:0}.brand strong{display:block;font-size:15px;letter-spacing:.02em;white-space:nowrap}.file-switch{display:flex;align-items:center;gap:4px;margin-top:2px;min-width:0}.file-chip{min-width:0;flex:0 1 280px;max-width:280px;border:1px solid transparent;border-radius:4px;padding:1px 6px;background:transparent;color:#c5d7e8;font:inherit;font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.file-chip:hover{background:#ffffff1f;color:#fff}.file-chip.active{border-color:#fff6;background:#ffffff2e;color:#fff}#file-name{color:#c5d7e8;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}#file-name[hidden]{display:none}.top-actions{display:flex;gap:8px;flex-shrink:0}.btn{display:inline-flex;align-items:center;height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:#ffffff14;color:#fff;cursor:pointer}.btn:hover{background:#ffffff2e}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:76px minmax(0,1fr) 280px}.toolbar,.panel{background:var(--panel);border-right:1px solid var(--line)}.panel{border-right:0;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.toolbar{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px}.tool{width:64px;height:52px;border:1px solid transparent;border-radius:8px;background:transparent;color:#31485c;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.tool span{font-size:11px;line-height:1}.tool svg{width:20px;height:20px}.tool svg *{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tool svg circle[fill]{fill:currentColor;stroke:none}.tool:hover{background:#e7f0f8}.tool.active{background:#d7e9f8;border-color:#b7d4ee;color:var(--blue)}.tool.danger:hover{background:#fdecec;color:#b42318}.tool-sep{width:36px;height:1px;margin:4px 0;background:var(--line)}.viewport{position:relative;overflow:auto;background:linear-gradient(45deg,#d5dee6 25%,transparent 25%,transparent 75%,#d5dee6 75%),linear-gradient(45deg,#d5dee6 25%,#e4ebf1 25%,#e4ebf1 75%,#d5dee6 75%);background-size:28px 28px;background-position:0 0,14px 14px}#stage{position:relative;margin:16px;box-shadow:0 8px 28px #14283c2e;background:#fff}#pdf-canvas,#overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#overlay{touch-action:none}#overlay.tool-line,#overlay.tool-rect,#overlay.tool-ellipse,#overlay.tool-text{cursor:crosshair}#overlay.tool-pan,#overlay.space-pan{cursor:grab}#overlay.grabbing{cursor:grabbing}#overlay .handle{cursor:pointer}.empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#52667a;pointer-events:none}.panel{padding:0;overflow:auto}.panel section{padding:14px 14px 8px;border-bottom:1px solid var(--line)}.panel h2{margin:0 0 10px;font-size:13px;font-weight:650}.panel h2 span{color:#6b7c8d;font-weight:500}.presets{display:flex;gap:8px;margin-bottom:12px}.presets button{width:22px;height:22px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #c5d0da;cursor:pointer;padding:0}.presets button.active{box-shadow:0 0 0 2px var(--blue)}.field,.check{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0;color:#3d5163}.field input[type=color]{width:42px;height:26px;padding:0;border:1px solid var(--line);background:#fff;cursor:pointer}.field input[type=range]{width:130px}#ann-text{width:100%;resize:vertical;border:1px solid var(--line);border-radius:6px;padding:8px;background:#fff;-webkit-user-select:text;user-select:text}#ann-text:disabled{background:#f1f4f7}.list-section{flex:1}#ann-list{list-style:none;margin:0;padding:0 0 12px}#ann-list li{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;cursor:pointer}#ann-list li:hover{background:#eaf2f8}#ann-list li.active{background:#d7e9f8}#ann-list i{width:10px;height:10px;border-radius:50%;flex:none}#ann-list span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#ann-list button{border:0;background:transparent;color:#8aa0b3;cursor:pointer;padding:0 4px}#ann-list .muted{color:#8aa0b3;cursor:default}#ann-list .muted:hover{background:transparent}.statusbar{height:32px;display:flex;align-items:center;gap:16px;padding:0 12px;border-top:1px solid var(--line);background:#f7f9fb;color:#52667a}.statusbar #status{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#page-box{display:flex;align-items:center;gap:8px}#page-box button,#finish-line{height:24px;border:1px solid var(--line);background:#fff;border-radius:4px;cursor:pointer;padding:0 8px}#zoom-label{min-width:48px;text-align:right;font-variant-numeric:tabular-nums}#text-editor{position:fixed;z-index:30;min-width:140px;border:1px solid var(--blue);border-radius:4px;padding:2px 6px;background:#fffffff5;outline:none;-webkit-user-select:text;user-select:text}#text-editor[hidden],[hidden]{display:none!important}