.annotation-launcher{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;display:flex}.annotation-launcher p{color:var(--muted);font-size:12px}.annotation-backdrop{z-index:120;padding:0!important}.annotation-dialog{background:var(--bg);border:0;border-radius:0;flex-direction:column;width:100%;max-width:none;height:100dvh;display:flex;max-height:none!important;padding:0!important;overflow:hidden!important}.annotation-dialog:fullscreen{width:100vw;height:100vh}.annotation-dialog p:not(.eyebrow){margin-top:0}.annotation-header{background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.annotation-header h2{font-size:18px}.annotation-header .muted{font-size:12px}.annotation-header-actions{align-items:center;gap:8px;display:flex}.annotation-toolbar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;align-items:end;gap:10px 14px;padding:10px 20px;display:flex}.annotation-toolbar label{gap:3px;min-width:0;max-width:100%;font-size:11px}.annotation-toolbar select,.annotation-toolbar input{width:auto;max-width:100%;min-height:34px;padding:5px 9px;font-size:12px}.annotation-toolbar input[type=number]{width:92px}.annotation-toolbar .annotation-dimension{width:105px}.annotation-workspace{flex:1;grid-template-columns:minmax(0,1fr) 315px;min-height:0;display:grid}.annotation-viewport{overscroll-behavior:contain;background:repeating-conic-gradient(#dce2e9 0% 25%,#e9edf2 0% 50%) 50%/20px 20px;min-width:0;min-height:0;padding:0 20px;position:relative;overflow:auto}.annotation-viewport.is-preview{overflow-y:hidden}.annotation-frame-wrap{background:#fff;flex-shrink:0;margin:0 auto;position:relative}.annotation-frame{transform-origin:0 0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:0;display:block;position:absolute;top:0;left:0;max-width:none!important}.annotation-image-stage{-webkit-user-select:none;user-select:none;background:#fff;margin:0 auto;line-height:0;position:relative}.annotation-image-stage.is-drawing{cursor:crosshair;touch-action:none}.annotation-image-stage img{pointer-events:none;-webkit-user-drag:none;width:100%;max-width:none;height:auto;display:block}.annotation-image-stage:focus-visible{outline-offset:4px;outline:3px solid #1d5fbd}.annotation-image-stage:focus-visible .annotation-keyboard-cursor{display:block}.annotation-keyboard-cursor{pointer-events:none;border:2px solid #fff;border-radius:50%;outline:2px solid #145ad1;width:18px;height:18px;display:none;position:absolute;transform:translate(-50%,-50%)}.annotation-keyboard-cursor:after{content:"+";color:#145ad1;font:20px/14px sans-serif;position:absolute;top:0;left:0}.annotation-marker{z-index:2;color:#fff;background:var(--annotation-color);text-align:center;border:2px solid #fff;outline:1px solid #202a35;min-height:0;padding:0;font-size:12px;font-weight:800;line-height:24px;position:absolute;box-shadow:0 1px 4px #00000059}.annotation-marker.is-pin{border-radius:50%;transform:translate(-50%,-50%)}.annotation-marker.is-area{border:3px solid var(--annotation-color);background:color-mix(in srgb,var(--annotation-color) 12%,transparent);outline:1px solid #fff;min-width:3px;min-height:3px}.annotation-marker.is-selected{z-index:3;box-shadow:0 0 0 3px #5da9ff,0 0 0 5px #fff}.annotation-marker[data-color=yellow]{color:#24201a}.annotation-marker.is-area span{background:var(--annotation-color);border:1px solid #fff;min-width:24px;height:24px;line-height:22px;position:absolute;top:-3px;left:-3px}.annotation-marker.is-draft{pointer-events:none;z-index:4;border-style:dashed}.annotation-sidebar{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.annotation-sidebar-heading{padding:14px 16px 10px}.annotation-sidebar-heading h3{margin-bottom:10px;font-size:14px}.annotation-color-tools{flex-wrap:wrap;gap:6px;display:flex}.annotation-color{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:7px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;display:inline-flex}.annotation-color[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.annotation-color-dot{border:1px solid #777;border-radius:50%;flex-shrink:0;width:11px;height:11px;display:inline-block}.annotation-comment-list{gap:7px;padding:0 12px 12px;display:grid}.annotation-comment{text-align:left;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;align-items:start;gap:9px;min-width:0;padding:9px;display:flex}.annotation-comment[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.annotation-comment-number{color:#fff;border:1px solid #888;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:11px;font-weight:750;display:grid}.annotation-comment-number[data-color=yellow]{color:#24201a}.annotation-comment-copy{overflow-wrap:anywhere;flex:1;min-width:0;font-size:12px}.annotation-comment-copy strong{display:block}.annotation-comment-copy small{font-size:10px}.annotation-editor{border-top:1px solid var(--line);gap:10px;padding:14px 16px;display:grid}.annotation-editor textarea{min-height:100px;font-size:13px}.annotation-help{color:var(--muted);padding:0 16px 14px;font-size:11px}.annotation-empty{color:var(--muted);padding:16px;font-size:12px}.annotation-footer{border-top:1px solid var(--line);background:var(--panel);flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:12px 20px;display:flex}.annotation-footer p{color:var(--muted);font-size:12px}.annotation-footer .annotation-error{color:var(--danger)}.annotation-footer .annotation-success{color:var(--success)}.annotation-footer-actions{flex-shrink:0;gap:8px;display:flex}.annotation-tool-selected{background:var(--soft)!important;border-color:var(--accent)!important;color:var(--accent)!important}.annotation-readonly{color:var(--muted);background:var(--panel);border-bottom:1px solid var(--line);padding:7px 20px;font-size:12px}@media (width<=950px){.annotation-workspace{grid-template-rows:minmax(160px,1fr) minmax(100px,32dvh);grid-template-columns:minmax(0,1fr)}.annotation-sidebar{border-left:0;border-top:1px solid var(--line)}.annotation-sidebar-heading{padding:10px 12px}.annotation-comment-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.annotation-header,.annotation-toolbar,.annotation-footer{padding:10px 12px}.annotation-toolbar{gap:6px 10px;max-height:27dvh;overflow-y:auto}.annotation-header h2{font-size:15px}}@media (width<=520px){.annotation-header{flex-wrap:wrap;gap:8px}.annotation-header-actions{margin-left:auto}.annotation-header .muted{font-size:10px}.annotation-footer{flex-direction:column;align-items:start;gap:7px}.annotation-footer-actions{justify-content:end;width:100%}.annotation-toolbar .button{min-height:34px;padding:5px 8px;font-size:11px}.annotation-viewport{padding:0 12px}}.result-preview-controls{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.result-preview-controls [aria-pressed=true]{background:var(--soft);border-color:var(--accent);color:var(--accent)}.result-preview-size{color:var(--muted);font-size:12px}.result-preview-stage{background:var(--soft);border:1px solid var(--line);border-radius:10px;width:100%;min-width:0;overflow:hidden}.result-preview-canvas{background:#fff;margin:0 auto;position:relative}.result-responsive-frame{transform-origin:0 0;pointer-events:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:0;display:block;position:absolute;top:0;left:0;max-width:none!important}.result-preview-open{cursor:zoom-in;background:0 0;border:0;border-radius:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.result-preview-open:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.result-preview-open:hover{box-shadow:inset 0 0 0 2px var(--accent)}.result-preview-hint{color:var(--muted);margin-top:8px;font-size:12px}