:root{--bg:#1a1d23;--surface:#252830;--border:#3d424d;--text:#e8eaed;--muted:#9aa0a6;--accent:#6c9eff;--danger:#f28b82}*{box-sizing:border-box}body.pdf-annotate-body{overscroll-behavior-x:contain;background:var(--bg);min-height:100%;color:var(--text);flex-direction:column;min-height:0;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,sans-serif;display:flex;overflow:hidden}header{background:var(--surface);border-bottom:1px solid var(--border);z-index:1000;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem .75rem;padding:.65rem 1rem;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #00000059}header .header-brand{letter-spacing:.02em;color:var(--text);margin:0 .5rem 0 0;font-size:1rem;font-weight:600}.btn{appearance:none;border:1px solid var(--border);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#323742;border-radius:6px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.8125rem;display:inline-flex}.btn:hover{background:#3d4450}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:#0d1117;border-color:#5a8dee;font-weight:600}.btn.primary:hover{filter:brightness(1.05)}label.btn input{display:none}.tool-group{align-items:center;gap:.35rem;display:inline-flex}.tool-group span.label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.tool-toggle{border:1px solid var(--border);border-radius:6px;display:inline-flex;overflow:hidden}.tool-toggle button{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#2a2f38;border:none;justify-content:center;align-items:center;width:34px;height:30px;padding:0;display:inline-flex}.tool-toggle button+button{border-left:1px solid var(--border)}.tool-toggle button:hover{color:var(--text);background:#333942}.tool-toggle button.active{background:var(--accent);color:#0d1117}.tool-toggle button svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:18px;height:18px}.btn.icon-btn{justify-content:center;align-items:center;width:34px;height:30px;padding:0;display:inline-flex}.btn.icon-btn svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:18px;height:18px}input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;width:32px;height:28px;padding:0}.swatches{grid-template-columns:repeat(8,18px);gap:4px;display:grid}.swatch{cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff26;border-radius:4px;outline:none;width:18px;height:18px;padding:0}.swatch:hover{transform:scale(1.1)}.swatch.active{box-shadow:0 0 0 2px var(--accent);border-color:var(--accent)}.swatch[data-color=\#ffffff]{border-color:#0006}.color-picker{align-items:center;display:inline-flex;position:relative}#color-preview{border:1.5px solid var(--border);cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:currentColor;border-radius:6px;flex:none;width:24px;height:24px;padding:0;transition:border-color .12s,transform .12s;display:inline-block}#color-preview:hover,.color-picker.open #color-preview{border-color:var(--accent)}.color-popover{border:1px solid var(--border);opacity:0;pointer-events:none;z-index:900;white-space:nowrap;background:#1b1f27;border-radius:10px;padding:10px;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(-4px);box-shadow:0 14px 36px #00000080}.color-popover:before{content:"";height:10px;position:absolute;top:-10px;left:0;right:0}.color-picker.open .color-popover{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}input[type=range]{vertical-align:middle;width:88px}.widths{border:1px solid var(--border);border-radius:6px;display:inline-flex;overflow:hidden}.width-btn{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#2a2f38;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.width-btn+.width-btn{border-left:1px solid var(--border)}.width-btn:hover{background:#333942}.width-btn.active{background:var(--accent)}.width-btn .dot{background:var(--text);border-radius:50%;display:inline-block}.width-btn.active .dot{background:#0d1117}.page-nav{color:var(--muted);align-items:center;gap:.35rem;font-size:.8125rem;display:inline-flex}.page-nav button{min-width:2rem;padding:.35rem .5rem}.tool-group.zoom-group{gap:.2rem}.zoom-inline{align-items:center;display:inline-flex;position:relative}.zoom-display-btn{justify-content:center;min-width:2.6rem;height:28px;padding:0 .38rem}.zoom-popover{border:1px solid var(--border);opacity:0;pointer-events:none;z-index:900;background:#1b1f27;border-radius:8px;transition:opacity .12s,transform .12s;display:inline-flex;position:absolute;top:calc(100% + 8px);left:50%;overflow:hidden;transform:translate(-50%)translateY(-4px);box-shadow:0 12px 30px #00000073}.zoom-popover:before{content:"";height:10px;position:absolute;top:-10px;left:0;right:0}.zoom-step-btn{background:0 0;border:none;border-radius:0;font-size:.95rem;line-height:1;width:30px!important;height:28px!important}#zoom-in.zoom-step-btn{border-left:1px solid var(--border)}.zoom-step-btn:hover{background:#2d3440}.zoom-inline.open .zoom-popover{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}#zoom-label{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.01em;min-width:2.2rem;color:var(--muted);font-size:.72rem}main{overscroll-behavior-x:contain;flex-direction:column;flex:1;justify-content:flex-start;align-items:stretch;min-height:0;padding:1rem;display:flex;overflow:auto}.viewport-doc-frame{justify-content:center;align-items:flex-start;width:fit-content;min-width:100%;display:flex}#viewport-wrap{background:#2b2f36;border-radius:4px;flex-shrink:0;line-height:0;box-shadow:0 8px 32px #00000073}#viewport-scaler{position:relative}#viewport-wrap,#viewport-scaler,#pdf-canvas,#draw-canvas,#object-canvas{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#pdf-canvas,#draw-canvas,#object-canvas{display:block}#draw-canvas,#object-canvas{position:absolute;top:0;left:0}#draw-canvas{pointer-events:none;z-index:2}#object-canvas{touch-action:none;z-index:3}#object-hover{pointer-events:none;z-index:60;width:100%;height:100%;position:absolute;top:0;left:0}.obj-bbox{pointer-events:none;box-sizing:border-box;background:#ffffff0f;border:1.5px solid #ffffff61;border-radius:3px;position:absolute;box-shadow:0 0 0 1px #00000040,0 2px 10px #00000040}.obj-bbox.is-pinned{border-color:var(--accent);background:#63b3ed14}.obj-btn{background:var(--surface);width:24px;height:24px;color:var(--text);border:1px solid var(--border);cursor:pointer;pointer-events:auto;touch-action:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .1s,color .1s,transform 50ms;display:flex;position:absolute;box-shadow:0 2px 6px #00000059}.obj-btn:hover{background:var(--accent);color:#0b0d10}.obj-btn:active{transform:scale(.92)}.obj-btn svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.obj-btn.obj-move{cursor:grab}.obj-btn.obj-move:active{cursor:grabbing}.text-overlay{border:1px dashed var(--accent);min-width:3.5rem;min-height:1.5rem;color:var(--text);resize:none;z-index:50;box-sizing:border-box;pointer-events:auto;touch-action:auto;-webkit-user-select:text;user-select:text;caret-color:var(--text);background:#1a1d23eb;border-radius:2px;padding:4px 6px;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,sans-serif;line-height:1.4;position:absolute;overflow:hidden}#hint{width:100%;color:var(--muted);align-self:center;max-width:36rem;padding:2rem;font-size:.9rem;line-height:1.6}#hint code{background:var(--surface);border-radius:4px;padding:.15rem .4rem;font-size:.85em}.hint-drop{border:2px dashed var(--border);text-align:center;background:#ffffff05;border-radius:14px;padding:2rem 1.5rem;transition:border-color .15s,background .15s}.hint-drop .icon{width:64px;height:64px;color:var(--accent);stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;margin:0 auto .75rem;display:block}.hint-drop .headline{color:var(--text);margin-bottom:.4rem;font-size:1.05rem;font-weight:600}.hint-drop .sub{font-size:.85rem}.hint-drop .or{color:var(--muted);justify-content:center;align-items:center;gap:.75rem;margin:1.4rem 0 1.1rem;font-size:.8rem;display:flex}.hint-drop .or:before,.hint-drop .or:after{content:"";background:var(--border);width:60px;height:1px}.hint-drop .pick-btn{align-items:center;gap:.4rem;display:inline-flex}.hint-features{grid-template-columns:repeat(2,1fr);gap:.6rem 1.25rem;margin:1.5rem 0 0;padding:0;display:grid}.hint-features li{align-items:flex-start;gap:.5rem;font-size:.82rem;list-style:none;display:flex}.hint-features svg{width:16px;height:16px;color:var(--accent);stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 16px;margin-top:2px}.loading-overlay{z-index:10000;color:var(--text);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:14px;display:flex;position:fixed;inset:0}.loading-overlay[hidden]{display:none}.dragging-file:after{content:"ここにドロップして開く";border:3px dashed var(--accent);color:var(--accent);pointer-events:none;z-index:9999;background:#4f9cff14;border-radius:12px;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex;position:fixed;inset:12px}.loading-spinner{border:4px solid #ffffff26;border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite pdfedit-spin}@keyframes pdfedit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#region-select{z-index:1500;cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:contain;position:fixed;inset:0}#region-select[hidden]{display:none}.rs-shade{background:#00000073;transition:none;position:absolute}.rs-box{pointer-events:none;border:1.5px dashed #4f9cff;position:absolute;box-shadow:inset 0 0 0 1px #00000059,0 0 0 1px #ffffff40}.rs-box:before{content:"";pointer-events:none;border:1px solid #ffffff40;position:absolute;inset:-1px}.rs-size{color:#eef2ff;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;background:#12141aeb;border:1px solid #2e333d;border-radius:4px;padding:2px 6px;font-size:11px;line-height:1.4;position:absolute}.rs-hint{color:#eef2ff;pointer-events:none;background:#12141aeb;border:1px solid #2e333d;border-radius:8px;padding:8px 14px;font-size:13px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0006}.rs-hint kbd{background:#2a2f38;border:1px solid #3a414b;border-radius:4px;margin:0 2px;padding:1px 6px;font-family:inherit;font-size:11px}#toast-container{z-index:2000;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:72px;left:50%;transform:translate(-50%)}.toast{color:#eef2ff;opacity:0;text-align:center;background:#12141af5;border:1px solid #2e333d;border-radius:8px;max-width:80vw;padding:8px 14px;font-size:13px;transition:opacity .18s,transform .18s;transform:translateY(-6px);box-shadow:0 10px 30px #00000073}.toast.show{opacity:1;transform:translateY(0)}.toast.success{border-color:#2a6a3c}.toast.error{color:#ffd2d2;border-color:#a1383a}#modal-root{z-index:11000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}#modal-root[hidden]{display:none}.modal{color:#eef2ff;opacity:0;background:#181b22;border:1px solid #2e333d;border-radius:10px;width:100%;max-width:440px;padding:20px 22px;transition:opacity .16s,transform .16s;transform:translateY(8px)scale(.98);box-shadow:0 20px 60px #0000008c}.modal.show{opacity:1;transform:translateY(0)scale(1)}.modal h3{margin:0 0 10px;font-size:15px;font-weight:600}.modal p{color:#c8cdd6;white-space:pre-wrap;margin:0 0 18px;font-size:13px;line-height:1.6}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.modal-actions .btn{justify-content:center;min-width:96px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{height:100%;margin:0}