.fd{margin-bottom:14px}.fd-diagram{display:flex;gap:0}.fd-flow{flex:7;min-width:0;display:flex;align-items:center;position:relative}.fd-panel{flex:3;min-width:0;display:flex;align-items:stretch}.fd-separator{height:1px;background:var(--cl-color-haze, #EEECE6);margin:2rem 0;animation:fd-fade-in .6s ease both}.fd-info{min-height:0;animation:fd-fade-in .6s ease .15s both}@keyframes fd-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fd-line-h{width:100px;height:2px;background:var(--cl-color-clay, #CFC8C8);flex-shrink:0}.fd-circle{flex-shrink:0;width:110px;height:110px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:2px solid;position:relative;z-index:12;transition:box-shadow .3s ease}.fd-circle--drm{border-color:var(--cl-color-red, #FA423C);background:var(--cl-color-red, #FA423C);box-shadow:.25rem .25rem .75rem #fa423c40}.fd-circle--drm.fd-active{box-shadow:0 0 24px #fa423c8c,.25rem .25rem .75rem #fa423c4d}.fd-circle--drm .fd-circle-label{color:#fff}.fd-circle--cdn{border-color:var(--cl-color-sea, #5D9DD1);background:var(--cl-color-sea, #5D9DD1);box-shadow:.25rem .25rem .75rem #5d9dd140}.fd-circle--cdn.fd-active{box-shadow:0 0 24px #5d9dd18c,.25rem .25rem .75rem #5d9dd14d}.fd-circle--cdn .fd-circle-label{color:#fff}.fd-circle-label{font-size:16px;font-weight:600;letter-spacing:.03em}.fd-fork{flex-shrink:0;width:48px;align-self:stretch}.fd-fork-svg{width:100%;height:100%}.fd-curve{fill:none;stroke:var(--cl-color-clay, #CFC8C8);stroke-width:3;vector-effect:non-scaling-stroke}.fd-players{flex:1;min-width:240px;display:flex;flex-direction:column;gap:4px;position:relative}.fd-player{position:relative}.fd-splitter{width:2px;flex-shrink:0;align-self:stretch;background-color:var(--cl-color-accent, #096174);margin:2rem .75rem 0}.fd-side{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px;padding:0 12px}.fd-qr{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px;animation:fd-fade-in .6s ease both}.fd-qr-img{width:100%;max-width:100%;aspect-ratio:1;border-radius:3px;border:1px solid var(--cl-color-haze, #EEECE6)}.fd-qr-img--pulse{animation:fd-qr-pulse 1.8s ease-out}@keyframes fd-qr-pulse{0%{box-shadow:0 0 #fa423c00;border-color:var(--cl-color-haze, #EEECE6)}20%{box-shadow:0 0 0 12px #fa423c8c,0 0 32px 8px #fa423cbf;border-color:var(--cl-color-red, #FA423C)}60%{box-shadow:0 0 0 6px #fa423c40,0 0 24px 4px #fa423c66;border-color:var(--cl-color-red, #FA423C)}to{box-shadow:0 0 #fa423c00;border-color:var(--cl-color-haze, #EEECE6)}}.fd-qr-label{font-size:20px;font-weight:600;color:var(--cl-color-ash, #6D5E5E);text-align:center;line-height:1.4}.fd-leak-line{position:absolute;left:50%;transform:translate(-50%);z-index:11;pointer-events:none}.fd-line-v{width:2px;height:100%;background:var(--cl-color-clay, #CFC8C8)}.fd-dot-leak{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--cl-color-honey, #DC9404);box-shadow:0 0 12px #dc940499;z-index:12;pointer-events:none;left:50%;transform:translate(-50%,-50%);animation:fd-leak-drop .9s ease-in-out forwards}@keyframes fd-leak-drop{0%{top:0}to{top:100%}}.fd-player--waiting{opacity:.6}.fd-player--blocked{opacity:.85}.fd-player-label{font-size:11px;font-weight:600;letter-spacing:.04em;margin-bottom:3px;display:block;text-transform:uppercase}.fd-player-label--sub{color:var(--cl-color-leaf, #53965D)}.fd-player-label--redist{color:var(--cl-color-honey, #DC9404)}.fd-player-label--leecher{color:var(--cl-color-red, #FA423C)}.fd-player-frame{position:relative;width:92%;aspect-ratio:16/9;background:var(--cl-color-night, #262A35);border-radius:3px;overflow:hidden}.fd-player-frame .default-player{width:100%;height:100%}.fd-player-frame video{width:100%;height:100%;object-fit:contain}.fd-stopped{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--cl-color-night, #262A35);color:var(--cl-color-red, #FA423C);font-size:12px;font-weight:600;text-align:center;padding:12px}.fd-waiting{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--cl-color-ash, #6D5E5E);font-size:11px}.fd-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--cl-color-red, #FA423C);box-shadow:0 0 12px #fa423c99;z-index:10;pointer-events:none;top:50%;transform:translate(-50%,-50%);transition:left .5s ease-in-out}.fd-dot--drm{left:55px}.fd-dot--cdn{left:265px}.fd-dot-curve{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--cl-color-red, #FA423C);box-shadow:0 0 12px #fa423c99;z-index:10;pointer-events:none;left:320px;top:50%;transform:translate(-50%,-50%);offset-rotate:0deg;animation:fd-follow-curve .45s ease-in-out forwards}.fd-dot-curve--redist-rev{animation:fd-follow-curve-rev .4s ease-in-out forwards}@keyframes fd-follow-curve{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes fd-follow-curve-rev{0%{offset-distance:100%}to{offset-distance:0%}}.fd-dot-curve--bounce-wrap{background:transparent;box-shadow:none;animation:fd-bounce-path .85s ease-in-out forwards}.fd-dot-curve--bounce-wrap .fd-dot-curve-inner{display:block;width:100%;height:100%;border-radius:50%;background:var(--cl-color-red, #FA423C);box-shadow:0 0 12px #fa423c99;animation:fd-bounce-fall 1.5s ease-in forwards}@keyframes fd-bounce-path{0%{offset-distance:0%}60%{offset-distance:78%}75%{offset-distance:70%}to{offset-distance:66%}}@keyframes fd-bounce-fall{0%,50%{transform:scale(1);opacity:1}55%{transform:scale(1.4);opacity:1}60%{transform:scale(1);opacity:1}to{transform:translateY(200px) scale(.5);opacity:0}}.fd-player--renewed .fd-player-frame{animation:fd-renewal-glow 1s ease-out}@keyframes fd-renewal-glow{0%{box-shadow:0 0 #53965d00}30%{box-shadow:0 0 24px 6px #53965da6}to{box-shadow:0 0 #53965d00}}.fd-shield{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.3);font-size:56px;color:#fffffff2;text-shadow:0 0 16px rgba(250,66,60,.9),0 0 32px rgba(250,66,60,.7);z-index:3;pointer-events:none;opacity:0;animation:fd-shield-pop 2.2s ease forwards}@keyframes fd-shield-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}25%{opacity:1;transform:translate(-50%,-50%) scale(1)}75%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.fd-player--flash .fd-player-frame{animation:fd-flash 2.2s ease}@keyframes fd-flash{0%{box-shadow:inset 0 0 0 0 transparent}15%,75%{box-shadow:inset 0 0 80px 16px #fa423ca6,0 0 32px #fa423c80}to{box-shadow:inset 0 0 0 0 transparent}}@media(max-width:768px){.fd-diagram{flex-wrap:wrap}.fd-line-h{display:none}.fd-players{width:100%;margin-left:0;padding-left:0;border-left:none}.fd-panel{display:none}}.st-demo{margin-top:1.5rem}.st-drm-badge{position:fixed;bottom:20px;left:20px;z-index:100;display:inline-flex;align-items:center;gap:10px;padding:10px 16px 10px 14px;background:var(--cl-color-eggshell, #fbf9f2);color:var(--cl-color-ash, #6d5e5e);font-size:12px;font-weight:700;letter-spacing:.1em;line-height:1.2;text-transform:uppercase;border-radius:3px;border-left:4px solid var(--cl-color-red, #FA423C);box-shadow:.25rem .25rem .75rem #262a352e;pointer-events:none}.st-drm-badge i{color:var(--cl-color-red, #FA423C);font-size:14px}.st-drm-badge strong{font-weight:700;color:var(--cl-color-night, #262A35)}.st-header{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-bottom:1rem;padding-left:max(2rem,calc((100vw - 1280px)/2));padding-right:max(2rem,calc((100vw - 1280px)/2))}.st-loop-badge{display:inline-flex;align-items:center;gap:6px;margin-left:12px;font-size:13px;font-weight:600;color:var(--cl-color-sea, #5D9DD1);letter-spacing:.02em}.st-bleed{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding-left:max(2rem,calc((100vw - 1280px)/2));padding-right:max(2rem,calc((100vw - 1280px)/2))}.st-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.st-state-waiting{color:var(--cl-color-honey, #DC9404);font-weight:600}.st-state-active{color:var(--cl-color-leaf, #53965D);font-weight:600}.st-state-killed{color:var(--cl-color-red, #FA423C);font-weight:600}.st-steps{display:flex;flex-direction:column;align-self:stretch;text-align:left}.st-steps--fading{opacity:0;transition:opacity .6s ease}.st-step{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--cl-color-haze, #EEECE6);opacity:.35;transition:opacity .3s ease}.st-step:last-child{border-bottom:none}.st-step--done{opacity:.55}.st-step--active{opacity:1}.st-step-num{flex-shrink:0;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--cl-color-ash, #6D5E5E);border:1.5px solid var(--cl-color-clay, #CFC8C8);background:#fff;transition:all .3s ease}.st-step--active .st-step-num{background:var(--cl-color-sea, #5D9DD1);border-color:var(--cl-color-sea, #5D9DD1);color:#fff}.st-step--done .st-step-num{background:var(--cl-color-haze, #EEECE6);border-color:var(--cl-color-haze, #EEECE6);color:var(--cl-color-ash, #6D5E5E)}.st-step-text{font-weight:400;line-height:1.5em;letter-spacing:.02em;color:var(--cl-color-night, #262A35);padding-top:1px}.st-step--active .st-step-text{font-weight:600}.st-pause-btn{margin-top:10px;align-self:center}.st-side-data{display:flex;flex-direction:column}.st-info-sep{color:var(--cl-color-clay, #CFC8C8);font-weight:400}.st-rings{display:flex;gap:16px;justify-content:center}.st-ring{display:flex;flex-direction:column;align-items:center;gap:4px}.st-ring svg{display:block}.st-ring-meta{display:flex;flex-direction:column;align-items:center;gap:1px}.st-ring-count{font-family:Noto Sans Mono,sfmono-regular,menlo,monospace;font-size:14px;font-stretch:80%;color:var(--cl-color-night, #262A35);font-weight:600}.st-ring-label{margin:0;font-size:14px;color:var(--cl-color-red, #FA423C)}.st-leecher-cat-ring{position:absolute;top:6px;right:6px;z-index:2;padding:4px 6px 6px;background:#262a35bf;border-radius:4px;pointer-events:none}.st-leecher-cat-ring .st-ring-label{color:#fff;font-size:10px;white-space:nowrap}.st-leecher-cat-ring .st-ring text{fill:#fff!important}.st-info-item{display:flex;align-items:baseline;gap:8px}.st-info-label{white-space:nowrap;min-width:60px}.st-info-value{font-size:15px;font-weight:400;letter-spacing:.02em;line-height:1.5em;color:var(--cl-color-night, #262A35);white-space:nowrap}.st-info-token{font-family:Noto Sans Mono,sfmono-regular,menlo,monaco,consolas,Liberation Mono,Courier New,monospace;font-size:13px;font-weight:400;font-stretch:80%;letter-spacing:.025em;color:var(--cl-color-ash, #6D5E5E);white-space:nowrap}.st-cdn-token{color:var(--cl-color-petrol, #096174)}.fd-waiting{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--cl-color-ash, #6D5E5E);font-size:14px;letter-spacing:.02em;text-align:center;padding:12px}.fd-stopped{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--cl-color-night, #262A35);color:var(--cl-color-red, #FA423C);font-size:14px;font-weight:600;text-align:center;padding:16px;letter-spacing:.02em}.fd-stopped--warn{color:var(--cl-color-honey, #DC9404)}.st-timeline-controls{display:flex;align-items:center;gap:4px;margin-top:6px}.st-timeline-controls button{background:transparent;border:1px solid var(--cl-color-haze, #EEECE6);color:var(--cl-color-ash, #6D5E5E);padding:2px 8px;border-radius:3px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:400;letter-spacing:.02em}.st-timeline-controls button:hover{border-color:var(--cl-color-clay, #CFC8C8);color:var(--cl-color-night, #262A35)}.st-zoom-label{color:var(--cl-color-ash, #6D5E5E);font-family:Noto Sans Mono,sfmono-regular,menlo,monaco,consolas,monospace;font-size:13px;font-stretch:80%;letter-spacing:.025em;margin-left:4px}.st-timeline-canvas{width:100%;height:120px;background:#fff;border-radius:3px;border:1px solid var(--cl-color-haze, #EEECE6);cursor:grab}.st-timeline--dragging{cursor:grabbing}.st-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;font-size:14px;font-weight:400;letter-spacing:.02em;color:var(--cl-color-ash, #6D5E5E)}.st-legend-item{display:flex;align-items:center;gap:5px}.st-legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.st-event-log{max-height:14rem;overflow-y:auto;margin-top:1rem}.st-event-log .cl-table-data thead th{position:sticky;top:0;z-index:1;background:#fff}.st-event-log .cl-table-data tbody{font-family:Noto Sans Mono,sfmono-regular,menlo,monaco,consolas,monospace;font-stretch:80%;letter-spacing:.025em}