.markup-overlay{z-index:var(--z-dropdown);pointer-events:none;font-family:var(--font-sans);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.markup-overlay__surface{pointer-events:auto;cursor:crosshair;touch-action:none;color:var(--color-danger);position:absolute;top:0;bottom:0;left:0;right:14px}.markup-overlay__surface--ink-hover{cursor:grab}.markup-overlay__surface--ink-dragging{cursor:grabbing}.markup-overlay__canvas{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.markup-label{box-sizing:border-box;pointer-events:auto;z-index:var(--z-raised);position:absolute}.markup-label:not(.markup-label--editing){cursor:grab}.markup-label:not(.markup-label--editing):active{cursor:grabbing}.markup-label__frame{box-sizing:border-box;min-height:32px;padding:5px var(--spacing-smd);border:2px solid var(--color-danger-border);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--color-background) 88%, transparent);box-shadow:var(--shadow-md);align-items:center;display:flex}.markup-label--selected .markup-label__frame,.markup-label--editing .markup-label__frame{border-color:var(--blue-400)}.markup-label__text,.markup-label__input{box-sizing:border-box;width:100%;min-width:0;color:var(--color-danger);font-family:var(--font-sans);letter-spacing:normal;font-kerning:normal;flex:auto;margin:0;padding:0;font-size:13px;font-weight:600;line-height:18px;display:block}.markup-label__text{white-space:pre-wrap;overflow-wrap:break-word;min-height:18px}.markup-label__input{resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:top;background:0 0;border:none;min-height:18px;overflow:hidden}.markup-label__input:focus{outline:none}.markup-label__input::placeholder{color:var(--color-text-secondary)}.markup-anchor{z-index:calc(var(--z-raised) + 1);box-sizing:border-box;border:1.5px solid var(--neutral-0);background:var(--blue-400);pointer-events:auto;touch-action:none;cursor:grab;border-radius:50%;width:10px;height:10px;margin:0;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #0000}.markup-anchor:active{cursor:grabbing}.markup-anchor--left{top:50%;left:0}.markup-anchor--right{top:50%;left:100%}.markup-anchor--side,.markup-anchor--side:active{cursor:ew-resize}.markup-toolbar-anchor{bottom:var(--spacing-lg);pointer-events:none;z-index:calc(var(--z-dropdown) + 1);max-width:calc(100% - 2 * var(--spacing-lg));position:absolute;left:50%;transform:translate(-50%)}.markup-toolbar{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-background);box-shadow:var(--shadow-lg);pointer-events:auto;white-space:nowrap;display:flex;position:relative}.markup-toolbar__tools{padding-right:var(--spacing-xs);border-right:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:2px;display:flex}.markup-toolbar__tool{color:var(--color-text-secondary)}.ui-button.markup-toolbar__tool--active,.ui-button.markup-toolbar__tool--active:hover:not(:disabled){color:var(--color-danger);background-color:var(--color-danger-bg)}.markup-toolbar__send-hint{margin-left:var(--spacing-xs);align-items:center;gap:2px;display:inline-flex}.markup-toolbar__send-hint .ui-kbd{min-width:14px;height:14px;color:var(--color-primary-button);background:var(--color-background);border-color:color-mix(in srgb, var(--color-background) 70%, transparent);box-shadow:none;opacity:.85;padding:0 2px;font-size:.5625rem}.markup-voice-pill{box-sizing:border-box;background:color-mix(in srgb, var(--color-background) 88%, transparent);width:32px;height:32px;color:var(--color-danger);font-family:var(--font-sans);white-space:nowrap;max-width:244px;box-shadow:var(--shadow-md);pointer-events:none;z-index:calc(var(--z-dropdown) + 1);border:0 solid #0000;border-radius:16px;align-items:center;font-size:13px;font-weight:600;line-height:18px;transition:width .42s cubic-bezier(.2,.8,.2,1),height .42s cubic-bezier(.2,.8,.2,1),border-color .2s,border-width .2s,border-radius .42s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;overflow:hidden}.markup-voice-pill:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:conic-gradient(from 0turn, transparent 0turn, transparent .3turn, var(--color-danger) .75turn, var(--color-danger) 1turn);transition:opacity .22s;animation:.9s linear infinite markup-voice-sweep;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px))}.markup-voice-pill--listening{border-width:2px;border-color:var(--color-danger-border);border-radius:var(--radius-xl);align-items:flex-start;min-height:32px}.markup-voice-pill--listening:before{opacity:0;animation:none}.markup-voice-pill__inner{z-index:1;box-sizing:border-box;align-items:center;gap:var(--spacing-sm);flex:none;min-width:0;max-width:100%;padding:0 8px;transition:padding .42s cubic-bezier(.2,.8,.2,1),gap .36s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.markup-voice-pill__sizer{visibility:hidden;white-space:nowrap;font-family:var(--font-sans);pointer-events:none;font-size:13px;font-weight:600;line-height:18px;position:absolute;top:0;left:-9999px}.markup-voice-pill--listening .markup-voice-pill__inner{align-items:flex-start;width:100%;padding:5px 12px}.markup-voice-pill--committing .markup-voice-pill__inner{gap:0}.markup-voice-pill__ear{width:16px;height:16px;color:var(--color-danger);opacity:.85;flex-shrink:0;transition:opacity .3s,transform .3s,width .36s cubic-bezier(.2,.8,.2,1);display:block;overflow:hidden;transform:scale(.92)}.markup-voice-pill__ear svg{width:16px;height:16px;display:block}.markup-voice-pill--listening .markup-voice-pill__ear{opacity:1;margin-top:1px;animation:1.2s ease-in-out infinite markup-voice-pulse;transform:scale(1)}.markup-voice-pill--committing .markup-voice-pill__ear{opacity:0;width:0;animation:none;transform:scale(.5)}.markup-voice-pill__label{letter-spacing:normal;font-kerning:normal;opacity:0;flex:auto;min-width:0;line-height:18px;transition:opacity .2s .16s;display:block}.markup-voice-pill--listening .markup-voice-pill__label{opacity:1;overflow-wrap:break-word;word-break:break-word}@keyframes markup-voice-sweep{to{transform:rotate(1turn)}}@keyframes markup-voice-pulse{0%,to{opacity:1;filter:drop-shadow(0 0 3px color-mix(in srgb, var(--color-danger) 70%, transparent))}50%{opacity:.45;filter:drop-shadow(0 0 #0000)}}@media (prefers-reduced-motion:reduce){.markup-voice-pill,.markup-voice-pill__inner,.markup-voice-pill__ear,.markup-voice-pill__label{transition:none}.markup-voice-pill:before{opacity:0;animation:none}.markup-voice-pill:not(.markup-voice-pill--listening){border-width:2px;border-color:color-mix(in srgb, var(--color-danger-border) 45%, transparent)}.markup-voice-pill--listening{border-radius:var(--radius-xl)}.markup-voice-pill--listening .markup-voice-pill__ear{animation:none}.markup-voice-pill--committing .markup-voice-pill__ear{opacity:0;width:0}}.ui-button.markup-mode-button--active,.ui-button.markup-mode-button--active:hover:not(:disabled){color:var(--color-danger);background-color:var(--color-danger-bg)}.markup-intro-popover{bottom:calc(100% + var(--spacing-sm));transform-origin:50% 100%;box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-background);width:300px;max-width:100%;box-shadow:var(--shadow-popover);pointer-events:auto;animation:markup-intro-pop-in var(--transition-speed-fast) var(--transition-easing-out);border-radius:10px;padding:10px 12px 8px;position:absolute;left:50%;transform:translate(-50%)}@keyframes markup-intro-pop-in{0%{opacity:0;transform:translate(-50%)translateY(6px)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.markup-intro-popover__row{align-items:center;gap:12px;padding:6px 0;display:flex}.markup-intro-popover__row+.markup-intro-popover__row{border-top:1px solid var(--color-background-tertiary)}.markup-intro-popover__demo{background:var(--color-background-secondary);border-radius:7px;flex:none;justify-content:center;align-items:center;width:108px;height:44px;display:flex;overflow:hidden}.markup-intro-popover__title{color:var(--color-text);margin:0;font-size:12.5px;font-weight:600;line-height:1.35}.markup-intro-popover__key{color:var(--color-danger)}.markup-intro-popover__desc{color:var(--color-text-secondary);margin:1px 0 0;font-size:11px;line-height:1.35}.markup-intro-popover__foot{border-top:1px solid var(--color-background-tertiary);justify-content:space-between;align-items:center;gap:10px;margin-top:4px;padding-top:7px;display:flex}.markup-intro-popover__tip{color:var(--color-text-secondary);font-size:11px}.markup-intro-popover__got-it{cursor:pointer;color:var(--color-primary);background:0 0;border:none;border-radius:5px;padding:3px 8px;font-family:inherit;font-size:12px;font-weight:600}.markup-intro-popover__got-it:hover{background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.markup-intro-popover__squig{fill:none;stroke:var(--color-danger);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:2.8s linear infinite markup-intro-draw-path}@keyframes markup-intro-draw-path{0%,8%{stroke-dashoffset:1px;opacity:1}72%{stroke-dashoffset:0;opacity:1}88%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.markup-intro-popover__follower{offset-path:path("M8 26 C14 6 26 5 32 16 C37 25 47 26 53 16 C58 8 68 7 78 12 C83 15 88 15 90 11");offset-rotate:0deg;offset-distance:0%;animation:2.8s linear infinite markup-intro-follow-move}@keyframes markup-intro-follow-move{0%,8%{offset-distance:0%;opacity:1}72%{offset-distance:100%;opacity:1}88%{offset-distance:100%;opacity:1}to{offset-distance:100%;opacity:0}}.markup-intro-popover__ripple{fill:none;stroke:var(--color-danger);stroke-width:1.5px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:2.8s linear infinite markup-intro-ripple}@keyframes markup-intro-ripple{0%{opacity:.85;transform:scale(.3)}12%{opacity:0;transform:scale(1.7)}to{opacity:0;transform:scale(1.7)}}.markup-intro-popover__mouse-body{fill:var(--color-background)}.markup-intro-popover__mouse-outline{fill:none;stroke:var(--color-text);stroke-width:1.5px}.markup-intro-popover__mouse-line{stroke:var(--color-text);stroke-width:1.5px}.markup-intro-popover__btn-lit{fill:var(--color-danger);animation:.7s ease-in-out infinite alternate markup-intro-press}@keyframes markup-intro-press{0%{fill-opacity:.45}to{fill-opacity:1}}.markup-intro-popover__speak-demo{align-items:center;gap:12px;display:flex}.markup-intro-popover__mousewrap{display:inline-flex;position:relative}.markup-intro-popover__mousewrap:after{content:"";border:1.5px solid color-mix(in srgb, var(--color-danger) 60%, transparent);border-radius:var(--radius-pill);opacity:0;animation:1.5s ease-out infinite markup-intro-hold-pulse;position:absolute;top:-4px;bottom:-4px;left:-6px;right:-6px}@keyframes markup-intro-hold-pulse{0%{opacity:0;transform:scale(.88)}25%{opacity:.8}to{opacity:0;transform:scale(1.12)}}.markup-intro-popover__bars{align-items:center;gap:3px;height:22px;display:flex}.markup-intro-popover__bars span{border-radius:var(--radius-xs);background:var(--color-danger);width:3px;animation:.9s ease-in-out infinite markup-intro-wave}.markup-intro-popover__bars span:first-child{height:6px;animation-delay:0s}.markup-intro-popover__bars span:nth-child(2){height:14px;animation-delay:.12s}.markup-intro-popover__bars span:nth-child(3){height:20px;animation-delay:.24s}.markup-intro-popover__bars span:nth-child(4){height:12px;animation-delay:.36s}.markup-intro-popover__bars span:nth-child(5){height:6px;animation-delay:.48s}@keyframes markup-intro-wave{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.markup-intro-popover{animation:none}.markup-intro-popover__squig{stroke-dashoffset:0;animation:none}.markup-intro-popover__follower,.markup-intro-popover__ripple,.markup-intro-popover__btn-lit,.markup-intro-popover__mousewrap:after,.markup-intro-popover__bars span{animation:none}.markup-intro-popover__ripple{opacity:0}}