.reference-annotation-card{z-index:100;overscroll-behavior:contain;color:#fafafa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#202020;--foreground:#fafafa;--border:#ffffff26;--muted:#303030;--secondary:#363636;--muted-foreground:#b5b5b5;--ring:#a3c5ff;background:#202020;border:1px solid #ffffff1f;border-radius:20px;width:336px;max-width:calc(100vw - 24px);padding:18px;position:fixed;overflow:auto;box-shadow:0 24px 64px #0004,0 4px 12px #0003}.reference-annotation-card .annotation-bubble{width:100%;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;animation:none;overflow:visible;position:static!important}.reference-annotation-card textarea{background:#ffffff08;min-height:112px;max-height:220px;font-size:16px}.reference-annotation-card .annotation-body{max-height:260px;overflow:auto}.reference-annotation-card .annotation-hint{margin:4px 0 12px}.reference-annotation-card .annotation-actions{margin-top:14px}.reference-annotation-card .annotation-footer{margin-top:14px;padding-top:12px}.reference-annotation-card .annotation-connect{display:none}.reference-annotation-card button{touch-action:manipulation}.reference-annotation-card button:focus-visible{outline-offset:3px;outline:2px solid #a3c5ff}@media (max-width:767px){.reference-annotation-card{border-radius:20px;width:calc(100vw - 24px);padding:16px}.reference-annotation-card textarea{min-height:88px}}.reference-notes-empty{color:var(--muted-foreground);flex-direction:column;align-items:flex-start;gap:10px;padding:20px 0;display:flex}.reference-notes-empty h3{color:var(--foreground);font-size:14px;font-weight:500}.reference-notes-empty p{max-width:28ch;font-size:13px;line-height:1.6}.reference-annotation-card .motion-annotation-composer{margin-bottom:0}.reference-annotation-card{flex-direction:column;display:flex;overflow:hidden}.annotation-card-header{flex:none;align-items:center;gap:8px;margin:-6px -6px 14px;display:flex}.annotation-card-content{overscroll-behavior:contain;min-height:0;margin:-4px;padding:4px;overflow:auto}.reference-annotation-card .annotation-card-drag{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;text-align:left;border-radius:8px;flex:1;align-items:center;gap:8px;min-height:36px;padding:6px;font-size:14px;font-weight:600;display:flex}.annotation-card-drag>svg{color:#888;flex:none}.annotation-card-drag>span{align-items:center;gap:6px;display:flex}.annotation-card-drag:hover,.annotation-card-close:hover{color:#fff;background:#ffffff0c}.annotation-card-drag:hover>svg{color:#ddd}.reference-annotation-card[data-dragging] .annotation-card-drag{cursor:grabbing}.annotation-card-close{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}@media (pointer:coarse){.reference-annotation-card .annotation-card-drag,.annotation-card-close{min-height:44px}.annotation-card-close{min-width:44px}}
.motion-timeline{flex-shrink:0;width:100%;padding:0 4px}.motion-timeline-toolbar{align-items:center;gap:8px;margin-bottom:10px;display:flex}.motion-timeline-toolbar button{border-radius:999px;justify-content:center;align-items:center;gap:7px;height:40px;transition:background-color .15s;display:inline-flex}.motion-play{width:40px}.motion-play:hover{background:var(--secondary)}.motion-annotate{background:var(--foreground);color:var(--background);margin-left:auto;padding:0 16px;font-size:13px;font-weight:500}.motion-annotate:hover{opacity:.85}.motion-time{font-variant-numeric:tabular-nums;font-size:12px}.motion-time>span{color:var(--muted-foreground)}.motion-ruler{color:var(--muted-foreground);font-variant-numeric:tabular-nums;justify-content:space-between;padding-bottom:6px;font-size:10px;display:flex}.motion-ruler>span{padding-bottom:5px;position:relative}.motion-ruler>span:after{content:"";background:var(--border);width:1px;height:4px;position:absolute;bottom:0;left:50%}.motion-track{touch-action:none;isolation:isolate;height:44px;position:relative}.motion-filmstrip{border:1px solid var(--border);background:var(--secondary);border-radius:7px;grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:0;overflow:hidden}.motion-filmstrip>div{border-right:1px solid var(--border);min-width:0}.motion-filmstrip img{object-fit:cover;opacity:.8;pointer-events:none;width:100%;height:100%}.motion-track-hit{cursor:crosshair;touch-action:none;border-radius:7px;position:absolute;inset:-4px 0}.motion-selection{pointer-events:none;background:color-mix(in srgb,var(--foreground)8%,transparent);border:2px solid var(--foreground);box-shadow:0 0 0 1px var(--background);border-radius:6px;position:absolute;inset-block:0}.motion-playhead{pointer-events:none;background:var(--foreground);width:2px;box-shadow:0 0 0 1px var(--background);position:absolute;top:-5px;bottom:-5px;transform:translate(-50%)}.motion-playhead:before{content:"";background:var(--foreground);border-radius:3px 3px 1px 1px;width:9px;height:9px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.motion-range-handle{z-index:2;cursor:ew-resize;touch-action:none;border-radius:5px;place-items:center;width:24px;height:46px;display:grid;position:absolute;top:-1px;transform:translate(-50%)}.motion-range-handle>span{background:var(--foreground);border:2px solid var(--background);border-radius:4px;width:10px;height:34px;display:block}.motion-note-track{height:26px;margin-top:7px;position:relative}.motion-note-track>button{background:var(--secondary);border:1px solid var(--border);text-align:left;border-radius:5px;min-width:24px;max-width:100%;height:24px;padding:0 7px;font-size:10px;font-weight:600;position:absolute;top:0;overflow:hidden}.motion-note-track>button:hover{background:var(--muted)}.motion-timeline>p{text-align:center;color:var(--muted-foreground);margin:8px 0 0;font-size:11px}.motion-timeline button:focus-visible,.motion-track-hit:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}@media (prefers-reduced-motion:reduce){.motion-timeline-toolbar button{transition:none}}.motion-selection{background:#155eef18;border-color:#155eef;box-shadow:0 0 0 1px #fff}.motion-range-handle{width:44px;height:52px;top:-4px}.motion-range-handle>span{color:#fff;background:#155eef;border:2px solid #fff;border-radius:6px;place-items:center;width:18px;height:44px;font-size:14px;font-weight:700;transition:background .12s,scale .12s;display:grid;box-shadow:0 2px 5px #0003}.motion-range-handle:hover>span,.motion-range-handle:focus-visible>span{background:#0045d7;scale:1.08}.motion-range-fields{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px;display:flex}.motion-range-fields label{color:var(--muted-foreground);align-items:center;gap:7px;font-size:11px;display:flex}.motion-range-fields input{border:1px solid var(--border);background:var(--background);width:72px;min-height:36px;color:var(--foreground);font-variant-numeric:tabular-nums;border-radius:8px;padding:6px 8px;font-size:13px}.motion-range-fields input:focus-visible{outline-offset:2px;outline:2px solid #155eef}@media (max-width:767px){.motion-range-fields input{min-height:44px;font-size:16px}}@media (prefers-reduced-motion:reduce){.motion-range-handle>span{transition:none}}
.annotation-canvas{border:1px solid var(--border);background:var(--muted);border-radius:16px;justify-content:center;display:flex;box-shadow:0 2px 12px #0000000a}.annotation-frame{width:fit-content;max-width:100%;position:relative}.annotation-frame>img{border-radius:15px;width:auto;max-width:100%;max-height:80vh;display:block}.annotation-target{cursor:crosshair;background:0 0;border:0;border-radius:15px;width:100%;height:100%;position:absolute;inset:0}.annotation-target:focus-visible{outline:2px solid var(--foreground);outline-offset:4px}.annotation-frame .flow-pin{z-index:2;background:var(--primary);width:32px;height:32px;color:var(--primary-foreground);cursor:grab;border:2px solid #fff;border-radius:50%;place-items:center;font-size:13px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0003}.annotation-frame .flow-pin--draft{background:var(--foreground);color:var(--background)}.annotation-frame .flow-pin.is-active{outline:2px solid var(--foreground);outline-offset:2px}.annotation-frame .flow-pin.is-dragging{cursor:grabbing}.annotation-caption{color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin-top:10px;font-size:12px;display:flex}.annotation-status:empty{display:none}.annotation-status{margin-top:6px;font-size:12px;display:block}.annotation-bubble{z-index:100;border:1px solid var(--border);background:var(--background);width:min(320px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--foreground);border-radius:18px;padding:16px;animation:.14s ease-out annotation-appear;position:fixed;overflow:auto;box-shadow:0 12px 40px #0002,0 2px 8px #0000000a}.annotation-bubble header{justify-content:space-between;align-items:center;margin:-5px -5px 8px 0;display:flex}.annotation-bubble header span{align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.annotation-bubble header button{cursor:pointer;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.annotation-bubble header button:hover{background:var(--muted)}.annotation-bubble textarea{border:1px solid var(--border);resize:vertical;background:var(--background);border-radius:10px;width:100%;min-height:105px;padding:11px;font-size:14px;line-height:1.5;display:block}.annotation-bubble textarea:focus{outline:2px solid var(--ring);outline-offset:2px}.annotation-hint{color:var(--muted-foreground);margin:10px 0 14px;font-size:12px;line-height:1.5}.annotation-submit{background:var(--foreground);width:100%;min-height:42px;color:var(--background);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.annotation-submit:disabled{opacity:.45;cursor:default}.annotation-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6}.annotation-delete{min-height:36px;color:var(--muted-foreground);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.annotation-error{color:var(--destructive);margin-top:10px;font-size:12px}.annotation-general-notes button{padding:8px 0;font-size:12px;text-decoration:underline}@keyframes annotation-appear{0%{opacity:0;translate:0 3px}to{opacity:1;translate:0}}@media (max-width:600px){.annotation-bubble{bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px);top:auto!important;left:12px!important}}@media (prefers-reduced-motion:reduce){.annotation-bubble{animation:none}}.annotation-canvas{position:relative}.annotation-intro{z-index:3;border:1px solid var(--border);background:var(--background);pointer-events:none;border-radius:14px;align-items:flex-start;gap:18px;max-width:calc(100% - 32px);padding:12px 12px 12px 16px;animation:.18s ease-out annotation-appear;display:flex;position:absolute;bottom:16px;left:16px;box-shadow:0 4px 16px #00000012}.annotation-intro>span{gap:3px;display:grid}.annotation-intro strong{font-size:13px;font-weight:600}.annotation-intro span span{color:var(--muted-foreground);font-size:12px;line-height:1.45}.annotation-intro button{pointer-events:auto;cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.annotation-intro button:hover{background:var(--muted)}.annotation-bubble header>span{font-size:15px;font-weight:600}.annotation-privacy{color:var(--muted-foreground);justify-content:center;align-items:center;gap:5px;margin-top:12px;font-size:10px;display:flex}@media (prefers-reduced-motion:reduce){.annotation-intro{animation:none}}.annotation-bubble{overflow:hidden auto}.annotation-bubble header>span{gap:6px;line-height:1.35}.annotation-frame[data-just-saved=true] .flow-pin.is-active{animation:.32s cubic-bezier(.2,.8,.2,1) annotation-pin-saved}@keyframes annotation-pin-saved{0%{scale:.85}65%{scale:1.08}to{scale:1}}@media (prefers-reduced-motion:reduce){.annotation-frame[data-just-saved=true] .flow-pin.is-active{animation:none}}.annotation-actions{grid-template-columns:1fr 1fr;align-items:center;gap:8px;margin-top:20px;display:grid}.annotation-actions .annotation-submit{border-radius:12px;width:100%;min-width:0;padding:0 14px}.annotation-actions .annotation-delete,.annotation-actions .annotation-cancel{border:1px solid var(--border);min-height:42px;color:var(--foreground);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.annotation-actions .annotation-delete:hover{color:var(--destructive);border-color:var(--destructive);background:color-mix(in srgb,var(--destructive)5%,transparent)}.annotation-actions .annotation-cancel:hover{background:var(--muted)}.annotation-actions button:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}.annotation-actions button:disabled{opacity:.45;cursor:default}.annotation-footer{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.annotation-bubble .annotation-privacy{flex-wrap:wrap;justify-content:flex-start;gap:4px;margin:0;font-size:11px}.annotation-privacy a{color:var(--foreground);text-underline-offset:3px;text-decoration:underline}.annotation-connect{background:var(--muted);color:var(--foreground);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:12px;transition:background .15s;display:flex}.annotation-connect:hover{background:var(--secondary)}.annotation-connect>span{gap:4px;display:grid}.annotation-connect strong{font-size:13px;font-weight:600}.annotation-connect span span{color:var(--muted-foreground);font-size:11px;line-height:1.5}.annotation-connect>svg{flex-shrink:0}.annotation-footer a:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}