:root{--bg: #f4f5f7;--panel: #ffffff;--border: #e2e5ea;--text: #1c2430;--muted: #6b7683;--primary: #0b5cff;--primary-ink: #ffffff;--accent: #0b3d91;--warn: #c0392b;--shadow: 0 1px 3px rgba(20, 30, 50, .12), 0 6px 18px rgba(20, 30, 50, .08)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border);box-shadow:var(--shadow);flex-wrap:wrap}.brand{font-weight:700;font-size:17px}.tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.right{margin-left:auto;display:flex;align-items:center;gap:8px}.btn{border:1px solid var(--border);background:#fff;color:var(--text);padding:7px 12px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:background .12s,border-color .12s}.btn:hover{background:#f0f3f8}.btn.active{border-color:var(--primary);color:var(--primary);background:#eef4ff}.btn.primary{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}.btn.primary:hover{background:#094ad1}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:#eef1f6}.btn.lg{padding:11px 20px;font-size:15px}.btn:disabled{opacity:.5;cursor:default}.prop{display:inline-flex;align-items:center;gap:4px}.prop input[type=number]{width:56px;padding:5px;border:1px solid var(--border);border-radius:6px}.prop input[type=color],.ink input[type=color]{width:30px;height:30px;padding:0;border:1px solid var(--border);border-radius:6px;background:#fff}.zoom{display:inline-flex;align-items:center;gap:4px;margin-left:4px}.zoom-val{font-size:12px;color:var(--muted);width:42px;text-align:center}.ttl{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.ttl.warn{color:var(--warn);font-weight:600}.statusbar{padding:7px 16px;font-size:13px;color:var(--muted);background:#eef4ff;border-bottom:1px solid var(--border)}.statusbar.is-error{color:var(--warn);background:#fdecec}.expired-banner{padding:10px 16px;background:#fdecec;color:var(--warn);font-size:14px;border-bottom:1px solid var(--border)}.dropzone{flex:1;display:grid;place-items:center;cursor:pointer;padding:40px}.dz-inner{text-align:center;max-width:460px;padding:48px;border:2px dashed var(--border);border-radius:16px;background:var(--panel)}.dz-inner:hover{border-color:var(--primary)}.dz-icon{font-size:44px}.dz-inner h2{margin:12px 0 6px}.dz-inner p{color:var(--muted);margin:0 0 20px}.workspace{flex:1;display:flex;gap:16px;padding:16px;align-items:flex-start}.pages{flex:1;display:flex;flex-direction:column;align-items:center;gap:20px}.page{display:flex;flex-direction:column;align-items:center;gap:4px}.page-label{font-size:12px;color:var(--muted)}.page-canvas-wrap{position:relative;box-shadow:var(--shadow);background:#fff}.page-canvas{display:block}.overlay{position:absolute;top:0;right:0;bottom:0;left:0}.overlay.placing{cursor:crosshair}.anno{position:absolute;cursor:move;-webkit-user-select:none;user-select:none}.anno.selected{outline:1.5px dashed var(--primary);outline-offset:2px}.anno-text{min-width:24px;white-space:pre-wrap;line-height:1.2;padding:1px 2px;outline:none}.anno-text[contenteditable=true]{cursor:text;background:#0b5cff0f}.anno-sig{display:block;width:100%;height:auto;pointer-events:none}.anno-del{position:absolute;top:-10px;right:-10px;width:20px;height:20px;border-radius:50%;border:none;background:var(--warn);color:#fff;cursor:pointer;font-size:14px;line-height:1;display:grid;place-items:center}.anno-resize{position:absolute;right:-6px;bottom:-6px;width:12px;height:12px;background:var(--primary);border:2px solid #fff;border-radius:3px;cursor:nwse-resize}.sidebar{width:220px;flex-shrink:0;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px;position:sticky;top:76px}.sidebar h4{margin:0 0 2px;word-break:break-word;font-size:14px}.sidebar h5{margin:16px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.muted{color:var(--muted);font-size:13px}.versions{list-style:none;margin:0;padding:0}.versions li{display:flex;align-items:center;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--border)}.link{border:none;background:none;color:var(--primary);cursor:pointer;font-size:13px;padding:0}.dl{text-decoration:none;color:var(--muted);font-size:16px}.dl:hover{color:var(--primary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f162380;display:grid;place-items:center;z-index:50}.modal{background:#fff;border-radius:14px;padding:20px;box-shadow:var(--shadow)}.modal h3{margin:0 0 12px}.sig-canvas{border:1px solid var(--border);border-radius:10px;background:#fbfbfd;touch-action:none;cursor:crosshair;display:block}.modal-row{display:flex;align-items:center;gap:8px;margin-top:12px}.modal-row .spacer{flex:1}.ink{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}