#oa-review-root{position:fixed;inset:0;pointer-events:none;z-index:100}.oa-fab,.oa-panel,.oa-pin,.oa-pin-form,.oa-svg,.oa-modal-bg{pointer-events:auto}.oa-fab{position:fixed;right:24px;bottom:24px;background:var(--ink, #1A1916);color:var(--paper, #F5EFE2);font-family:var(--sans, -apple-system, sans-serif);font-size:12px;letter-spacing:.18em;text-transform:uppercase;padding:14px 22px;border:0;border-radius:999px;cursor:pointer;box-shadow:0 12px 32px -8px #1a191666;transition:transform .2s,background .2s;z-index:110}.oa-fab:hover{transform:translateY(-2px)}.oa-fab.active{background:var(--accent, #1F5E5E)}.oa-fab .dot{display:inline-block;width:8px;height:8px;background:#c84a2e;border-radius:50%;margin-right:8px;vertical-align:middle}.oa-fab.active .dot{background:var(--paper, #F5EFE2)}.oa-fab-count{display:inline-block;background:var(--paper, #F5EFE2);color:var(--ink, #1A1916);margin-left:10px;padding:2px 8px;border-radius:999px;font-family:var(--mono, monospace);letter-spacing:0;font-size:11px}.oa-panel{position:fixed;left:0;top:0;bottom:0;width:min(420px,92vw);background:#faf6ec;border-right:1px solid #C9B898;box-shadow:8px 0 32px -16px #1a191640;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;z-index:105;font-family:var(--sans, -apple-system, sans-serif)}.oa-panel.open{transform:translate(0)}.oa-panel-head{padding:18px 20px 14px;border-bottom:1px solid #C9B898;background:#f5efe2}.oa-panel-head .title{font-family:var(--serif, "Hoefler Text", Georgia, serif);font-style:italic;font-size:22px;color:var(--ink, #1A1916)}.oa-panel-head .meta{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#837561;margin-top:6px}.oa-toolbar{display:flex;gap:6px;padding:10px 16px;border-bottom:1px solid #C9B898;background:#faf6ec}.oa-tool{flex:1;border:1px solid #C9B898;background:transparent;padding:8px 6px;font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2, #3D362A);cursor:pointer;transition:all .15s}.oa-tool:hover{background:#f5efe2}.oa-tool.active{background:var(--ink, #1A1916);color:var(--paper, #F5EFE2);border-color:var(--ink)}.oa-list{flex:1;overflow-y:auto;padding:0}.oa-empty{padding:48px 24px;text-align:center;font-family:var(--serif, Georgia, serif);font-style:italic;color:#837561;font-size:16px;line-height:1.5}.oa-item{padding:16px 20px;border-bottom:1px solid #E0D4B8;cursor:pointer;transition:background .15s;position:relative}.oa-item:hover{background:#f5efe2}.oa-item.focus{background:#f5efe2;box-shadow:inset 3px 0 0 var(--accent, #1F5E5E)}.oa-item .meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#837561;margin-bottom:6px}.oa-item .author{font-family:var(--serif, Georgia, serif);font-style:italic;color:var(--ink, #1A1916);font-size:14px}.oa-item .age{font-family:var(--mono);font-size:10px}.oa-item .body{font-family:var(--serif, Georgia, serif);font-size:14px;line-height:1.45;color:var(--ink-2, #3D362A);margin-bottom:8px}.oa-item .footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.16em;text-transform:uppercase;gap:8px}.oa-status{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2, #3D362A);font-weight:500}.oa-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#c9b898}.oa-status.in-progress:before{background:#c84a2e}.oa-status.resolved:before{background:var(--accent, #1F5E5E)}.oa-status.archived:before{background:#3d362a;opacity:.4}.oa-pin-num{color:var(--accent, #1F5E5E);font-family:var(--mono)}.oa-type-pill{display:inline-block;border:1px solid #C9B898;background:#f5efe2;padding:2px 8px;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2, #3D362A)}.oa-type-pill[data-type=color]{background:#f5e4e0;color:#8b3a28;border-color:#e5c4ba}.oa-type-pill[data-type=text],.oa-type-pill[data-type=copy]{background:#e5eaf0;color:#3d5a7e;border-color:#c9d2de}.oa-type-pill[data-type=alignment]{background:#e5f0e8;color:#2d5c3a;border-color:#c9dec9}.oa-type-pill[data-type=spacing]{background:#f0ebe0;color:#5c4e2d;border-color:#decda9}.oa-type-pill[data-type=bug]{background:#f4e4d6;color:#8b4f1a;border-color:#e4c4a6}.oa-pin{position:absolute;transform:translate(-50%,-100%);z-index:95;cursor:pointer;user-select:none}.oa-pin .marker{width:28px;height:28px;background:var(--accent, #1F5E5E);border:2px solid #FAF6EC;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);box-shadow:0 4px 12px #1a19164d;display:grid;place-items:center;transition:transform .15s}.oa-pin:hover .marker{transform:rotate(-45deg) scale(1.1)}.oa-pin .marker span{transform:rotate(45deg);color:#faf6ec;font-family:var(--mono);font-size:11px;font-weight:600}.oa-pin.focus .marker{background:var(--ink, #1A1916);transform:rotate(-45deg) scale(1.2)}.oa-pin.resolved .marker{background:var(--accent, #1F5E5E);opacity:.55}.oa-pin.in-progress .marker{background:#c84a2e}.oa-pin.archived .marker{background:#3d362a;opacity:.4}.oa-pin-form{position:absolute;left:50%;transform:translate(-50%);top:36px;width:360px;background:#faf6ec;border:1px solid var(--ink, #1A1916);border-radius:10px;padding:12px;box-shadow:0 16px 40px -10px #1a191666;font-family:var(--sans)}.oa-pin-form .types{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:10px}.oa-pin-form .types button{flex:0 0 auto;padding:5px 10px;background:transparent;border:1px solid #C9B898;font-family:var(--sans);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);cursor:pointer;border-radius:999px}.oa-pin-form .types button:hover{background:#f5efe2}.oa-pin-form .types button.active{background:var(--ink);color:var(--paper, #FAF6EC);border-color:var(--ink)}.oa-pin-form .target{background:#f5efe2;border:1px dashed #C9B898;border-radius:4px;padding:8px 10px;margin-bottom:8px;font-family:var(--mono);font-size:11px;color:var(--ink-2);line-height:1.4}.oa-pin-form .target em{display:block;font-family:var(--sans);font-style:normal;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#837561;margin-bottom:4px}.oa-pin-form .target code{display:inline-block;word-break:break-all}.oa-pin-form textarea{width:100%;border:1px solid #C9B898;background:#faf6ec;padding:8px 10px;font-family:var(--serif, Georgia, serif);font-size:14px;line-height:1.45;color:var(--ink, #1A1916);resize:vertical;min-height:60px;box-sizing:border-box;border-radius:4px}.oa-pin-form textarea:focus{outline:1px solid var(--accent, #1F5E5E)}.oa-pin-form input[type=text],.oa-pin-form input[type=email]{width:100%;padding:6px 10px;border:1px solid #C9B898;background:#faf6ec;font-family:var(--serif);font-size:13px;color:var(--ink);box-sizing:border-box;border-radius:4px}.oa-pin-form input[type=color]{width:44px;height:32px;padding:0;border:1px solid #C9B898;cursor:pointer;vertical-align:middle}.oa-pin-form .field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.oa-pin-form .field{display:flex;flex-direction:column;gap:4px}.oa-pin-form .field label{font-family:var(--sans);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#837561}.oa-pin-form .field .row{display:flex;gap:6px;align-items:center}.oa-pin-form .alignment-row{display:flex;gap:4px}.oa-pin-form .alignment-row button{flex:1;padding:6px 4px;background:transparent;border:1px solid #C9B898;font-family:var(--mono);font-size:11px;color:var(--ink-2);cursor:pointer}.oa-pin-form .alignment-row button.active{background:var(--accent);color:var(--paper, #FAF6EC);border-color:var(--accent)}.oa-pin-form .actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px;border-top:1px solid #E0D4B8;padding-top:8px}.oa-pin-form .cancel{background:transparent;border:0;font-family:var(--sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#837561;cursor:pointer}.oa-pin-form .submit{background:var(--accent, #1F5E5E);color:#faf6ec;border:0;padding:7px 16px;font-family:var(--sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;border-radius:999px}.oa-picker-outline{position:absolute;pointer-events:none;z-index:96;border:2px solid var(--accent, #1F5E5E);background:#1f5e5e14;transition:all 60ms linear;box-shadow:0 0 0 1px #1f5e5e66}.oa-picker-outline .label{position:absolute;left:0;bottom:-22px;background:var(--accent);color:#faf6ec;font-family:var(--mono);font-size:10px;padding:2px 6px;white-space:nowrap;border-radius:0 0 4px 4px}.oa-svg{position:absolute;left:0;top:0;width:100%;pointer-events:none;z-index:92}.oa-svg.drawing{pointer-events:auto;cursor:crosshair}.oa-svg path{fill:none;stroke:#c84a2e;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.oa-modal-bg{position:fixed;inset:0;background:#1a191666;display:grid;place-items:center;z-index:200}.oa-modal{background:#faf6ec;border:1px solid #C9B898;border-radius:12px;padding:32px 28px;width:min(440px,90vw);box-shadow:0 24px 60px -20px #1a191666;font-family:var(--sans)}.oa-modal h2{margin:0 0 8px;font-family:var(--serif, Georgia, serif);font-weight:400;font-size:32px;line-height:1.1;letter-spacing:-.01em}.oa-modal h2 em{font-style:italic;color:var(--accent, #1F5E5E)}.oa-modal p{margin:0 0 20px;font-family:var(--serif, Georgia, serif);font-size:15px;line-height:1.5;color:#3d362a}.oa-modal label{display:block;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#837561;margin:14px 0 6px}.oa-modal input{width:100%;padding:10px 12px;border:1px solid #C9B898;background:#f5efe2;font-family:var(--serif, Georgia, serif);font-size:16px;color:var(--ink, #1A1916);box-sizing:border-box}.oa-modal input:focus{outline:1px solid var(--accent, #1F5E5E)}.oa-modal .actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.oa-modal .actions button{background:var(--accent, #1F5E5E);color:#faf6ec;border:0;padding:10px 24px;font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border-radius:999px}.oa-modal .actions button:hover{background:var(--ink, #1A1916)}body.oa-review-open{padding-left:min(420px,92vw);transition:padding-left .3s ease}@media(max-width:720px){body.oa-review-open{padding-left:0}}body.oa-mode-comment,body.oa-mode-comment *{cursor:crosshair!important}.oa-collapse{position:absolute;right:-16px;top:50%;transform:translateY(-50%);width:28px;height:56px;background:#faf6ec;border:1px solid #C9B898;border-left:0;border-radius:0 8px 8px 0;color:#837561;font-family:serif;font-size:18px;line-height:56px;text-align:center;cursor:pointer;padding:0;box-shadow:4px 0 12px -4px #1a19161f;z-index:106}.oa-collapse:hover{background:#f5efe2;color:var(--ink, #1A1916)}.oa-panel.collapsed{transform:translate(calc(-100% + 14px))}body.oa-review-collapsed{padding-left:14px!important}.oa-mode-hint{padding:10px 16px;border-bottom:1px solid #C9B898;background:#f5efe2;font-family:var(--serif, Georgia, serif);font-style:italic;font-size:13px;line-height:1.45;color:#5c4e2d}.oa-mode-hint[hidden]{display:none}.oa-mode-hint strong{font-style:normal;color:var(--accent, #1F5E5E)}