.drawing-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px;border-bottom:1px solid var(--line)}.drawing-tools label{display:flex;gap:8px;align-items:center;font-size:14px}.drawing-tools select,.drawing-tools button,.comment-form button{font:inherit;background:#303236;color:var(--ink);border:1px solid #65676a;border-radius:4px;padding:8px;max-width:100%}.drawing-tools a{font-size:14px;color:var(--orange)}.annotation-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px}.drawing-scroll{overflow:auto;max-height:78dvh;min-height:400px;background:#52575b;padding:16px}.drawing-paper{position:relative;width:100%;line-height:0;margin:auto}.drawing-paper img{width:100%;height:auto;display:block}.drawing-paper.placing{cursor:crosshair}.pin{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;border:2px solid white;border-radius:50%;background:#e36e00;color:white;line-height:22px;font-weight:bold;cursor:pointer;box-shadow:0 1px 4px #333}.pin.pending{background:#2574a0}.comments-side{padding:16px;max-height:78dvh;overflow:auto}.comments-side h3{margin:0 0 12px;font-size:17px}.comment-form label{display:block;font-size:14px;margin:12px 0 6px}.comment-form input,.comment-form textarea{font:inherit;width:100%;background:#101112;color:white;border:1px solid #777;border-radius:4px;padding:9px}.comment-form textarea{min-height:110px;resize:vertical}.comment-form button{margin:10px 4px 0 0}.comment-item{border-top:1px solid var(--line);padding:12px 0;font-size:14px;cursor:pointer}.comment-item p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.comment-item time{color:var(--muted);font-size:12px}.annotation-status{font-size:14px;color:var(--muted);padding:0 16px}.comment-item:focus-visible,.pin:focus-visible{outline:3px solid var(--orange)}@media(max-width:760px){.annotation-layout{grid-template-columns:1fr}.comments-side{max-height:none}.drawing-scroll{max-height:65dvh}.drawing-tools select{max-width:75vw}}