.ng-360-editor .ng-360-intro.ng-360-intro-timeline{max-width:none;width:100%;padding:6px 0}:root .ng-360-editor[data-workflow=intro]{padding-block:6px;gap:0}.ng-360-editor .ng-360-situation-meta{align-items:start}:root .ng-360-editor .ng-360-situation-meta :is(input,textarea){height:44px;min-height:44px;padding-block:10px}.ng-360-editor .ng-360-situation-meta textarea{resize:vertical}.ng-360-editor .ng-360-workspace{--ng-workspace-gap:16px;--ng-panel-padding:16px;--ng-panel-inset:calc(2 * var(--ng-panel-padding) + 2px);grid-template-columns:minmax(0,calc((100% - var(--ng-workspace-gap) - 2 * var(--ng-panel-inset)) * var(--ng-frame-width-share) + var(--ng-panel-inset))) minmax(0,1fr);align-items:stretch;gap:var(--ng-workspace-gap)}.ng-360-editor :is(.ng-360-frame-panel,.ng-360-map-panel){display:flex;flex-direction:column;min-width:0;padding:var(--ng-panel-padding,16px);border-radius:12px}.ng-360-editor .ng-360-panel-heading{align-items:center;flex-wrap:nowrap;gap:12px;min-height:24px;margin-bottom:12px;line-height:1.4}.ng-360-editor .ng-360-panel-heading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ng-360-editor .ng-360-panel-heading span{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ng-360-editor .ng-360-frame-panel .ng-360-panel-heading>span,.ng-360-editor .ng-360-map-panel .ng-360-panel-heading>strong{flex:0 0 auto;white-space:nowrap}.ng-360-editor .ng-360-map-status{display:flex;align-items:center;justify-content:flex-end;min-width:0;gap:12px}.ng-360-editor .ng-360-map-status>span:not(.ng-360-attack-summary){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ng-360-editor .ng-360-map-body{display:flex;flex:1 1;flex-direction:column;min-height:0}.ng-360-editor .ng-360-map-body .ng-360-pitch{flex:0 0 auto;width:100%;height:auto;aspect-ratio:122/82}.ng-360-editor .ng-360-source-canvas{position:relative;order:1;width:100%;min-width:0;min-height:0}.ng-360-editor .ng-360-copy-prompt{position:fixed;margin:0;width:min(420px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid var(--v-border);border-radius:12px;background:var(--v-surface);color:var(--v-text);box-shadow:0 12px 36px #0004}.ng-360-copy-prompt::-webkit-backdrop{background:#0006}.ng-360-copy-prompt::backdrop{background:#0006}.ng-360-editor .ng-360-copy-prompt p{margin:12px 0 20px}.ng-360-copy-prompt-actions{display:flex;flex-wrap:wrap;gap:10px}.ng-360-copy-prompt-actions button{flex:1 1 140px}:root .ng-360-editor .ng-360-image-scroll[data-panning=true] button.ng-360-image-hit,:root .ng-360-editor .ng-360-image-scroll[data-panning=true] button.ng-360-image-hit:is(:hover,:active,:focus,:focus-visible):not(:disabled){cursor:-webkit-grabbing;cursor:grabbing}.ng-360-editor .ng-360-map-panel>p{margin-bottom:0}.ng-360-editor .ng-360-workspace-toolbar{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;order:-3}.ng-360-editor .ng-360-workspace-toolbar>:is(p,small){margin:0}.ng-360-editor .ng-360-image-control-row{display:flex;align-items:center;flex:1 1 100%;flex-wrap:nowrap;gap:12px;width:100%;min-width:0}:root .ng-360-editor .ng-360-image-control-row>.ng-360-zoom-control{flex:0 1 auto;min-width:0;white-space:nowrap}.ng-360-editor .ng-360-image-control-row>.ng-360-copy-action{flex:0 0 auto;white-space:nowrap}.ng-360-editor .ng-360-image-control-row:has(.ng-360-projected-lines-control){flex-wrap:wrap}:root .ng-360-editor .ng-360-image-control-row>.ng-360-projected-lines-control{flex:0 0 auto;width:auto}.ng-360-editor .ng-360-image-toolbar>.ng-360-image-copy-description{flex:1 1 100%;min-width:0;margin:0}.ng-360-editor .ng-360-zoom-range{position:relative;display:flex;align-items:center;flex:0 1 150px;width:150px;height:24px;min-width:100px}.ng-360-editor .ng-360-zoom-range:before{position:absolute;inset-inline:8px;height:4px;border-radius:999px;background:linear-gradient(to right,var(--v-accent) 0,var(--v-accent) var(--zoom-progress),var(--v-border) var(--zoom-progress),var(--v-border) 100%);content:"";pointer-events:none}.ng-360-editor .ng-360-zoom-range input[type=range]{position:relative;width:100%;min-height:24px;height:24px;margin:0;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;accent-color:var(--v-accent);cursor:pointer}.ng-360-editor .ng-360-zoom-range input[type=range]::-webkit-slider-runnable-track{height:4px;border:0;border-radius:999px;background:transparent}.ng-360-editor .ng-360-zoom-range input[type=range]::-webkit-slider-thumb{box-sizing:border-box;width:16px;height:16px;margin-top:-6px;appearance:none;-webkit-appearance:none;border:2px solid var(--v-surface);border-radius:50%;background:var(--v-accent)}.ng-360-editor .ng-360-zoom-range input[type=range]::-moz-range-track{height:4px;border:0;border-radius:999px;background:transparent}.ng-360-editor .ng-360-zoom-range input[type=range]::-moz-range-progress{height:4px;border-radius:999px;background:transparent}.ng-360-editor .ng-360-zoom-range input[type=range]::-moz-range-thumb{box-sizing:border-box;width:16px;height:16px;border:2px solid var(--v-surface);border-radius:50%;background:var(--v-accent)}.ng-360-editor .ng-360-zoom-range input[type=range]:focus-visible{outline:2px solid var(--v-accent);outline-offset:3px}@media (max-width:1100px){.ng-360-editor .ng-360-image-control-row{gap:6px}:root .ng-360-editor .ng-360-image-control-row>.ng-360-zoom-control{gap:4px;font-size:.78rem}.ng-360-editor .ng-360-image-toolbar .ng-360-zoom-range{flex-basis:60px;width:60px;min-width:50px}:root .ng-360-editor .ng-360-image-control-row>.ng-360-copy-action{min-height:38px;padding-inline:8px;font-size:.78rem}}@media (max-width:520px){.ng-360-editor .ng-360-image-control-row{gap:6px}:root .ng-360-editor .ng-360-image-control-row>.ng-360-zoom-control{gap:3px;font-size:.72rem}.ng-360-editor .ng-360-image-toolbar .ng-360-zoom-range{flex-basis:52px;width:52px;min-width:44px}:root .ng-360-editor .ng-360-image-control-row>.ng-360-copy-action{min-height:36px;padding-inline:8px;font-size:.75rem}}:root .ng-360-editor .ng-360-copy-action{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;min-height:42px;border-color:var(--v-accent);color:var(--v-accent);background:var(--v-selected);font-weight:700;text-align:left}.ng-360-editor .ng-360-copy-action svg{flex:0 0 auto;width:18px;height:18px}.ng-360-editor .ng-360-workspace-feedback{grid-column:1/-1;order:-2;position:-webkit-sticky;position:sticky;top:12px;z-index:9;background:var(--v-bg)}.ng-360-editor .ng-360-workspace-feedback:empty{display:none}:root .ng-360-editor .ng-360-workspace-feedback .ng-360-error,:root .ng-360-editor .ng-360-workspace-feedback.ng-360-error{max-width:none;margin:0;background:var(--v-surface)}.ng-360-editor .ng-360-calibration-review{grid-column:1/-1;display:grid;justify-items:center;grid-gap:12px;gap:12px;padding:16px 0 0;border-top:1px solid var(--v-border)}.ng-360-editor .ng-360-calibration-actions{display:flex;flex:0 0 auto;gap:12px;margin-left:auto}.ng-360-editor .ng-360-step-actions .ng-360-calibration-actions .ng-primary{margin-left:0}.ng-360-editor .ng-360-attack-summary{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;margin:0;padding:0;color:var(--v-muted);font-size:.7rem;white-space:nowrap}.ng-360-editor .ng-360-attack-summary svg{width:16px;height:16px;color:var(--v-accent)}.ng-360-editor .ng-360-panel-heading .ng-360-attack-summary span{font-size:inherit}.ng-360-editor .ng-360-event-picker{display:grid;grid-column:auto;grid-gap:12px;gap:12px;width:100%}.ng-360-editor .ng-360-capture-layout.is-video-hidden{grid-template-columns:minmax(0,1fr)}.ng-360-editor .ng-360-capture-layout>.ng-360-video-stage{width:100%;max-width:none;margin:0}.ng-360-editor .ng-360-capture-controls{display:grid;align-content:start;grid-gap:12px;gap:12px;min-width:0;padding:14px;border:1px solid var(--v-border);border-radius:10px;background:var(--v-surface)}.ng-360-editor .ng-360-capture-controls>:is(h4,p){margin:0}.ng-360-editor .ng-360-capture-controls .ng-360-event-picker,.ng-360-editor .ng-360-capture-controls>.ng-360-capture{width:100%}.ng-360-editor .ng-360-event-picker>:is(p,h4,strong){margin:0}.ng-360-editor .ng-360-event-field{display:grid;grid-gap:6px;gap:6px;color:var(--v-muted);font-size:.8rem;font-weight:600}.ng-360-editor .ng-360-event-field :is(select,input:not([type=range])){width:100%;min-width:0;min-height:42px;padding:8px 10px;border:1px solid var(--v-border);border-radius:6px;background:var(--v-bg);color:var(--v-text);font:inherit;font-weight:500}.ng-360-editor .ng-360-event-field :is(select,input):focus-visible{outline:2px solid var(--v-accent);outline-offset:2px}.ng-360-editor .ng-360-event-mapping{color:var(--v-muted);font-size:.78rem}.ng-360-editor .ng-360-event-details,.ng-360-editor .ng-360-recording-teams{display:grid;grid-gap:12px;gap:12px;min-width:0;padding:0;margin:0;border:0}.ng-360-editor .ng-360-recording-teams{margin:12px 0}.ng-360-editor .ng-360-recording-teams legend{margin-bottom:8px;font-weight:700}.ng-360-editor .ng-360-recording-teams p{margin:0;font-size:.8rem}.ng-360-editor .ng-360-recording-team-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;min-width:0}.ng-360-editor .ng-360-recording-team-pair>label{min-width:0}.ng-360-editor .ng-360-saved-event{margin:12px 0;max-width:480px}.ng-360-editor .ng-360-saved-event summary{cursor:pointer;font-weight:600}.ng-360-editor .ng-360-saved-event[open] summary{margin-bottom:12px}.ng-360-editor .ng-360-saved-event summary:focus-visible{outline:2px solid var(--v-accent);outline-offset:3px}.ng-360-editor .ng-360-endpoint-editor h4,.ng-360-editor .ng-360-shot-detail h4{margin:0}.ng-360-editor .ng-360-endpoint-map{display:block;width:min(100%,630px);height:auto;max-height:420px;aspect-ratio:3/2;cursor:crosshair;touch-action:manipulation}.ng-360-editor .ng-360-endpoint-map:focus-visible{outline:2px solid var(--v-accent);outline-offset:3px}.ng-360-editor .ng-360-event-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ng-360-editor .ng-360-event-actions>:is(p,small){margin:0 auto 0 0}.ng-360-editor .ng-360-map-handle{cursor:pointer;touch-action:none;outline:none}.ng-360-editor .ng-360-map-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.ng-360-editor .ng-360-map-handle:focus-visible .ng-360-anchor-dot{stroke:#fff4bf;stroke-width:2}.ng-360-editor .ng-360-map-handle.is-selected .ng-360-anchor-dot{stroke:#fff4bf;stroke-width:2}.ng-360-editor .ng-360-selection-ring{visibility:hidden}.ng-360-editor .ng-360-map-handle:is(.is-selected,:focus-visible)>.ng-360-selection-ring{visibility:visible}:root .ng-360-editor :is(.ng-360-image-anchor,.ng-360-image-marker){opacity:.6}:root .ng-360-editor :is(.ng-360-image-anchor,.ng-360-image-marker):is(:hover,:focus-visible,.is-selected){opacity:.8}.ng-360-editor .ng-360-projection-overlay{opacity:.55}.ng-360-editor .ng-360-roster-disclosure{margin-top:16px}.ng-360-editor .ng-360-roster-disclosure>summary{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:8px 12px;border:1px solid var(--v-border);border-radius:8px;background:var(--v-surface);color:var(--v-text);font-weight:600;cursor:pointer;list-style:none}.ng-360-editor .ng-360-roster-disclosure>summary::-webkit-details-marker{display:none}.ng-360-editor .ng-360-roster-disclosure>summary:after{content:"+";color:var(--v-accent);font-size:1.1em}.ng-360-editor .ng-360-roster-disclosure[open]>summary:after{content:"−"}.ng-360-editor .ng-360-roster-disclosure:not([open]) .ng-360-roster-disclosure-open,.ng-360-editor .ng-360-roster-disclosure[open] .ng-360-roster-disclosure-closed{display:none}.ng-360-editor .ng-360-roster-disclosure>summary:focus-visible{outline:2px solid var(--v-accent);outline-offset:3px}.ng-360-editor .ng-360-roster .ng-360-roster-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.65fr);align-items:start;grid-gap:20px;gap:20px}.ng-360-editor .ng-360-roster-groups{display:grid;min-width:0;grid-gap:18px;gap:18px}.ng-360-editor .ng-360-roster-groups>section>h5{margin:0 0 8px;color:var(--v-text);font-size:.85rem;line-height:1.4}.ng-360-editor .ng-360-roster-team{display:flex;flex-wrap:wrap;gap:6px}.ng-360-editor .ng-360-roster-inline-editor{flex-basis:100%;min-width:0;margin-block:4px 12px}:root .ng-360-editor .ng-360-roster-team button{min-height:38px;padding:7px 10px;text-align:left}.ng-360-editor .ng-360-roster-team button small{line-height:1.35}.ng-360-editor .ng-360-roster-preview{position:-webkit-sticky;position:sticky;top:20px;display:grid;min-width:0;grid-gap:8px;gap:8px}.ng-360-editor .ng-360-roster-preview .ng-360-pitch{width:100%;height:auto}.ng-360-editor .ng-360-roster-preview .ng-360-map-legend{margin-top:0;font-size:.7rem}.ng-360-editor .ng-360-roster-preview .ng-360-marker-editor{grid-template-columns:minmax(0,1fr)}.ng-360-editor .ng-360-map-panel>.ng-360-marker-editor{margin-top:16px}.ng-360-editor .ng-360-marker-editor{align-items:start;gap:16px}.ng-360-editor .ng-360-marker-editor>div:first-child{flex-wrap:wrap;gap:8px}.ng-360-editor .ng-360-marker-editor>div:first-child strong{font-size:1rem}.ng-360-editor .ng-360-marker-editor>label{min-width:0}.ng-360-editor .ng-360-player-picker{display:grid;min-width:0;grid-gap:6px;gap:6px}.ng-360-editor .ng-360-marker-popup{top:8px;right:8px;left:auto;width:280px;max-width:calc(100% - 16px);max-height:calc(100% - 16px);overflow-y:auto;transform:none;gap:8px}.ng-360-editor .ng-360-calibration-hint{max-width:680px;margin:0;color:var(--v-muted)}.ng-360-editor .ng-360-marker-popup>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root .ng-360-editor .ng-360-marker-popup .ng-360-player-picker{flex-basis:100%;width:100%;min-width:0;gap:4px;font-size:.72rem;line-height:1.4}:root .ng-360-editor .ng-360-marker-popup .ng-360-player-picker :is(select,input){box-sizing:border-box;width:100%;min-width:0;min-height:40px;padding:8px;border:1px solid var(--v-border);border-radius:6px;background:var(--v-bg);color:var(--v-text);font-size:.76rem}.ng-360-editor .ng-360-marker-popup-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}:root .ng-360-editor .ng-360-marker-popup-actions button{min-height:40px;padding:8px 10px}:root .ng-360-editor .ng-360-image-marker.is-selected{outline:2px solid #fff4bf;outline-offset:3px}:root .ng-360-editor .ng-360-image-marker:not(.is-goalkeeper){border-color:#09282b}:root .ng-360-editor .ng-360-image-marker.is-assigned{box-shadow:0 0 0 1.5px rgb(255 255 255/90%)}:root .ng-360-editor .ng-360-image-marker.kind-ball.is-held,:root .ng-360-editor .ng-360-image-marker.kind-ball.is-held:hover{width:4px;height:4px;border-width:.5px;box-shadow:none;z-index:6}:root .ng-360-editor .ng-360-image-marker.kind-ball.is-held.is-draggable,:root .ng-360-editor .ng-360-image-marker.kind-ball.is-held.is-draggable:hover{width:6px;height:6px}.ng-360-editor .ng-360-map-legend .estimated{border:1px dashed;background:transparent}.ng-360-editor .ng-360-marker-flags{grid-column:1/-1}:root .ng-360-editor .ng-360-image-marker.kind-own.is-goalkeeper,:root .ng-360-editor .ng-360-image-marker.kind-own.is-goalkeeper:hover{background:#71b8ff}:root .ng-360-editor .ng-360-image-marker.kind-opponent.is-goalkeeper,:root .ng-360-editor .ng-360-image-marker.kind-opponent.is-goalkeeper:hover{background:#c8a3ff}:root .ng-360-editor button:is(.ng-primary,.ng-360-capture,.ng-360-accept,.ng-360-copy-action):disabled{border-color:var(--v-border);border-style:solid;background:color-mix(in srgb,var(--v-surface) 72%,var(--v-border));color:var(--v-muted);cursor:not-allowed;font-weight:600}@media (max-width:1000px){.ng-360-editor .ng-360-map-status{gap:8px}.ng-360-editor .ng-360-attack-summary>span:first-child{display:none}.ng-360-editor .ng-360-roster .ng-360-roster-layout{grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:16px}}@media (max-width:760px){.ng-360-editor .ng-360-roster .ng-360-roster-layout,.ng-360-editor .ng-360-workspace{grid-template-columns:minmax(0,1fr)}.ng-360-editor :is(.ng-360-frame-panel,.ng-360-map-panel){padding:12px}.ng-360-editor .ng-360-roster-preview{position:static;grid-row:1;width:min(100%,500px)}.ng-360-editor .ng-360-workspace-toolbar{align-items:flex-start}.ng-360-editor .ng-360-workspace-toolbar>:is(p,small){flex-basis:100%}}@media (max-width:700px){.ng-360-editor .ng-360-calibration-actions{width:100%;margin-left:0}.ng-360-editor .ng-360-step-actions .ng-360-calibration-actions .ng-primary{flex:1 1 220px;width:auto}}@media (max-width:480px){.ng-360-editor .ng-360-event-actions{align-items:stretch}.ng-360-editor .ng-360-event-actions>button{flex:1 1 140px}.ng-360-editor .ng-360-event-actions>:is(p,small){flex-basis:100%}}.ng-360-editor .ng-360-observation-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.ng-360-editor .ng-360-observation-actions p{flex-basis:100%;margin:0}.ng-360-editor .ng-360-image-unavailable{display:grid;place-content:center;min-height:260px;max-width:65ch;margin:0;padding:24px;color:var(--v-muted)}.ng-360-editor .ng-360-observation-summary{margin:16px 0 20px;color:var(--v-text)}.ng-360-editor .ng-360-observation-actions :is(button,select):focus-visible{outline:2px solid var(--v-accent);outline-offset:3px}.ng-360-editor .ng-360-project-toolbar{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--v-border)}.ng-360-editor .ng-360-project-toolbar--footer{margin:24px 0 0;padding:16px 0 0;border-top:1px solid var(--v-border);border-bottom:0}.ng-360-editor[data-section=visualizer] .ng-360-project-toolbar--footer{margin-bottom:0;padding-bottom:0}.ng-360-editor .ng-360-project-actions,.ng-360-editor .ng-360-video-link{display:flex;flex-wrap:wrap;gap:8px}.ng-360-editor .ng-360-video-link{align-items:end;margin-top:12px}.ng-360-video-link label{flex:1 1 240px;display:grid;grid-gap:6px;gap:6px}.ng-360-video-link input{min-width:0;width:100%;padding:9px 12px;border:1px solid var(--v-border);border-radius:6px;color:var(--v-text);background:var(--v-bg)}.ng-360-video-entry{max-width:960px;padding:16px;border:1px solid var(--v-border);border-radius:10px;background:var(--v-surface)}.ng-360-intro.ng-360-has-preview{width:100%;max-width:none}.ng-360-intro.ng-360-has-preview>p{max-width:76ch}.ng-360-video-entry.is-previewing{width:100%;max-width:none;box-sizing:border-box}.ng-360-video-entry>p{max-width:76ch;margin:12px 0 0;color:var(--v-muted)}.ng-360-source-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:12px}.ng-360-source-actions>button{height:56px;min-height:56px}.ng-360-source-actions>.ng-360-suggested-videos{display:contents}:root .ng-360-editor .ng-360-source-actions .ng-360-suggested-videos__trigger{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;max-width:100%;height:56px;min-height:56px;box-sizing:border-box;padding:8px 12px;border:1px solid var(--v-border);border-radius:6px;background:var(--v-surface);color:var(--v-text);cursor:pointer;font:inherit;font-size:.8rem;line-height:1.35;text-align:left}:root .ng-360-editor .ng-360-source-actions .ng-360-suggested-videos__trigger:hover:not(:disabled){border-color:var(--v-accent);background:var(--v-selected)}:root .ng-360-editor .ng-360-source-actions .ng-360-suggested-videos__trigger:disabled{color:var(--v-muted);opacity:.75;cursor:not-allowed}:root .ng-360-editor .ng-360-source-actions .ng-360-suggested-videos__trigger:focus-visible{outline:2px solid var(--v-accent);outline-offset:3px}.ng-360-suggested-videos__status{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:8px;color:var(--v-muted)}.ng-360-suggested-videos__panel>p{max-width:76ch;margin:0 0 12px;color:var(--v-muted)}.ng-360-source-step{padding-top:8px}.ng-360-source-back{margin-bottom:8px}.ng-360-direction-choice{display:grid;grid-gap:8px;gap:8px;margin:16px 0;padding:0;border:0}.ng-360-direction-choice legend{margin-bottom:8px;color:var(--v-text);font-weight:700}.ng-360-direction-choice>p{margin:0;color:var(--v-muted)}.ng-360-direction-choice-options{display:flex;flex-wrap:wrap;gap:8px}:root .ng-360-editor .ng-360-direction-choice-options label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;width:-moz-fit-content;width:fit-content;min-width:130px;min-height:42px;padding:8px 12px;border:1px solid var(--v-border);border-radius:8px;color:var(--v-text);cursor:pointer}.ng-360-direction-choice-options label:has(input:checked){border-color:var(--v-accent);background:var(--v-selected)}.ng-360-direction-choice-options input{accent-color:var(--v-accent)}.ng-360-direction-choice-options input:focus-visible{outline:2px solid var(--v-accent);outline-offset:3px}.ng-360-video-preview{width:100%;max-width:none;margin-top:12px;padding-top:0;border:0}.ng-360-video-preview h4{margin:0 0 12px}.ng-360-video-preview :is(iframe,video){display:block;width:100%;max-width:none;aspect-ratio:16/9;height:auto;border:0;border-radius:8px;background:#102925}.ng-360-video-preview video{object-fit:contain}.ng-360-video-preview>p{max-width:76ch;margin:12px 0;color:var(--v-muted)}.ng-360-preview-layout{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(300px,.9fr);align-items:start;grid-gap:20px;gap:20px}.ng-360-preview-layout>:is(iframe,video){width:100%;max-width:none}.ng-360-youtube-preview{width:100%;min-width:0;aspect-ratio:16/9}.ng-360-preview-controls{min-width:0}.ng-360-preview-controls>p{margin:0 0 10px;color:var(--v-muted)}.ng-360-preview-controls .ng-360-clip-selector{max-width:none;margin:0 0 12px}.ng-360-preview-controls .ng-360-direction-choice{margin:0 0 12px}.ng-360-preview-controls .ng-360-clip-note{margin:0;font-size:13px}.ng-360-preview-controls .ng-360-clip-actions{display:grid;grid-template-columns:minmax(0,1fr)}.ng-360-preview-controls .ng-360-clip-actions button{min-width:0;white-space:normal}.ng-360-clip-selector{max-width:960px;margin-block:14px}.ng-360-clip-slider{position:relative;height:36px}.ng-360-clip-slider-track{position:absolute;top:50%;right:9px;left:9px;height:5px;transform:translateY(-50%);border-radius:999px;background:var(--v-border)}.ng-360-clip-slider-track span{position:absolute;top:0;bottom:0;left:var(--clip-start);width:calc(var(--clip-end) - var(--clip-start));border-radius:inherit;background:var(--v-accent)}:root .ng-360-editor .ng-360-clip-slider input[type=range]{position:absolute;inset:0;width:100%;height:36px;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;pointer-events:none}.ng-360-clip-slider input[type=range]::-webkit-slider-runnable-track{height:5px;background:transparent}.ng-360-clip-slider input[type=range]::-moz-range-track{height:5px;background:transparent}.ng-360-clip-slider input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6.5px;-webkit-appearance:none;appearance:none;border:2px solid #fff;border-radius:50%;background:var(--v-accent);box-shadow:0 1px 4px #0008;cursor:-webkit-grab;cursor:grab;pointer-events:auto}.ng-360-clip-slider input[type=range]::-moz-range-thumb{width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:var(--v-accent);box-shadow:0 1px 4px #0008;cursor:grab;pointer-events:auto}:root .ng-360-editor .ng-360-clip-slider input[type=range]:focus-visible{outline:none}.ng-360-clip-slider input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--v-accent);outline-offset:3px}.ng-360-clip-slider input[type=range]:focus-visible::-moz-range-thumb{outline:2px solid var(--v-accent);outline-offset:3px}.ng-360-clip-values{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;color:var(--v-muted);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ng-360-clip-boundaries{display:grid;grid-gap:8px;gap:8px;margin-block:12px 20px}.ng-360-clip-current{color:var(--v-muted);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ng-360-clip-boundary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}:root .ng-360-editor .ng-360-clip-boundary-actions button{min-width:0;min-height:44px;padding:8px;font-size:13px;line-height:1.35;white-space:normal}.ng-360-clip-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ng-360-video-preview .ng-360-clip-note{margin-top:0;font-size:13px}.ng-360-suggested-videos__panel{flex:0 0 100%;min-width:0;box-sizing:border-box;margin-top:16px;padding-top:12px;border-top:1px solid var(--v-border)}.ng-360-video-teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));grid-gap:20px;gap:20px}.ng-360-video-teams h4{margin:12px 0}.ng-360-video-team-heading{display:flex;align-items:center;gap:8px}.ng-360-video-team-heading .ng-360-suggested-team-crest{width:28px;height:28px;flex:0 0 28px}.ng-360-video-teams ul{list-style:none;margin:0;padding:0}.ng-360-video-teams li{display:grid;grid-gap:6px;gap:6px;padding-block:12px;border-bottom:1px solid var(--v-border)}.ng-360-video-teams li :is(strong,button){overflow-wrap:anywhere}.ng-360-video-teams li :is(small,span){color:var(--v-muted)}.ng-360-video-teams li a{justify-self:start;color:var(--v-accent)}.ng-360-editor .ng-360-project-toolbar>summary{display:list-item;cursor:pointer;min-height:32px;line-height:1.5;padding-block:4px}.ng-360-editor[data-section=visualizer] .ng-360-project-toolbar{margin-bottom:10px;padding-bottom:8px}.ng-360-editor .ng-360-project-toolbar>summary:focus-visible{outline:2px solid var(--v-accent);outline-offset:3px}.ng-360-project-toolbar>summary :is(span,strong){-webkit-margin-start:10px;margin-inline-start:10px;overflow-wrap:anywhere}.ng-360-project-toolbar[open]>summary{margin-bottom:10px}.ng-360-editor .ng-360-situation-list{overflow:visible;flex-wrap:wrap}.ng-360-editor .ng-360-situation-rail{display:flex;flex:1 1;min-width:0;gap:8px;overflow-x:auto;padding:3px}.ng-360-editor :is(.ng-360-project-status,.ng-360-project-reference){margin:10px 0 0;max-width:72ch;color:var(--v-muted);overflow-wrap:anywhere}.ng-360-editor .ng-360-project-replacement{margin-top:16px;padding-top:16px;border-top:1px solid var(--v-border)}.ng-360-editor .ng-360-project-replacement p{margin:0 0 12px;max-width:72ch}.ng-360-editor .ng-360-project-toolbar button:focus-visible{outline:2px solid var(--v-accent);outline-offset:3px}@media (max-width:480px){.ng-360-clip-actions{display:grid;grid-template-columns:1fr}.ng-360-editor .ng-360-project-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ng-360-editor .ng-360-project-actions button{min-width:0;white-space:normal}}@media (max-width:860px){.ng-360-preview-layout{grid-template-columns:minmax(0,1fr)}}.ng-360-editor .ng-360-file-input{display:none}