.video-edit-nav>a{font:bold 12px Arial;color:#ddd;text-shadow:0 -1px #333;padding:15px 14px;white-space:nowrap}.player-stage{position:relative;width:100%;aspect-ratio:16/9}.retro-player .player-stage>video{width:100%;height:100%;aspect-ratio:auto}.retro-player .player-stage>.player-big{top:50%}.retro-player:fullscreen .player-stage{position:absolute;left:50%;top:calc((100% - 28px)/2);transform:translate(-50%,-50%);width:min(100%,calc((100vh - 28px)*16/9));height:auto;aspect-ratio:16/9}.retro-player:fullscreen .player-stage video{height:100%}.annotation-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;--annotation-scale:1;z-index:2}.video-annotation{position:absolute;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif!important;font-size:calc(var(--annotation-size,16)*var(--annotation-scale)*1px);line-height:1.2;color:var(--annotation-color)!important;background:var(--annotation-fill);border:1px solid #0004;border-radius:2px;text-decoration:none!important;pointer-events:auto;overflow:visible;padding:calc(7px*var(--annotation-scale));cursor:default;white-space:pre-wrap;overflow-wrap:anywhere}.video-annotation a{color:inherit}.annotation-text{display:block;max-height:100%;overflow:hidden}.video-annotation[href]{cursor:pointer}.video-annotation[href]:hover{outline:1px solid #fff;box-shadow:0 0 3px #000}.annotation-title{background:transparent!important;border:0!important;border-radius:0;padding:0;text-shadow:1px 1px 2px #000}.annotation-speech{border-radius:5px}.annotation-speech::after{content:'';position:absolute;width:0;height:0;border:calc(10px*var(--annotation-scale)) solid transparent;border-top-color:var(--annotation-fill);border-bottom:0;bottom:calc(-10px*var(--annotation-scale));left:14%}.annotation-speech.tail-bottom-right::after{left:auto;right:14%}.annotation-speech.tail-top-left::after,.annotation-speech.tail-top-right::after{top:calc(-10px*var(--annotation-scale));bottom:auto;border-bottom:calc(10px*var(--annotation-scale)) solid var(--annotation-fill);border-top:0}.annotation-speech.tail-top-right::after{left:auto;right:14%}.annotation-spotlight,.annotation-label{background:transparent;border:1px solid #fffc;box-shadow:0 0 2px #000,inset 0 0 2px #000;border-radius:0;padding:0}.annotation-spotlight .annotation-text,.annotation-label .annotation-text{opacity:0;position:absolute;background:var(--annotation-fill);padding:5px;max-height:none;left:-1px;right:-1px;bottom:0}.annotation-spotlight .annotation-text{top:100%;bottom:auto;right:auto;min-width:100%;width:max-content;max-width:240px}.annotation-spotlight:hover .annotation-text,.annotation-spotlight:focus .annotation-text,.annotation-label:hover .annotation-text,.annotation-label:focus .annotation-text,.annotation-spotlight.editing .annotation-text,.annotation-label.editing .annotation-text{opacity:1}.annotation-pause{background:#333b;color:white;border:1px dashed #ddd;font-size:12px}.annotation-dismiss{pointer-events:auto;position:absolute;z-index:3;width:15px;height:15px;padding:0;background:#333b;color:#fff;border:1px solid #aaa;border-radius:0;font:13px/12px Arial;transform:translate(-100%,0);opacity:0;cursor:pointer}.annotation-layer:has(.video-annotation:hover) .annotation-dismiss,.annotation-dismiss:hover,.annotation-dismiss:focus-visible{opacity:1}.video-annotation:focus-visible,.annotation-dismiss:focus-visible{outline:2px solid #78a9f5}.annotation-layer.editor-layer .video-annotation{cursor:move}.video-annotation.editing.selected{outline:1px solid #c8c8c8;box-shadow:0 0 2px #222}.annotation-handle{position:absolute;width:7px;height:7px;background:#fff;border:1px solid #777;box-shadow:0 0 1px #333;z-index:5}.handle-nw{top:-4px;left:-4px;cursor:nwse-resize}.handle-ne{top:-4px;right:-4px;cursor:nesw-resize}.handle-sw{bottom:-4px;left:-4px;cursor:nesw-resize}.handle-se{bottom:-4px;right:-4px;cursor:nwse-resize}.handle-n{top:-4px;left:calc(50% - 3px);cursor:ns-resize}.handle-s{bottom:-4px;left:calc(50% - 3px);cursor:ns-resize}.handle-w{left:-4px;top:calc(50% - 3px);cursor:ew-resize}.handle-e{right:-4px;top:calc(50% - 3px);cursor:ew-resize}.player-annotations .icon{width:15px;height:12px;color:#777}.player-annotations[aria-pressed=true] .icon{color:#b8382b;fill:#b8382b}.player-settings-menu{position:absolute;right:34px;bottom:33px;z-index:8;min-width:155px;padding:12px;background:#242424f2;color:#ddd;border:1px solid #555;font:11px Arial;box-shadow:0 1px 4px #0009}.player-settings-menu label{display:flex;align-items:center;gap:7px;margin-bottom:8px}.player-settings-menu input{margin:0}.player-settings-menu .player-quality{position:static!important;padding:3px;width:85px;min-width:0;background:#333;color:#eee;border:1px solid #666}.player-settings-menu[hidden]{display:none}
.annotations-page{margin-bottom:25px}.annotations-page .reference-edit-heading{min-height:58px}.annotation-save-state{color:#777;font-size:11px;margin:0 10px;max-width:260px}.annotation-workspace{display:grid;grid-template-columns:minmax(0,640px) minmax(0,1fr);gap:15px;padding:15px;background:#f8f8f8;border:1px solid #d5d5d5;border-radius:4px;min-height:650px}.annotation-preview{min-width:0}.annotation-player .player-annotations,.annotation-player [data-annotations-enabled]{display:none}.annotation-player .player-settings-menu label:first-child{display:none}.annotation-player .annotation-layer{overflow:visible}.annotation-player .player-stage{touch-action:none}.annotation-player .player-stage>.player-big{z-index:1}.annotation-player .player-error{z-index:0}.annotation-timeline-scroll{overflow:auto;max-height:280px;background:linear-gradient(#292929,#191919);border:1px solid #333;border-bottom:0;scrollbar-color:#888 #ddd}.annotation-timeline{position:relative;min-width:100%;touch-action:none;user-select:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),#ffffff0d calc(12.5% - 1px),#ffffff0d 12.5%)}.annotation-lanes{position:relative;min-height:155px}.annotation-axis{position:relative;height:24px;margin:0 10px 10px;border-top:2px solid #777;color:#aaa;font:bold 10px Arial}.annotation-axis span{position:absolute;transform:translateX(-50%);padding-top:7px;white-space:nowrap}.annotation-axis span::before{content:'';position:absolute;top:-6px;left:50%;height:10px;border-left:2px solid #888}.annotation-axis span:first-child{transform:none}.annotation-axis span:last-child{transform:translateX(-100%)}.annotation-playhead{position:absolute;top:0;bottom:25px;width:1px;background:#aaa;pointer-events:none}.annotation-playhead i{position:absolute;bottom:-4px;left:-4px;width:9px;height:13px;background:linear-gradient(#db4a37,#a9251b);clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}.annotation-timeline-bar{position:absolute;display:flex;align-items:center;gap:5px;min-width:9px;box-sizing:border-box;height:21px;border:1px solid #666;border-radius:3px;background:linear-gradient(#bababa,#8a8a8a);box-shadow:inset 0 1px #ddd;color:#333;font:bold 10px Arial;cursor:move;padding:0 6px;overflow:hidden;white-space:nowrap}.annotation-timeline-bar.selected{border-color:#d23b24;box-shadow:inset 2px 0 #d23b24,inset -2px 0 #d23b24}.annotation-timeline-bar>.icon{width:13px;height:13px;color:#555;flex:none}.annotation-bar-text{overflow:hidden;text-overflow:ellipsis}.annotation-timeline-bar>[data-trim]{position:absolute;top:0;bottom:0;width:6px;cursor:ew-resize}.annotation-timeline-bar>[data-trim=start]{left:0}.annotation-timeline-bar>[data-trim=end]{right:0}.annotation-timeline-tools{display:flex;align-items:center;gap:6px;height:32px;background:linear-gradient(#2d2d2d,#171717);padding:0 10px;border:1px solid #333;border-radius:0 0 3px 3px}.annotation-timeline-tools>button{background:none;border:0;color:#aaa;font:10px Arial;padding:3px}.annotation-timeline-tools>button:disabled{color:#555;cursor:default}.annotation-timeline-tools label{display:flex;align-items:center;gap:5px;margin-left:auto}.annotation-timeline-tools .icon{width:13px;height:13px;color:#aaa}.annotation-timeline-tools input{width:100px;height:12px;accent-color:#bbb}.annotation-properties{min-width:0;font:11px Arial;color:#555}.annotation-properties .btn,.annotation-properties select{background:linear-gradient(#fff,#e7e7e7);border:1px solid #ccc;border-radius:2px;font:bold 11px Arial;color:#555;box-shadow:0 1px 1px #0001}.annotation-properties hr{border:0;border-top:1px solid #d3d3d3;border-bottom:1px solid #fff;margin:12px 0}.annotation-add{position:relative;width:max-content;max-width:100%}.annotation-add>summary{list-style:none;display:flex;align-items:center;gap:7px;padding:8px 12px;cursor:pointer}.annotation-add>summary::-webkit-details-marker{display:none}.annotation-add .icon{width:16px;height:16px;color:#777}.annotation-add>div{position:absolute;top:100%;left:0;min-width:100%;z-index:10;background:white;border:1px solid #bbb;box-shadow:0 3px 4px #0004;padding:4px 0}.annotation-add button{display:flex;align-items:center;gap:9px;white-space:nowrap;width:100%;background:none;border:0;padding:7px 14px;color:#444;font:12px Arial}.annotation-add button:hover{background:#666;color:#fff}.annotation-add button:hover .icon{color:#ddd}.annotation-selector{width:100%;height:33px;padding:7px;font-size:10px!important}.annotation-property-title{display:flex;align-items:center;gap:5px;font-size:12px;margin:4px 0 12px}.annotation-property-title>.icon{width:15px;height:15px}.annotation-property-title>.btn{margin-left:auto;padding:6px 10px}.annotation-property-title .btn .icon{width:15px;height:15px}.annotation-properties textarea{display:block;resize:vertical;width:100%;min-height:90px;font:12px Arial;padding:10px;border:1px solid #bcbcbc;box-shadow:inset 0 1px 2px #0002;background:#fff}.annotation-properties [data-ann-field=style]{width:100%;height:30px;margin:8px 0}.annotation-color-tools{display:flex;gap:5px;margin:7px 0 12px}.annotation-color-tools label{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;gap:4px;background:linear-gradient(#fff,#e6e6e6);border:1px solid #ccc;height:31px;border-radius:2px}.annotation-color-tools select{border:0!important;background:none!important;padding:0;font-size:11px;box-shadow:none}.annotation-color-tools input[type=color]{width:25px;height:22px;padding:1px;border:0;background:none}.annotation-color-tools .icon{width:18px;height:18px}.annotation-color-tools b{font-size:17px;color:#666}.annotation-opacity,.annotation-tail{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:9px 0}.annotation-opacity select,.annotation-tail select{max-width:135px;padding:4px;font-weight:normal}.annotation-time-fields{display:flex;gap:8px;align-items:center;border-bottom:1px solid #ddd;padding:9px 0 16px;margin-bottom:18px}.annotation-time-fields>label{display:flex;align-items:center;gap:4px;min-width:0;flex:1}.annotation-time-fields label>span{display:flex;flex:1;min-width:0}.annotation-time-fields input{min-width:0;width:100%;height:31px;padding:4px;border:1px solid #aaa;background:#fff;color:#555;font:11px Arial}.annotation-time-fields label>span>span{display:flex;flex-direction:column}.annotation-time-fields button{font:9px/11px Arial;padding:0 4px;background:linear-gradient(#fff,#ddd);border:1px solid #bbb;border-left:0;height:15.5px;color:#555}.annotation-link>label{display:flex;align-items:center;gap:5px;margin:12px 0}.annotation-link input[type=checkbox]{margin:0}.annotation-link>select,.annotation-link>input{width:100%;margin:6px 0;padding:6px;font:11px Arial;border:1px solid #bbb;min-height:29px}.annotation-link label>input:not([type=checkbox]){width:90px;min-width:0;padding:5px;border:1px solid #bbb;font:11px Arial}.annotation-locked{margin-left:auto;font-size:10px;color:#999}.annotation-premium-note,.annotation-empty{font:11px/17px Arial;color:#888}.annotation-link-error{color:#b32c20;font-size:11px}.annotation-position{border-top:1px solid #ddd;padding:12px 0;margin-top:16px}.annotation-position summary{cursor:pointer}.annotation-position>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.annotation-position label{font-size:10px}.annotation-position input{display:block;max-width:100%;width:95px;padding:5px;border:1px solid #bbb;margin-top:4px;font:11px Arial}.annotation-position p{color:#888;font-size:10px;line-height:15px}.annotation-editor-help{display:flex;align-items:center;gap:20px;padding-top:8px}.annotation-editor-help>button{color:#34699a;background:none;border:0;padding:0;font:11px Arial}.annotation-editor-status{font:11px Arial;color:#666}.annotations-page :focus-visible{outline:2px solid #648dcc;outline-offset:1px}.annotation-properties [data-ann-field=pauseSeconds]{width:65px;padding:5px;border:1px solid #bbb}
@media(max-width:800px){.annotation-workspace{grid-template-columns:minmax(0,1fr);padding:10px}.annotation-properties{max-width:none}.annotation-timeline-scroll{max-height:240px}.annotation-save-state{max-width:150px;font-size:10px}.annotation-properties textarea{min-height:70px}.annotation-workspace{min-height:0}.annotation-editor-help{flex-wrap:wrap}.annotation-time-fields input{max-width:120px}}

.annotation-media-notice{font:12px/18px Arial;color:#777;padding:8px 12px;border:1px solid #ddd;background:#fafafa;margin:0 0 10px}
.annotation-selector-wrap{position:relative}.annotation-selector-wrap .annotation-selector{padding-left:27px}.annotation-selector-icon{position:absolute;top:9px;left:8px;pointer-events:none;color:#666}.annotation-selector-icon .icon{width:14px;height:14px}.annotation-color-tools label::after{content:'▾';font-size:9px;color:#888;margin-right:3px}
