@charset "UTF-8";.logo{display:flex;align-items:center;gap:.55em;text-decoration:none}.logo__mark{width:clamp(26px,22px + .625vw,32px);height:clamp(26px,22px + .625vw,32px);background:var(--accent);border-radius:8px;display:grid;place-items:center;flex-shrink:0;box-shadow:0 0 14px var(--accent-glow)}.logo__mark svg{width:clamp(14px,12px + .313vw,18px);height:clamp(14px,12px + .313vw,18px);color:#fff}.logo__name{font-size:clamp(1rem,.875rem + .195vw,1.2rem);font-weight:800;letter-spacing:-.03em;color:var(--text)}.logo__name b{color:var(--accent)}.nav-links{display:flex;gap:.5em}.nav-links__item{padding:.35em .75em;font-size:.88em;font-weight:600;color:var(--text2);text-decoration:none;border-radius:6px;transition:color var(--dur),background var(--dur);border:none;background:none;font-family:var(--font-ui);cursor:pointer}.nav-links__item:hover,.nav-links__item--active{color:var(--text);background:var(--surface3)}@media (max-width: 560px){.nav-links{display:none}}.theme-picker{position:relative;display:flex;align-items:center}.theme-picker__btn{display:flex;align-items:center;gap:.5em;padding:.3em .65em;background:var(--surface2);border:1px solid var(--border-hi);border-radius:7px;cursor:pointer;outline:none;font-family:var(--font-ui);font-size:.82em;font-weight:600;color:var(--text2);transition:all var(--dur)}.theme-picker__btn svg{width:11px;height:11px;transition:transform var(--dur)}.theme-picker__btn:hover{border-color:var(--accent);color:var(--text)}.theme-picker__btn--open svg{transform:rotate(180deg)}.theme-picker__dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0}.theme-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--surface);border:1px solid var(--border-hi);border-radius:10px;padding:.4em;min-width:clamp(180px,140px + 6.25vw,220px);z-index:300;box-shadow:0 8px 32px #0000004d;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s var(--ease),transform .18s var(--ease)}.theme-dropdown--open{opacity:1;pointer-events:auto;transform:translateY(0)}.theme-dropdown__section{font-family:var(--font-mono);font-size:.68em;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);padding:.35em .5em .2em}.theme-dropdown__row{display:flex;align-items:center;gap:.6em;padding:.42em .55em;border-radius:6px;cursor:pointer;transition:background .14s}.theme-dropdown__row:hover{background:var(--surface3)}.theme-dropdown__row--active{background:var(--accent-dim)}.theme-dropdown__label{font-family:var(--font-ui);font-size:.84em;font-weight:600;color:var(--text)}.theme-dropdown__sub{font-family:var(--font-mono);font-size:.72em;color:var(--text3);margin-left:.1em}.theme-dropdown__swatches{display:flex;gap:3px;margin-left:auto}.theme-dropdown__swatch{width:8px;height:8px;border-radius:50%}.theme-dropdown__divider{height:1px;background:var(--border);margin:.3em 0}.theme-dropdown__mode-row{display:flex;gap:.3em;padding:.3em .4em}.theme-dropdown__mode-btn{flex:1;padding:.32em 0;text-align:center;background:var(--surface2);border:1px solid var(--border);border-radius:5px;cursor:pointer;outline:none;font-family:var(--font-ui);font-size:.8em;font-weight:600;color:var(--text2);transition:all var(--dur)}.theme-dropdown__mode-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.header{position:sticky;top:0;z-index:200;background:var(--header-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--page-px);transition:background var(--dur) var(--ease)}.header__right{display:flex;align-items:center;gap:var(--sp-sm)}.hero{text-align:center;padding:var(--sp-2xl) 0 var(--sp-lg);position:relative}.hero>*{position:relative;z-index:1}.hero__pill{display:inline-flex;align-items:center;gap:.5em;background:var(--accent-dim);color:var(--accent);border:1px solid var(--border-hi);border-radius:99px;padding:.3em 1em;font-family:var(--font-mono);font-size:.78em;letter-spacing:.06em;margin-bottom:var(--sp-lg)}.hero__pill:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--green);box-shadow:0 0 6px var(--green);animation:blink 1.8s ease-in-out infinite}.hero__h1{font-size:var(--text-hero);font-weight:800;letter-spacing:-.04em;line-height:1.12;margin-bottom:var(--sp-lg);color:var(--text)}.hero__grad-1{background:linear-gradient(120deg,var(--accent),var(--amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__grad-2{background:linear-gradient(120deg,var(--green),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__sub{font-size:.98em;color:var(--text2);max-width:50vw;margin:0 auto;line-height:1.75;font-weight:500}@media (max-width: 1280px){.hero__sub{max-width:85vw}}@media (max-width: 560px){.hero{padding:var(--sp-lg) 0 var(--sp-sm)}.hero__h1{font-size:1.5rem}}.mode-bar{display:inline-flex;align-items:center;gap:.4em;background:var(--surface);border:1px solid var(--border-hi);border-radius:12px;padding:.3em;margin:var(--sp-xl) auto 0}.mode-btn{padding:.42em 1.1em;background:none;border:none;cursor:pointer;font-family:var(--font-ui);font-size:.88em;font-weight:700;color:var(--text2);border-radius:9px;transition:all var(--dur) var(--ease);display:flex;align-items:center;gap:.4em}.mode-btn svg{width:13px;height:13px}.mode-btn:hover{color:var(--text);background:var(--surface3)}.mode-btn--active{background:var(--accent);color:#fff;box-shadow:0 2px 14px var(--accent-glow)}.url-input-wrap{flex:1;min-width:200px;max-width:80%;position:relative}.url-input-wrap svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text3);pointer-events:none;width:14px;height:14px}.url-input{width:100%;padding:.65em .9em .65em 2.2em;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-mono);font-size:.87em;outline:none;transition:border-color var(--dur),box-shadow var(--dur)}.url-input::placeholder{color:var(--text3)}.url-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.url-input:disabled{opacity:.6;cursor:not-allowed}.analyze-btn{padding:.62em 1.35em;background:var(--accent);border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--font-ui);font-size:.93em;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.45em;transition:all var(--dur);white-space:nowrap;box-shadow:0 2px 14px var(--accent-glow)}.analyze-btn:hover:not(:disabled){box-shadow:0 4px 24px var(--accent-glow);transform:translateY(-1px)}.analyze-btn:active:not(:disabled){transform:translateY(0)}.analyze-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.stop-btn{padding:.62em 1.35em;background:transparent;border:2px solid #e53e3e;border-radius:var(--radius-md);color:#e53e3e;font-family:var(--font-ui);font-size:.93em;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.45em;transition:all var(--dur);white-space:nowrap}.stop-btn:hover{background:#e53e3e;color:#fff;box-shadow:0 4px 18px #e53e3e66;transform:translateY(-1px)}.stop-btn:active{transform:translateY(0)}.reset-btn{padding:.62em 1em;background:var(--surface2);border:1px solid var(--border-hi);border-radius:var(--radius-md);color:var(--text2);font-family:var(--font-ui);font-size:.93em;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4em;transition:all var(--dur);white-space:nowrap}.reset-btn:hover{border-color:var(--red);color:var(--red);background:var(--red-dim)}.input-card{background:var(--surface);border:1px solid var(--border-hi);border-radius:var(--radius-lg);padding:var(--sp-md);margin-top:var(--sp-md);transition:background var(--dur),border-color var(--dur);max-width:clamp(640px,50vw + 200px,900px);margin-left:auto;margin-right:auto;box-shadow:0 4px 32px #0003}.input-card__row{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;justify-content:center}@media (max-width: 560px){.input-card__row{flex-direction:column;align-items:stretch}}.placeholder{padding:clamp(2.5rem,1.5rem + 1.563vw,4.5rem) 1em;text-align:center;color:var(--text3)}.placeholder svg{width:clamp(36px,28px + 1.25vw,52px);height:clamp(36px,28px + 1.25vw,52px);opacity:.2;margin:0 auto 1em;display:block}.placeholder p{font-family:var(--font-mono);font-size:.85em}.placeholder p+p{margin-top:.4em}.placeholder p strong{color:var(--text2)}.placeholder__detail{font-size:.78em;opacity:.7;margin-top:.6em;line-height:1.8}.section-label{margin:0 0 .75em;line-height:inherit;font-family:var(--font-mono);font-size:.73em;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);display:flex;align-items:center;gap:.6em;font-weight:600}.section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-hi),transparent)}.m-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:clamp(.45rem,.35rem + .156vw,.65rem) clamp(.5rem,.4rem + .156vw,.75rem);transition:background var(--dur),border-color var(--dur),transform .18s,box-shadow .18s;position:relative;overflow:hidden}.m-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);opacity:0;transition:opacity var(--dur)}.m-card:hover:before{opacity:1}.m-card:hover{transform:translateY(-2px);border-color:var(--border-hi);box-shadow:0 4px 20px #00000026}.m-card--clickable{cursor:pointer}.m-card--red:before{background:var(--red);opacity:1}.m-card--red:hover{box-shadow:0 4px 20px var(--red-dim)}.m-card--amber:before{background:var(--amber);opacity:1}.m-card--amber:hover{box-shadow:0 4px 20px var(--amber-dim)}.m-card--green:before{background:var(--green);opacity:1}.m-card--green:hover{box-shadow:0 4px 20px var(--green-dim)}.m-card--cyan:before{background:var(--cyan);opacity:1}.m-card--cyan:hover{box-shadow:0 4px 20px var(--cyan-dim)}.m-card--accent:before{background:var(--accent);opacity:1}.m-card__label{font-family:var(--font-mono);font-size:clamp(.58rem,.52rem + .094vw,.68rem);letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin-bottom:.2em;font-weight:500;display:flex;align-items:center}.m-card__value{font-size:clamp(1rem,.85rem + .234vw,1.35rem);font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--text)}.m-card__sub{font-size:clamp(.65rem,.6rem + .078vw,.75rem);color:var(--text2);margin-top:.2em;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-card--red .m-card__value{color:var(--red)}.m-card--amber .m-card__value{color:var(--amber)}.m-card--green .m-card__value{color:var(--green)}.m-card--cyan .m-card__value{color:var(--cyan)}.m-card--accent .m-card__value{color:var(--accent)}.m-card--clickable:hover .m-card__sub:after{content:" → view";font-size:.78em;opacity:.6}.m-card__tip-icon{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;border-radius:50%;background:var(--surface3);border:1px solid var(--border-hi);color:var(--text3);font-size:.6em;font-weight:700;margin-left:.3em;cursor:help;position:relative;vertical-align:middle;transition:background var(--dur),color var(--dur);font-family:var(--font-ui);letter-spacing:0;text-transform:none;flex-shrink:0}.m-card__tip-icon:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.m-card__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--surface2);border:1px solid var(--border-hi);border-radius:7px;padding:.55em .75em;font-size:.75em;line-height:1.5;color:var(--text2);width:220px;white-space:normal;text-align:left;z-index:100;box-shadow:0 8px 28px #00000040;pointer-events:none;font-family:var(--font-ui);font-weight:400;letter-spacing:0;text-transform:none}.m-card__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--border-hi)}.metrics-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:clamp(.25rem,.15rem + .156vw,.45rem);margin-bottom:var(--sp-md)}@media (max-width: 1200px){.metrics-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 860px){.metrics-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 640px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 420px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}.issue-item{padding:var(--sp-sm) var(--sp-lg);border-bottom:1px solid var(--border);display:flex;flex-direction:column;cursor:pointer;transition:background .15s}.issue-item:last-child{border-bottom:none}.issue-item:hover,.issue-item--expanded{background:var(--surface2)}.issue-item__row{display:flex;gap:.65em;align-items:flex-start}.issue-item__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:4px}.issue-item__dot--red{background:var(--red);box-shadow:0 0 6px var(--red)}.issue-item__dot--amber{background:var(--amber);box-shadow:0 0 6px var(--amber)}.issue-item__dot--green{background:var(--green)}.issue-item__dot--blue{background:var(--accent)}.issue-item__body{flex:1;min-width:0}.issue-item__title{font-size:.9em;font-weight:700;color:var(--text);margin-bottom:.2em}.issue-item__desc{font-family:var(--font-mono);font-size:.82em;color:var(--text2);line-height:1.55}.issue-item__loc{font-family:var(--font-mono);font-size:.77em;color:var(--text3);margin-top:.25em}.issue-item__chevron{margin-left:auto;flex-shrink:0;color:var(--text3);transition:transform var(--dur) var(--ease);align-self:center}.issue-item__chevron svg{width:13px;height:13px;display:block}.issue-item--expanded .issue-item__chevron{transform:rotate(180deg)}.issue-item__detail{max-height:0;overflow:hidden;opacity:0;transition:max-height .32s cubic-bezier(.4,0,.2,1),opacity .25s ease}.issue-item--expanded .issue-item__detail{max-height:500px;opacity:1}.issue-item__detail-inner{margin-top:.6em;margin-left:1.35em;padding:var(--sp-sm) var(--sp-md);background:var(--surface3);border-radius:var(--radius-sm);border:1px solid var(--border-hi)}.issue-item__detail-row{display:flex;gap:var(--sp-sm);align-items:baseline;padding:.28em 0;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:.8em}.issue-item__detail-row:last-child{border-bottom:none}.issue-item__detail-key{color:var(--text3);flex-shrink:0;min-width:clamp(100px,80px + 3.125vw,140px)}.issue-item__detail-val{color:var(--text);word-break:break-all}.issue-item__detail-val.v-err{color:var(--red)}.issue-item__detail-val.v-warn{color:var(--amber)}.issue-item__detail-val.v-ok{color:var(--green)}.issue-item__fix{margin-top:.6em;padding:.55em .75em;background:var(--accent-dim);border:1px solid var(--border-hi);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.78em;color:var(--accent);line-height:1.6}.issue-item__fix:before{content:"💡 Fix: ";font-weight:700}.badge{display:inline-flex;align-items:center;height:clamp(16px,14px + .313vw,20px);padding:0 6px;border-radius:4px;font-family:var(--font-mono);font-size:.72em;font-weight:600;white-space:nowrap}.badge--red{background:var(--red-dim);color:var(--red)}.badge--amber{background:var(--amber-dim);color:var(--amber)}.badge--green{background:var(--green-dim);color:var(--green)}.badge--cyan{background:var(--cyan-dim);color:var(--cyan)}.badge--blue{background:var(--accent-dim);color:var(--accent)}.issues-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--sp-sm);overflow:hidden;transition:background var(--dur),border-color var(--dur)}.issues-card.issues-flash-err,.issues-card.issues-flash-warn{animation:flashRing .7s ease}.issues-card__header{padding:var(--sp-sm) var(--sp-lg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4em}.issues-card__title{display:flex;align-items:center;gap:.4em;font-size:.9em;font-weight:600;color:var(--text)}.issues-card__title svg{width:13px;height:13px;color:var(--text2)}.issues-card__badges{display:flex;align-items:center;gap:.4em;flex-wrap:wrap}.issues-card__clear{padding:.22em .55em;background:var(--surface3);border:1px solid var(--border-hi);border-radius:5px;font-family:var(--font-mono);font-size:.75em;color:var(--text2);cursor:pointer;transition:all var(--dur)}.issues-card__clear:hover{color:var(--text);border-color:var(--accent)}.issues-card__list{padding:0}.manifest-info{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--sp-sm);overflow:hidden}.manifest-info__header{padding:var(--sp-sm) var(--sp-lg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.manifest-info__title{display:flex;align-items:center;gap:.4em;font-size:.9em;font-weight:600;color:var(--text)}.manifest-info__title svg{width:13px;height:13px;color:var(--text2)}.manifest-info__body{padding:var(--sp-md) var(--sp-lg);display:grid;gap:0}.manifest-info__row{display:flex;justify-content:space-between;align-items:center;padding:.45em 0;border-bottom:1px solid var(--border)}.manifest-info__row:last-child{border-bottom:none}.manifest-info__key{font-family:var(--font-mono);font-size:.82em;color:var(--text3)}.manifest-info__val{font-family:var(--font-mono);font-size:.86em;color:var(--text)}.manifest-info__title{font-size:inherit;font-weight:inherit;margin:0;line-height:inherit}.manifest-viewer-wrap{margin-bottom:var(--sp-sm)}.manifest-viewer-wrap__toggle-row{display:flex;align-items:center;gap:var(--sp-xs);margin-bottom:var(--sp-sm);flex-wrap:wrap}.manifest-toggle-btn{display:inline-flex;align-items:center;gap:.45em;padding:.38em .9em;background:var(--surface);border:1px solid var(--border-hi);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-ui);font-size:.86em;font-weight:700;color:var(--text2);transition:all var(--dur);outline:none}.manifest-toggle-btn svg{width:13px;height:13px}.manifest-toggle-btn .chevron{transition:transform var(--dur) var(--ease)}.manifest-toggle-btn:hover{background:var(--surface3);color:var(--text);border-color:var(--accent)}.manifest-toggle-btn--open{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.manifest-toggle-btn--open .chevron{transform:rotate(180deg)}.manifest-viewer{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;max-height:0;opacity:0;pointer-events:none;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}.manifest-viewer--open{max-height:clamp(600px,225px + 58.594vw,1000px);opacity:1;pointer-events:auto}.manifest-viewer__header{padding:var(--sp-sm) var(--sp-lg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-xs);background:var(--surface2)}.manifest-viewer__title{display:flex;align-items:center;gap:.5em;font-size:.9em;font-weight:600;color:var(--text)}.manifest-viewer__title svg{width:14px;height:14px;color:var(--text2)}.manifest-viewer__actions{display:flex;align-items:center;gap:var(--sp-xs);flex-wrap:wrap}.manifest-viewer__copy-btn{display:inline-flex;align-items:center;gap:.35em;padding:.28em .65em;background:var(--surface3);border:1px solid var(--border-hi);border-radius:5px;cursor:pointer;font-family:var(--font-mono);font-size:.75em;color:var(--text2);transition:all var(--dur);outline:none}.manifest-viewer__copy-btn svg{width:11px;height:11px}.manifest-viewer__copy-btn:hover{color:var(--text);border-color:var(--accent)}.xml-viewer{padding:var(--sp-sm) var(--sp-lg);font-family:var(--font-mono);font-size:.83em;line-height:1.55;color:var(--text2);white-space:pre-wrap;word-break:break-all}.xml-viewer .x-tag{color:var(--xml-tag);font-weight:500}.xml-viewer .x-attr{color:var(--xml-attr)}.xml-viewer .x-val{color:var(--xml-val)}.xml-viewer .x-str{color:var(--xml-str)}.xml-viewer .x-cmt{color:var(--xml-cmt);font-style:italic}.xml-viewer .x-decl{color:var(--text3)}.xml-line{display:block;border-radius:2px;padding:.05em .4em;margin:0 -.4em}.xml-line:hover{background:var(--surface3)}.xml-line.hl-err{background:#f0525212;border-left:2px solid var(--red);padding-left:calc(.4em - 2px)}.xml-line.hl-warn{background:#f5a62312;border-left:2px solid var(--amber);padding-left:calc(.4em - 2px)}.x-ann{font-size:.75em;margin-left:.75em;vertical-align:middle;font-weight:600}.x-ann--err{color:var(--red)}.x-ann--warn{color:var(--amber)}.seg-table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--sp-sm)}.seg-table-card__tabs{display:flex;border-bottom:1px solid var(--border);padding:0 var(--sp-sm);background:var(--surface)}.seg-table-card__empty,.seg-table-card__audio-msg{padding:var(--sp-2xl);text-align:center;color:var(--text3);font-family:var(--font-mono);font-size:.75em}.tab-btn{padding:.55em .75em;font-size:.84em;font-weight:700;color:var(--text3);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--dur),border-color var(--dur);font-family:var(--font-ui);margin-bottom:-1px}.tab-btn:hover{color:var(--text)}.tab-btn--active{color:var(--accent);border-bottom-color:var(--accent)}.tbl-wrap{overflow-x:auto;overflow-y:auto;max-height:clamp(320px,200px + 18.75vw,500px)}table{width:100%;border-collapse:collapse}thead th{padding:var(--sp-xs) var(--sp-md);font-family:var(--font-mono);font-size:.72em;letter-spacing:.07em;text-transform:uppercase;color:var(--text3);background:var(--surface2);border-bottom:1px solid var(--border);white-space:nowrap;text-align:left;position:sticky;top:0;z-index:2}tbody tr{border-bottom:1px solid var(--border);transition:background .12s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--surface2)}tbody td{padding:var(--sp-xs) var(--sp-md);font-family:var(--font-mono);font-size:.85em;color:var(--text2);white-space:nowrap}.v-hi{color:var(--text)!important}.v-ok{color:var(--green)!important}.v-warn{color:var(--amber)!important}.v-err{color:var(--red)!important}.v-cyan{color:var(--cyan)!important}.tab-btn__count{display:inline-block;background:var(--surface2);border-radius:10px;padding:0 5px;font-size:.8em;margin-left:4px;color:var(--text3);font-weight:400}.tab-btn--active .tab-btn__count{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.vod-results__two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-sm);margin-bottom:var(--sp-sm)}@media (max-width: 680px){.vod-results__two-col{grid-template-columns:1fr}}.ll-banner{display:flex;align-items:flex-start;gap:.6em;margin-bottom:var(--sp-md);padding:.6em var(--sp-md);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.82em;flex-wrap:wrap;line-height:1.7}.ll-banner--detected{background:var(--accent-dim);border:1px solid var(--border-hi);color:var(--accent)}.ll-banner--none{background:var(--surface2);border:1px solid var(--border-hi);color:var(--text3);justify-content:space-between}.ll-banner__label{font-weight:700;flex-shrink:0}.ll-banner__signals{color:var(--text2);display:flex;flex-wrap:wrap;gap:.3em;align-items:center}.ll-banner__chip{background:var(--accent-dim);color:var(--accent);padding:.1em .35em;border-radius:3px;font-size:.78em}.ll-banner__checked{font-size:.75em;color:var(--text3);margin-left:auto}.live-monitor{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--sp-sm)}.live-monitor__header{padding:var(--sp-sm) var(--sp-lg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.live-monitor__title{display:flex;align-items:center;gap:.4em;font-size:.9em;font-weight:600;color:var(--text)}.live-monitor__title svg{width:13px;height:13px}.live-monitor__live-badge{display:inline-flex;align-items:center;gap:.35em;background:var(--green-dim);color:var(--green);padding:.18em .55em;border-radius:4px;font-family:var(--font-mono);font-size:.72em;font-weight:600}.live-monitor__dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 5px var(--green);animation:blink 1.4s ease infinite;display:inline-block}.live-monitor__progress{margin:0 var(--sp-lg) var(--sp-xs);height:3px;background:var(--surface3);border-radius:99px;overflow:hidden}.live-monitor__progress-fill{height:100%;width:70%;background:linear-gradient(90deg,var(--accent),var(--green));border-radius:99px;animation:scan 2.5s ease-in-out infinite alternate}.live-monitor__log{font-family:var(--font-mono);font-size:.83em;line-height:1.8;color:var(--text2);padding:var(--sp-md);overflow-y:auto;max-height:clamp(220px,150px + 10.938vw,320px)}.log-line{display:flex;gap:var(--sp-sm);align-items:baseline}.log-ts{color:var(--text3);flex-shrink:0;font-size:.8em}.log-msg--ok{color:var(--green)}.log-msg--warn{color:var(--amber)}.log-msg--err{color:var(--red)}.log-msg--info{color:var(--cyan)}.sg-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-sm);margin-bottom:var(--sp-xs)}@media (max-width: 900px){.sg-grid{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.sg-grid{grid-template-columns:1fr}}.sg-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-sm) var(--sp-md) clamp(.55rem,.4rem + .234vw,.75rem);position:relative;overflow:hidden;transition:border-color var(--dur),box-shadow var(--dur)}.sg-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--sg-accent, var(--accent));opacity:.5;transition:opacity var(--dur)}.sg-card:hover{border-color:var(--border-hi)}.sg-card:hover:before{opacity:1}.sg-card--wide{grid-column:1/-1}.sg-card__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.1em}.sg-card__title{font-family:var(--font-mono);font-size:.65em;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text3)}.sg-card__badge{font-family:var(--font-mono);font-size:.6em;color:var(--text3);background:var(--surface2);border:1px solid var(--border);padding:.08em .38em;border-radius:6px}.sg-card__value{line-height:1.1;margin-bottom:.05em}.sg-card__sub{font-size:.7em;color:var(--text2);margin-bottom:var(--sp-xs)}.sg-val{font-size:clamp(1rem,.85rem + .234vw,1.3rem);font-weight:800;letter-spacing:-.03em;color:var(--text)}.sg-val--green{color:var(--green)}.sg-val--amber{color:var(--amber)}.sg-val--red{color:var(--red)}.sg-val--cyan{color:var(--cyan)}.sg-val__unit{font-size:.7em;font-weight:400;color:var(--text2);margin-left:2px}.sg-svg{display:block;width:100%;overflow:visible}.sg-svg--line,.sg-svg--bar{height:clamp(80px,60px + 3.125vw,110px)}.sg-svg .sg-dot,.sg-svg .sg-bar{cursor:crosshair}.sg-tooltip{position:absolute;top:.55em;right:.7em;background:var(--surface2);border:1px solid var(--border-hi);border-radius:6px;padding:.22em .55em;font-family:var(--font-mono);font-size:.68em;color:var(--text);pointer-events:none;opacity:0;white-space:nowrap;transition:opacity .1s;z-index:10}.sg-tooltip--on{opacity:1}.sg-tl{display:flex;flex-direction:column;gap:.42em}.sg-tl-empty{font-family:var(--font-mono);font-size:.72em;color:var(--text3);padding:.5em 0}.sg-tl-row{display:flex;align-items:center;gap:var(--sp-xs)}.sg-tl-label{font-family:var(--font-mono);font-size:.62em;color:var(--text3);width:clamp(44px,36px + 1.25vw,60px);flex-shrink:0;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-tl-track{flex:1;height:clamp(14px,10px + .625vw,20px);background:#8080800f;border-radius:3px;position:relative;overflow:hidden}.sg-tl-ev{position:absolute;top:2px;height:calc(100% - 4px);border-radius:2px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.55em;font-weight:700;white-space:nowrap;overflow:hidden;padding:0 3px;cursor:default}.sg-tl-ev--ok{background:var(--green-dim);color:var(--green);border:1px solid rgba(0,0,0,.05);width:100%;left:0!important}.sg-tl-ev--gap{background:var(--red);color:#fff;cursor:pointer;min-width:28px;z-index:2}.sg-tl-ev--drift{background:var(--amber);color:#000;cursor:pointer;min-width:28px;z-index:2}.sg-card__title{font-size:inherit;font-weight:inherit;margin:0;line-height:inherit}.live-results__two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-sm);margin-bottom:var(--sp-sm)}@media (max-width: 680px){.live-results__two-col{grid-template-columns:1fr}}.live-status-bar{display:flex;align-items:center;gap:var(--sp-xs);margin-bottom:var(--sp-md);flex-wrap:wrap}.live-status-badge{display:inline-flex;align-items:center;gap:.35em;padding:.25em .65em;border-radius:20px;font-size:.75em;font-weight:700;letter-spacing:.04em;font-family:var(--font-mono)}.live-status-badge--monitoring{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.live-status-badge--info{background:#63b3ed1f;color:#63b3ed;border:1px solid rgba(99,179,237,.3);cursor:default}.live-dot{width:7px;height:7px;border-radius:50%;background:#ef4444;animation:pulse-dot 1.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.fallback-warning{display:flex;align-items:flex-start;gap:var(--sp-sm);background:color-mix(in srgb,var(--amber) 10%,transparent);border:1px solid color-mix(in srgb,var(--amber) 35%,transparent);border-radius:var(--radius-sm);padding:var(--sp-sm) var(--sp-md);margin-bottom:var(--sp-sm)}.fallback-warning svg{color:var(--amber);flex-shrink:0;margin-top:2px}.fallback-warning div{display:flex;flex-direction:column;gap:.2em;font-size:.875em}.fallback-warning div strong{color:var(--amber);font-weight:600}.fallback-warning div span{color:var(--text2);font-size:.82em}.page-wrap{position:relative;z-index:1;display:flex;flex-direction:column;min-height:calc(100vh - var(--header-h))}.page-wrap[data-state=idle] .top-panel{border-bottom-color:transparent;padding-top:clamp(3rem,6vh,5rem);padding-bottom:clamp(2rem,4vh,3.5rem)}.page-wrap[data-state=idle] .hero__pill{margin-top:0}.page-wrap[data-state=idle] .results-panel{flex:0;padding-top:0;padding-bottom:0}.top-panel{background:var(--bg);padding:0 var(--page-px) var(--sp-lg);border-bottom:1px solid var(--border);transition:border-color var(--dur),padding var(--dur);position:relative}.top-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hero-glow);pointer-events:none;z-index:0}.top-panel>*{position:relative;z-index:1}.top-panel #input-anchor{display:block;scroll-margin-top:calc(var(--header-h) + 8px)}@media (max-width: 560px){.top-panel{padding:0 var(--sp-md) var(--sp-lg)}}.results-panel{padding:var(--sp-lg) var(--page-px) clamp(3rem,2rem + 1.563vw,5rem);flex:1;transition:padding var(--dur)}@media (max-width: 560px){.results-panel{padding:var(--sp-lg) var(--sp-md) 3rem}}.results-connecting{margin:var(--sp-lg) auto;max-width:860px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.results-connecting__header{display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-lg);border-bottom:1px solid var(--border);color:var(--text2);font-size:.9em;font-family:var(--font-mono)}.results-connecting__header svg{width:16px;height:16px;color:var(--accent);flex-shrink:0}.results-connecting__log{font-family:var(--font-mono);font-size:.82em;line-height:1.8;padding:var(--sp-sm) var(--sp-lg);max-height:clamp(160px,12vw + 80px,240px);overflow-y:auto}.results-connecting__log .log-line{display:flex;gap:var(--sp-sm);align-items:baseline}.results-connecting__log .log-ts{color:var(--text3);flex-shrink:0;font-size:.78em}.results-connecting__log .log-msg--ok{color:var(--green)}.results-connecting__log .log-msg--warn{color:var(--amber)}.results-connecting__log .log-msg--err{color:var(--red)}.results-connecting__log .log-msg--info{color:var(--cyan)}.footer{position:relative;z-index:1;border-top:1px solid var(--border);padding:var(--sp-md) var(--sp-xl);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4em;font-family:var(--font-mono);font-size:.77em;color:var(--text3)}.footer a{color:var(--accent)}.footer a:hover{text-decoration:underline}.footer__nav{display:flex;align-items:center;gap:var(--sp-sm)}.footer__nav a{color:var(--text2);text-decoration:none;font-size:var(--text-sm);transition:color var(--dur)}.footer__nav a:hover{color:var(--accent)}.footer__nav span{color:var(--text3)}.docs-page{min-height:100vh;background:var(--bg);padding:var(--sp-2xl) var(--page-px) clamp(3rem,2rem + 1.563vw,5rem);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.docs-page__inner{max-width:clamp(640px,45vw + 200px,880px);margin:0 auto}.docs-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-md);margin-bottom:var(--sp-2xl);padding-bottom:var(--sp-xl);border-bottom:1px solid var(--border)}.docs-header__title{display:flex;align-items:center;gap:.6em;font-size:clamp(1.2rem,.9rem + .469vw,1.6rem);font-weight:700;color:var(--text);margin-bottom:.4em}.docs-header__title svg{color:var(--accent);flex-shrink:0}.docs-header__sub{color:var(--text2);font-size:.9em;line-height:1.5}.docs-close{display:flex;align-items:center;justify-content:center;width:clamp(28px,22px + .938vw,36px);height:clamp(28px,22px + .938vw,36px);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text2);flex-shrink:0;transition:all .15s ease}.docs-close:hover{border-color:var(--border-hi);color:var(--text);background:var(--surface2)}.docs-close--tab{width:auto;gap:.4em;padding:0 .75em;font-size:.82em;font-weight:600;font-family:var(--font-ui);white-space:nowrap}.docs-toc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-md) var(--sp-lg);margin-bottom:var(--sp-2xl)}.docs-toc__label{font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-bottom:.6em}.docs-toc__links{display:flex;flex-wrap:wrap;gap:.3em .5em}.docs-toc__link{font-size:.83em;color:var(--accent);padding:.2em .55em;border-radius:4px;background:var(--accent-dim);transition:background .15s ease}.docs-toc__link:hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}.docs-metrics{display:flex;flex-direction:column;gap:0}.docs-metric{padding:var(--sp-2xl) 0;border-bottom:1px solid var(--border)}.docs-metric:last-child{border-bottom:none}.docs-metric__header{display:flex;align-items:center;gap:.75em;margin-bottom:.6em}.docs-metric__name{font-size:clamp(1rem,.85rem + .234vw,1.2rem);font-weight:700;color:var(--text)}.docs-metric__badge{font-size:.7em;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;padding:.18em .5em;border-radius:4px}.docs-metric__badge--green{background:var(--green-dim);color:var(--green)}.docs-metric__badge--cyan{background:var(--cyan-dim);color:var(--cyan)}.docs-metric__badge--amber{background:var(--amber-dim);color:var(--amber)}.docs-metric__badge--red{background:var(--red-dim);color:var(--red)}.docs-metric__badge--neutral{background:var(--surface3);color:var(--text2)}.docs-metric__summary{color:var(--text2);font-size:.9em;line-height:1.6;margin-bottom:var(--sp-lg)}.docs-metric__section-label{font-size:.72em;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-bottom:.5em;margin-top:var(--sp-lg)}.docs-metric__section-label:first-of-type{margin-top:0}.docs-metric__note{display:flex;align-items:flex-start;gap:.5em;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--sp-sm) var(--sp-md);font-size:.83em;color:var(--text2);line-height:1.55;margin-top:var(--sp-md)}.docs-metric__note svg{color:var(--cyan);flex-shrink:0;margin-top:2px}.docs-formula{font-family:var(--font-mono);font-size:.83em;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 6px 6px 0;padding:var(--sp-sm) var(--sp-md);color:var(--text);white-space:pre-wrap;line-height:1.7;overflow-x:auto}.docs-breakdown-wrap{width:100%;overflow-x:auto}.docs-breakdown{width:100%;border-collapse:collapse;font-size:.85em;table-layout:fixed}.docs-breakdown tr{border-bottom:1px solid var(--border)}.docs-breakdown tr:last-child{border-bottom:none}.docs-breakdown__term{padding:.6em .75em .6em 0;vertical-align:top;width:clamp(120px,15vw,200px);word-break:break-word}.docs-breakdown__term code{font-family:var(--font-mono);font-size:.8em;color:var(--cyan);background:var(--cyan-dim);padding:.1em .4em;border-radius:3px;white-space:normal;word-break:break-all;display:inline-block}.docs-breakdown__def{padding:.6em 0;color:var(--text2);line-height:1.55;word-break:break-word;overflow-wrap:break-word}.docs-thresholds{display:flex;flex-direction:column;gap:.3em}.docs-threshold{display:flex;align-items:center;gap:.75em;font-size:.85em}.docs-threshold__range{font-family:var(--font-mono);font-size:.78em;font-weight:600;padding:.18em .55em;border-radius:4px;min-width:clamp(70px,50px + 3.125vw,100px);text-align:center;flex-shrink:0}.docs-threshold__range--green{background:var(--green-dim);color:var(--green)}.docs-threshold__range--cyan{background:var(--cyan-dim);color:var(--cyan)}.docs-threshold__range--amber{background:var(--amber-dim);color:var(--amber)}.docs-threshold__range--red{background:var(--red-dim);color:var(--red)}.docs-threshold__range--neutral{background:var(--surface3);color:var(--text2)}.docs-threshold__label{color:var(--text2)}.docs-attrs-table{width:100%;border-collapse:collapse;font-size:.84em}.docs-attrs-table thead tr{border-bottom:1px solid var(--border-hi)}.docs-attrs-table th{text-align:left;padding:.5em .75em .5em 0;font-size:.72em;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text3)}.docs-attrs-table td{padding:.65em .75em .65em 0;vertical-align:top;border-bottom:1px solid var(--border);color:var(--text2);line-height:1.5}.docs-attrs-table tr:last-child td{border-bottom:none}.docs-attrs-table td:first-child code{font-family:var(--font-mono);font-size:.78em;color:var(--accent)}.docs-attrs-table__type{color:var(--text3)!important;font-family:var(--font-mono);font-size:.75em!important;white-space:nowrap}.docs-attrs-table__example code{font-family:var(--font-mono);font-size:.78em;color:var(--green)!important}@media (max-width: 640px){.docs-attrs-table__type,.docs-attrs-table__example{display:none}.docs-breakdown__term{width:auto;min-width:80px}}.debugger-toolbar{position:sticky;top:var(--header-h);z-index:100;background:var(--surface);border-bottom:1px solid var(--border);padding:0 var(--page-px);height:44px;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-sm);flex-shrink:0}.debugger-toolbar__left,.debugger-toolbar__right{display:flex;align-items:center;gap:var(--sp-sm)}.debugger-toolbar__label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text3);white-space:nowrap}.debugger-toolbar__select{font-family:var(--font-ui);font-size:var(--text-sm);background:var(--surface2);border:1px solid var(--border-hi);color:var(--text);border-radius:var(--radius-sm);padding:4px 10px;outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color var(--dur),opacity var(--dur)}.debugger-toolbar__select:focus{border-color:var(--accent)}.debugger-toolbar__select:disabled{opacity:.5;cursor:not-allowed}.debugger-toolbar__select--version{width:100px}.debugger-toolbar__config-btn{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;padding:4px 12px;border-radius:var(--radius-sm);border:1px solid var(--accent-glow);background:var(--accent-dim);color:var(--accent);cursor:pointer;transition:color var(--dur),background var(--dur),border-color var(--dur),box-shadow var(--dur)}.debugger-toolbar__config-btn svg{width:13px;height:13px}.debugger-toolbar__config-btn:hover{background:#e8944a33;border-color:var(--accent);box-shadow:0 0 12px #e8944a33}.debugger-toolbar__config-btn--active{border-color:var(--accent);color:var(--accent);background:#e8944a38;box-shadow:0 0 0 1px var(--accent-glow)}.debugger-toolbar__sep{width:1px;height:18px;background:var(--border);flex-shrink:0}.debugger-toolbar__stream-badge{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text3);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debugger-toolbar__stream-badge--active{color:var(--accent)}.debugger-toolbar__stop-btn{font-size:var(--text-xs);font-weight:600;padding:4px 12px;border-radius:var(--radius-sm);border:1px solid var(--red-dim);background:transparent;color:var(--red);cursor:pointer;transition:background var(--dur);font-family:var(--font-ui)}.debugger-toolbar__stop-btn:hover{background:var(--red-dim)}.debugger-status-pill{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;padding:3px 9px;border-radius:20px;white-space:nowrap}.debugger-status-pill__dot{width:5px;height:5px;border-radius:50%;background:currentColor;animation:status-blink 1.4s ease-in-out infinite}@keyframes status-blink{0%,to{opacity:1}50%{opacity:.3}}.debugger-status-pill--idle{background:var(--surface2);color:var(--text3);border:1px solid var(--border)}.debugger-status-pill--connecting{background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-glow)}.debugger-status-pill--live{background:var(--green-dim);color:var(--green);border:1px solid rgba(61,214,140,.25)}.debugger-status-pill--buffering{background:var(--amber-dim);color:var(--amber);border:1px solid rgba(245,200,66,.25)}.debugger-status-pill--error{background:var(--red-dim);color:var(--red);border:1px solid var(--red-border, rgba(240, 84, 79, .25))}.debugger-toolbar__player-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--text2);display:flex;align-items:center;gap:var(--sp-sm)}.debugger-toolbar__player-version{font-weight:400;color:var(--text3);padding:2px 6px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm)}.config-panel{max-height:0;overflow:hidden;transition:max-height .28s cubic-bezier(.4,0,.2,1);background:var(--surface);border-bottom:1px solid var(--border)}.config-panel__inner{padding:0 var(--page-px) var(--sp-sm)}.config-panel__header{display:flex;align-items:center;gap:8px;height:36px;border-bottom:1px solid var(--border);margin-bottom:10px}.config-panel__badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--text2);white-space:nowrap}.config-panel__ver{font-size:var(--text-2xs);color:var(--text3);background:var(--surface3);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-weight:600;letter-spacing:.04em}.config-panel__count{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text3);white-space:nowrap}.config-panel__spacer{flex:1}.config-panel__tabs{display:flex;gap:1px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:2px}.config-panel__tab{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;padding:3px 10px;border-radius:4px;background:none;border:none;color:var(--text3);cursor:pointer;white-space:nowrap;transition:all var(--dur)}.config-panel__tab:hover{color:var(--text2)}.config-panel__tab--active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0003}.config-panel__reset{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;color:var(--text3);background:none;border:1px solid var(--border);border-radius:5px;padding:3px 9px;cursor:pointer;transition:all var(--dur);opacity:.4}.config-panel__reset:disabled{cursor:default}.config-panel__reset--active{opacity:1;color:var(--amber);border-color:#f5c84266;background:#f5c84212}.config-panel__reset--active:hover{background:#f5c84224}.config-panel__apply{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;color:#000;background:var(--cyan);border:none;border-radius:5px;padding:3px 12px;cursor:pointer;transition:background var(--dur),opacity var(--dur)}.config-panel__apply:hover{opacity:.85}.config-panel__apply--done{background:var(--green);color:#000}.config-panel__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:start}@media (max-width: 1100px){.config-panel__cols{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.config-panel__cols{grid-template-columns:1fr}}.config-panel__col{display:flex;flex-direction:column;gap:6px}.cfg-section{border:1px solid var(--border);border-radius:7px;overflow:visible}.cfg-section__head{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;background:var(--surface2);border:none;border-radius:7px 7px 0 0;cursor:pointer;text-align:left;transition:background var(--dur)}.cfg-section__head:hover{background:var(--surface3)}.cfg-section__chevron{width:9px;height:9px;color:var(--text2);flex-shrink:0;transition:transform var(--dur)}.cfg-section__chevron--closed{transform:rotate(-90deg)}.cfg-section__name{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text)}.cfg-section__badge{font-size:var(--text-2xs);font-weight:600;padding:1px 7px;border-radius:8px;font-family:var(--font-ui)}.cfg-section__badge--buffering{background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-glow)}.cfg-section__badge--abr,.cfg-section__badge--ll{background:var(--cyan-dim);color:var(--cyan);border:1px solid rgba(51,193,168,.25)}.cfg-section__count{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text3);margin-left:auto}.cfg-section__grid{display:flex;flex-direction:column;gap:1px;background:var(--border);border-top:1px solid var(--border);border-radius:0 0 6px 6px}.cfg-field{display:flex;align-items:center;gap:8px;padding:5px 10px;background:var(--surface2);position:relative}.cfg-field:hover{background:var(--surface3)}.cfg-field__label{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;color:var(--text2);white-space:nowrap;flex-shrink:0;min-width:150px}.cfg-field__input{flex:1;min-width:0;font-family:var(--font-mono);font-size:var(--text-2xs);padding:2px 6px;background:var(--surface);border:1px solid var(--border-hi);border-radius:4px;color:var(--text);outline:none;transition:border-color var(--dur)}.cfg-field__input::placeholder{color:var(--text3)}.cfg-field__input:focus{border-color:var(--cyan)}.cfg-field__input[type=number]{-moz-appearance:textfield}.cfg-field__input[type=number]::-webkit-inner-spin-button,.cfg-field__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cfg-field--bool{gap:8px;cursor:pointer}.cfg-field--bool:hover{background:var(--surface3)}.cfg-field--bool .cfg-field__label{min-width:unset;flex:1;cursor:pointer}.cfg-field__check{accent-color:var(--cyan);width:13px;height:13px;flex-shrink:0;cursor:pointer;margin:0;order:-1}.cfg-field__tip{flex-shrink:0;width:14px;text-align:center;font-size:10px;font-weight:700;font-family:var(--font-mono);color:var(--text3);cursor:help;-webkit-user-select:none;user-select:none}.cfg-field__tip:hover{color:var(--cyan)}.cfg-field__tip-bubble{position:fixed;z-index:9999;transform:translate(-50%) translateY(calc(-100% - 8px));background:var(--surface3);border:1px solid var(--border-hi);border-radius:6px;padding:6px 10px;font-size:11px;font-weight:400;color:var(--text);font-family:var(--font-ui);white-space:normal;width:max-content;max-width:240px;line-height:1.5;pointer-events:none;box-shadow:0 4px 20px #0006;letter-spacing:0;text-transform:none}.cfg-field__tip-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--border-hi)}.config-panel__json-wrap{display:flex;flex-direction:column;gap:6px}.config-panel__json-editor{width:100%;min-height:520px;background:var(--surface2);border:1px solid var(--border-hi);border-radius:6px;padding:10px 12px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text);outline:none;resize:vertical;line-height:1.6;transition:border-color var(--dur)}.config-panel__json-editor:focus{border-color:var(--cyan)}.config-panel__json-editor--err{border-color:var(--amber)}.config-panel__json-errors{display:flex;flex-direction:column;gap:2px}.config-panel__json-errors span{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--amber)}.config-panel__json-note{font-size:var(--text-2xs);color:var(--text3);font-family:var(--font-ui)}.config-panel__json-note code{font-family:var(--font-mono);background:var(--surface3);padding:1px 4px;border-radius:3px;font-size:.9em;color:var(--cyan)}.pd-setup{position:relative;z-index:1}.pd-setup:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hero-glow);pointer-events:none;z-index:0}.pd-setup>*{position:relative;z-index:1}.pd-setup__hero{text-align:center;padding:clamp(2.5rem,5vh,4.5rem) var(--page-px) var(--sp-lg)}.pd-setup__pill{display:inline-flex;align-items:center;gap:.5em;background:var(--accent-dim);color:var(--accent);border:1px solid var(--border-hi);border-radius:99px;padding:.3em 1em;font-family:var(--font-mono);font-size:.78em;letter-spacing:.06em;margin-bottom:var(--sp-lg)}.pd-setup__pill-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--green);box-shadow:0 0 6px var(--green);animation:blink 1.8s ease-in-out infinite}.pd-setup__h1{font-size:var(--text-hero);font-weight:800;letter-spacing:-.04em;line-height:1.12;margin-bottom:var(--sp-lg);color:var(--text)}.pd-setup__grad-1{background:linear-gradient(120deg,var(--accent),var(--amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pd-setup__grad-2{background:linear-gradient(120deg,var(--green),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pd-setup__sub{font-size:.98em;color:var(--text2);max-width:50vw;margin:0 auto;line-height:1.75;font-weight:500}@media (max-width: 1400px){.pd-setup__sub{max-width:70vw}}@media (max-width: 560px){.pd-setup__sub{max-width:90vw}}.pd-setup__card{background:var(--surface);border:1px solid var(--border-hi);border-radius:var(--radius-lg);padding:var(--sp-lg);margin:var(--sp-md) auto var(--sp-3xl);max-width:clamp(640px,50vw + 200px,900px);box-shadow:0 4px 32px #0003;display:flex;flex-direction:column;gap:var(--sp-md);transition:background var(--dur),border-color var(--dur)}.pd-setup__player-row{display:flex;align-items:center;gap:var(--sp-sm);padding-bottom:var(--sp-md);border-bottom:1px solid var(--border)}.pd-setup__player-tabs{display:flex;gap:3px;flex:1;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px}.pd-setup__player-tab{flex:1;padding:5px 12px;font-size:var(--text-sm);font-weight:600;font-family:var(--font-ui);border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text3);cursor:pointer;transition:all var(--dur);white-space:nowrap}.pd-setup__player-tab:hover{color:var(--text);background:var(--surface3)}.pd-setup__player-tab--active{background:var(--surface);border-color:var(--border-hi);color:var(--text);box-shadow:0 1px 4px #00000026}.pd-setup__version{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--surface2);border:1px solid var(--border-hi);color:var(--text2);border-radius:var(--radius-sm);padding:6px 10px;outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;flex-shrink:0;min-width:92px;transition:border-color var(--dur)}.pd-setup__version:focus{border-color:var(--accent)}.pd-setup__field{display:flex;flex-direction:column;gap:var(--sp-xs)}.pd-setup__field--error .pd-setup__url-input{border-color:var(--red)}.pd-setup__field--error .pd-setup__url-hint{color:var(--red)}.pd-setup__url-row{display:flex;align-items:center;gap:var(--sp-sm);background:var(--surface2);border:1px solid var(--border-hi);border-radius:var(--radius-md);padding:var(--sp-xs) var(--sp-xs) var(--sp-xs) var(--sp-md);transition:border-color var(--dur)}.pd-setup__url-row:focus-within{border-color:var(--accent)}.pd-setup__url-icon{width:16px;height:16px;color:var(--text3);flex-shrink:0}.pd-setup__url-input{flex:1;background:none;border:none;outline:none;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text);min-width:0}.pd-setup__url-input::placeholder{color:var(--text3)}.pd-setup__analyze-btn{display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-lg);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity .15s,transform .1s;flex-shrink:0}.pd-setup__analyze-btn svg{width:11px;height:11px}.pd-setup__analyze-btn:hover{opacity:.88}.pd-setup__analyze-btn:active{transform:scale(.98)}.pd-setup__url-hint{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text2);padding-left:var(--sp-xs)}.pd-setup__drm-section{display:flex;flex-direction:column;gap:var(--sp-sm);padding-top:var(--sp-sm);border-top:1px solid var(--border)}.pd-setup__drm-header{display:flex;align-items:center;gap:var(--sp-md);flex-wrap:wrap}.pd-setup__drm-label{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--text);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0}.pd-setup__drm-label svg{width:13px;height:13px;color:var(--accent)}.pd-setup__drm-modes{display:flex;gap:4px}.pd-setup__drm-mode{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;padding:4px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-hi);background:var(--surface2);color:var(--text2);cursor:pointer;transition:all var(--dur);white-space:nowrap}.pd-setup__drm-mode svg{width:11px;height:11px}.pd-setup__drm-mode:hover{color:var(--text);border-color:var(--border-hi);background:var(--surface3)}.pd-setup__drm-mode--active{border-color:var(--accent-glow);color:var(--accent);background:var(--accent-dim)}.pd-setup__drm-mode--proxy{color:var(--text2)}.pd-setup__drm-mode--proxy svg{color:var(--cyan)}.pd-setup__drm-mode--proxy:hover{color:var(--cyan);border-color:var(--cyan-dim);background:var(--cyan-dim)}.pd-setup__drm-mode--proxy.pd-setup__drm-mode--active{border-color:var(--cyan-dim);color:var(--cyan);background:var(--cyan-dim)}.pd-setup__drm-mode--proxy.pd-setup__drm-mode--active svg{color:var(--cyan)}.pd-setup__drm-fields{display:flex;flex-direction:column;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-md);background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);animation:pd-reveal .18s ease}.pd-setup__drm-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-sm)}@media (max-width: 680px){.pd-setup__drm-row{grid-template-columns:1fr}}.pd-setup__sub-field{display:flex;flex-direction:column;gap:4px}.pd-setup__sub-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--text);letter-spacing:.03em}.pd-setup__sub-input{font-family:var(--font-ui);font-size:var(--text-sm);padding:var(--sp-xs) var(--sp-sm);background:var(--surface);border:1px solid var(--border-hi);color:var(--text);border-radius:var(--radius-sm);outline:none;transition:border-color var(--dur);width:100%}.pd-setup__sub-input::placeholder{color:var(--text3)}.pd-setup__sub-input:focus{border-color:var(--accent)}.pd-setup__sub-input--mono{font-family:var(--font-mono);letter-spacing:.04em}.pd-setup__sub-hint{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text2)}.pd-setup__proxy-fields{display:flex;flex-direction:column;gap:var(--sp-md);padding:var(--sp-md);background:var(--surface2);border:1px solid var(--cyan-dim);border-radius:var(--radius-md);animation:pd-reveal .18s ease}.pd-setup__proxy-how{display:flex;align-items:flex-start;gap:var(--sp-sm)}.pd-setup__proxy-step{flex:1;display:flex;gap:var(--sp-sm);align-items:flex-start;font-size:var(--text-xs);color:var(--text3);line-height:1.55;transition:color var(--dur)}.pd-setup__proxy-step strong{color:var(--text2);font-weight:600}.pd-setup__proxy-step--active{color:var(--text2)}.pd-setup__proxy-step--active strong{color:var(--text)}.pd-setup__proxy-arrow{font-size:var(--text-sm);color:var(--text3);padding-top:2px;flex-shrink:0}.pd-setup__step-num{width:20px;height:20px;border-radius:50%;background:var(--surface3);border:1px solid var(--border-hi);color:var(--text3);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;transition:all var(--dur)}.pd-setup__proxy-step--active .pd-setup__step-num{background:var(--cyan-dim);border-color:var(--cyan-dim);color:var(--cyan)}.pd-setup__peer-row{display:flex;flex-direction:column;gap:4px}.pd-setup__peer-input-wrap{display:flex;align-items:center;gap:var(--sp-sm);background:var(--surface);border:1px solid var(--border-hi);border-radius:var(--radius-sm);padding:0 var(--sp-xs) 0 0;transition:border-color var(--dur)}.pd-setup__peer-input-wrap .pd-setup__sub-input{border:none;background:none;flex:1;padding:var(--sp-xs) var(--sp-sm)}.pd-setup__peer-input-wrap .pd-setup__sub-input:focus{border:none;outline:none}.pd-setup__peer-input-wrap--connecting{border-color:var(--amber)}.pd-setup__peer-input-wrap--connected{border-color:var(--green)}.pd-setup__peer-input-wrap--error{border-color:var(--red)}.pd-setup__peer-input-wrap:focus-within{border-color:var(--accent)}.pd-setup__peer-input-wrap--connecting:focus-within{border-color:var(--amber)}.pd-setup__peer-input-wrap--connected:focus-within{border-color:var(--green)}.pd-setup__peer-input-wrap--error:focus-within{border-color:var(--red)}.pd-setup__footer-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-md);padding-top:var(--sp-xs);flex-wrap:wrap}.pd-setup__tv-btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--cyan);background:var(--cyan-dim);border:1px solid rgba(51,193,168,.3);border-radius:var(--radius-md);cursor:pointer;padding:7px 16px;transition:all var(--dur);white-space:nowrap;flex-shrink:0;letter-spacing:.02em}.pd-setup__tv-btn svg{width:14px;height:14px;flex-shrink:0}.pd-setup__tv-btn:hover{background:#33c1a833;border-color:var(--cyan);box-shadow:0 0 16px #33c1a826}.pd-setup__proxy-link{color:var(--cyan);text-decoration:none;font-weight:600;border-bottom:1px solid rgba(51,193,168,.3);transition:color var(--dur),border-color var(--dur)}.pd-setup__proxy-link:hover{border-color:#33c1a8b3}.pd-peer-connect-btn{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;padding:5px 13px;border-radius:var(--radius-sm);border:1px solid;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all var(--dur) var(--ease);letter-spacing:.02em}.pd-peer-connect-btn[disabled]{opacity:.35;cursor:not-allowed}.pd-peer-connect-btn--idle{background:var(--accent);border-color:var(--accent);color:#000}.pd-peer-connect-btn--idle:not([disabled]):hover{filter:brightness(1.1)}.pd-peer-connect-btn--connecting{background:var(--amber-dim);border-color:#f5c84259;color:var(--amber);cursor:default}.pd-peer-connect-btn--connected{background:var(--green-dim);border-color:#3dd68c59;color:var(--green)}.pd-peer-connect-btn--connected:not([disabled]):hover{background:var(--red-dim);border-color:#f0544f59;color:var(--red)}.pd-peer-connect-btn--error{background:var(--red-dim);border-color:#f0544f59;color:var(--red)}.pd-peer-connect-btn--error:not([disabled]):hover{filter:brightness(1.15)}.pd-peer-badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap;flex-shrink:0;transition:all var(--dur)}.pd-peer-badge__dot{width:5px;height:5px;border-radius:50%;background:currentColor;animation:pd-blink .9s ease-in-out infinite}.pd-peer-badge--idle{background:var(--surface3);color:var(--text3);border:1px solid var(--border)}.pd-peer-badge--connecting{background:var(--amber-dim);color:var(--amber);border:1px solid rgba(245,200,66,.25)}.pd-peer-badge--connected{background:var(--green-dim);color:var(--green);border:1px solid rgba(61,214,140,.25)}.pd-peer-badge--error{background:var(--red-dim);color:var(--red);border:1px solid rgba(240,84,79,.25)}.pd-setup__note{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text3)}@keyframes pd-reveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes pd-blink{0%,to{opacity:1}50%{opacity:.25}}.pd-setup__reconfig-banner{display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-md) var(--page-px);background:var(--accent-dim);border-bottom:1px solid var(--accent-glow);font-size:var(--text-sm);color:var(--text2)}.pd-setup__reconfig-banner svg{width:15px;height:15px;color:var(--accent);flex-shrink:0}.pd-setup__reconfig-banner span{flex:1}.pd-setup__reconfig-proxy-ok{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;color:var(--cyan);background:var(--cyan-dim);border:1px solid rgba(51,193,168,.25);border-radius:20px;padding:2px 10px;white-space:nowrap;flex:0!important}.pd-setup__headers-section{display:flex;flex-direction:column;gap:var(--sp-sm)}.pd-setup__headers-label{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.08em}.pd-setup__headers-label svg{width:13px;height:13px;color:var(--accent);flex-shrink:0}.pd-setup__headers-hint{font-size:var(--text-2xs);color:var(--text3);font-weight:400;text-transform:none;letter-spacing:0;font-family:var(--font-ui);margin-left:2px}.pd-setup__headers-count{font-size:var(--text-2xs);font-weight:700;background:var(--accent-dim);color:var(--accent);border-radius:10px;padding:1px 7px;letter-spacing:0;text-transform:none}.pd-setup__header-rows{display:flex;flex-direction:column;gap:var(--sp-xs)}.pd-setup__header-row{display:grid;grid-template-columns:1fr 1.5fr auto;gap:var(--sp-xs);align-items:center}.pd-setup__header-input{font-family:var(--font-mono);font-size:var(--text-xs);padding:6px 10px;background:var(--surface2);border:1px solid var(--border-hi);border-radius:var(--radius-sm);color:var(--text);outline:none;transition:border-color var(--dur);width:100%}.pd-setup__header-input::placeholder{color:var(--text3)}.pd-setup__header-input:focus{border-color:var(--accent)}.pd-setup__header-input--key{font-weight:600}.pd-setup__header-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text3);cursor:pointer;flex-shrink:0;transition:all var(--dur)}.pd-setup__header-remove svg{width:10px;height:10px}.pd-setup__header-remove:hover{color:var(--red);border-color:var(--red-dim);background:var(--red-dim)}.pd-setup__header-add{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;color:var(--text3);background:none;border:1px dashed var(--border-hi);border-radius:var(--radius-sm);padding:5px 12px;cursor:pointer;transition:all var(--dur);align-self:flex-start}.pd-setup__header-add svg{width:10px;height:10px}.pd-setup__header-add:hover{color:var(--accent);border-color:var(--accent-glow);background:var(--accent-dim)}.tv-setup{position:relative;z-index:1}.tv-setup:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hero-glow);pointer-events:none;z-index:0}.tv-setup>*{position:relative;z-index:1}.tv-setup__hero{text-align:center;padding:clamp(2rem,4vh,3.5rem) var(--page-px) var(--sp-lg)}.tv-setup__pill{display:inline-flex;align-items:center;gap:.5em;background:var(--cyan-dim);color:var(--cyan);border:1px solid rgba(51,193,168,.25);border-radius:99px;padding:.3em 1em;font-family:var(--font-mono);font-size:.78em;letter-spacing:.06em;margin-bottom:var(--sp-lg)}.tv-setup__pill-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan);animation:tv-blink 1.8s ease-in-out infinite;flex-shrink:0}.tv-setup__h1{font-size:var(--text-hero);font-weight:800;letter-spacing:-.04em;line-height:1.12;margin-bottom:var(--sp-md);color:var(--text)}.tv-setup__grad{background:linear-gradient(120deg,var(--cyan),var(--green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tv-setup__sub{font-size:.98em;color:var(--text2);max-width:44ch;margin:0 auto;line-height:1.7;font-weight:500}.tv-setup__url{font-family:var(--font-mono);font-size:.92em;color:var(--cyan);font-weight:600;font-style:normal}.tv-setup__card{background:var(--surface);border:1px solid var(--border-hi);border-radius:var(--radius-lg);margin:var(--sp-md) auto var(--sp-3xl);max-width:clamp(580px,48vw + 180px,820px);box-shadow:0 4px 32px #0003;overflow:hidden}.tv-setup__step{padding:var(--sp-md) var(--sp-lg);border-bottom:1px solid var(--border);opacity:.45;transition:opacity var(--dur) var(--ease)}.tv-setup__step--active,.tv-setup__step--done{opacity:1}.tv-setup__step--locked{pointer-events:none}.tv-setup__step--last{border-bottom:none}.tv-setup__step-head{display:flex;align-items:center;gap:var(--sp-sm);margin-bottom:0}.tv-setup__step--active .tv-setup__step-head,.tv-setup__step--done .tv-setup__step-head{margin-bottom:var(--sp-sm)}.tv-step-badge{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;background:var(--surface3);color:var(--text3);border:1px solid var(--border-hi);transition:all var(--dur)}.tv-step-badge--done{background:var(--green-dim);color:var(--green);border-color:#3dd68c4d}.tv-step-badge--locked{opacity:.5}.tv-setup__step-title{font-size:var(--text-sm);font-weight:700;flex:1}.tv-setup__step-optional{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text3);background:var(--surface3);border:1px solid var(--border);border-radius:4px;padding:1px 6px}.tv-setup__step-status{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;padding:2px 8px;border-radius:5px}.tv-setup__step-status--ok{background:var(--green-dim);color:var(--green);border:1px solid rgba(61,214,140,.25)}.tv-setup__step-body{display:flex;flex-direction:column;gap:var(--sp-sm);animation:tv-reveal .18s ease}.tv-setup__step-hint{font-size:var(--text-xs);color:var(--text2);line-height:1.6}.tv-setup__code{font-family:var(--font-mono);font-size:.95em;color:var(--cyan);font-weight:600;background:var(--cyan-dim);border-radius:var(--radius-sm);padding:1px 5px}.tv-setup__link{color:var(--cyan);text-decoration:none;font-weight:600;border-bottom:1px solid rgba(51,193,168,.3);transition:border-color var(--dur)}.tv-setup__link:hover{border-color:#33c1a8b3}.tv-setup__input-row{display:flex;align-items:center;gap:var(--sp-xs);background:var(--surface2);border:1px solid var(--border-hi);border-radius:var(--radius-md);padding:var(--sp-xs) var(--sp-xs) var(--sp-xs) var(--sp-md);transition:border-color var(--dur)}.tv-setup__input-row:focus-within{border-color:var(--accent)}.tv-setup__input-row--connecting{border-color:var(--amber)!important}.tv-setup__input-row--connected{border-color:var(--green)!important}.tv-setup__input-row--error{border-color:var(--red)!important}.tv-setup__input{flex:1;background:none;border:none;outline:none;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text);min-width:0}.tv-setup__input::placeholder{color:var(--text3)}.tv-setup__input--mono{font-family:var(--font-mono);font-size:var(--text-xs)}.tv-setup__input--sm{font-size:var(--text-xs)}.tv-setup__input:disabled{opacity:.5}.tv-setup__url-field{display:flex;align-items:center;gap:var(--sp-sm);background:var(--surface2);border:1px solid var(--border-hi);border-radius:var(--radius-md);padding:var(--sp-xs) var(--sp-md);transition:border-color var(--dur)}.tv-setup__url-field:focus-within{border-color:var(--accent)}.tv-setup__url-field--error{border-color:var(--red)}.tv-setup__url-icon{width:16px;height:16px;color:var(--text3);flex-shrink:0}.tv-setup__url-err{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--red);padding-left:var(--sp-xs)}.tv-setup__cert-field{display:flex;align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--sp-xs) var(--sp-md);transition:border-color var(--dur)}.tv-setup__cert-field:focus-within{border-color:var(--accent)}.tv-setup__toggle-row{display:flex;align-items:center;gap:var(--sp-md);cursor:pointer}.tv-setup__toggle-track{position:relative;width:34px;height:19px;flex-shrink:0;background:var(--surface3);border:1px solid var(--border-hi);border-radius:9.5px;transition:all .22s var(--ease);cursor:pointer}.tv-setup__toggle-track input{display:none}.tv-setup__toggle-track input:checked~.tv-setup__toggle-thumb{left:16px;background:var(--cyan)}input:checked+.tv-setup__toggle-track{background:var(--cyan-dim);border-color:#33c1a866}.tv-setup__toggle-thumb{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:var(--text3);transition:all .22s var(--ease);pointer-events:none}.tv-setup__toggle-label{font-size:var(--text-xs);color:var(--text2);line-height:1.5}.tv-setup__proxy-fields{display:flex;flex-direction:column;gap:var(--sp-sm);padding-top:var(--sp-sm);animation:tv-reveal .18s ease}.tv-setup__play-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-xl);background:var(--cyan);color:#000;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;transition:opacity .15s,transform .1s}.tv-setup__play-btn svg{width:11px;height:11px}.tv-setup__play-btn:hover{opacity:.88}.tv-setup__play-btn:active{transform:scale(.98)}.tv-setup__play-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.tv-connect-btn{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;padding:5px 13px;border-radius:var(--radius-sm);border:1px solid;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all var(--dur) var(--ease)}.tv-connect-btn[disabled]{opacity:.35;cursor:not-allowed}.tv-connect-btn__dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0;animation:tv-blink .9s ease-in-out infinite}.tv-connect-btn--idle{background:var(--accent);border-color:var(--accent);color:#000}.tv-connect-btn--idle:not([disabled]):hover{filter:brightness(1.1)}.tv-connect-btn--connecting{background:var(--amber-dim);border-color:#f5c84259;color:var(--amber);cursor:default}.tv-connect-btn--connected{background:var(--green-dim);border-color:#3dd68c59;color:var(--green)}.tv-connect-btn--connected:not([disabled]):hover{background:var(--red-dim);border-color:#f0544f59;color:var(--red)}.tv-connect-btn--error{background:var(--red-dim);border-color:#f0544f59;color:var(--red)}.tv-connect-btn--error:not([disabled]):hover{filter:brightness(1.15)}.tv-setup__footer{padding:var(--sp-md) var(--sp-lg);background:var(--surface2);border-top:1px solid var(--border)}.tv-setup__back{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;color:var(--text3);background:none;border:none;cursor:pointer;transition:color var(--dur)}.tv-setup__back:hover{color:var(--text2)}.tv-setup__drm-modes{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.tv-setup__drm-mode{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;border-radius:8px;font-size:var(--text-xs);font-weight:500;cursor:pointer;background:var(--surface-2, rgba(255, 255, 255, .04));border:1px solid var(--border);color:var(--text2);transition:all var(--dur)}.tv-setup__drm-mode:hover{color:var(--text);border-color:#ffffff26}.tv-setup__drm-mode--proxy.tv-setup__drm-mode--active{background:var(--cyan-dim);border-color:var(--cyan);color:var(--cyan)}.tv-setup__player-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.tv-setup__player-tabs{display:flex;gap:4px}.tv-setup__player-tab{padding:5px 14px;border-radius:8px;font-size:var(--text-xs);font-weight:500;cursor:pointer;background:var(--surface-2, rgba(255, 255, 255, .04));border:1px solid var(--border);color:var(--text2);transition:all var(--dur)}.tv-setup__player-tab:hover{color:var(--text);border-color:#ffffff26}.tv-setup__player-tab--active{background:#e8944a1f;border-color:var(--accent);color:var(--accent)}.tv-setup__version{background:var(--surface-2, rgba(255, 255, 255, .04));border:1px solid var(--border);color:var(--text2);border-radius:8px;padding:5px 10px;font-size:var(--text-xs);cursor:pointer}.tv-setup__version:focus{outline:none;border-color:var(--accent)}body[data-page=player-debugger] .tv-setup:before{background:radial-gradient(ellipse 65% 50% at 50% 0%,rgba(139,92,246,.08) 0%,rgba(51,193,168,.04) 50%,transparent 70%)}body[data-page=player-debugger] .tv-setup .tv-step-badge{background:#8b5cf61f;border-color:#8b5cf647;color:#a78bfa}body[data-page=player-debugger] .tv-setup .tv-step-badge--done{background:var(--green-dim);border-color:#3dd68c4d;color:var(--green)}body[data-page=player-debugger] .tv-setup .tv-setup__play-btn{background:#8b5cf6e6;color:#fff}body[data-page=player-debugger] .tv-setup .tv-setup__play-btn:hover:not(:disabled){background:#8b5cf6;opacity:1}.tv-setup__drm-row{display:flex;flex-direction:column;gap:var(--sp-sm)}.tv-setup__drm-modes{display:flex;gap:6px}.tv-setup__drm-mode{padding:5px 14px;border-radius:8px;font-size:var(--text-xs);font-weight:600;cursor:pointer;background:var(--surface-2, rgba(255, 255, 255, .04));border:1px solid var(--border);color:var(--text2);transition:all var(--dur)}.tv-setup__drm-mode:hover{color:var(--text);border-color:var(--border-hi)}.tv-setup__drm-mode--active{background:#e8944a1f;border-color:var(--accent);color:var(--accent)}.tv-setup__drm-fields{display:flex;flex-direction:column;gap:var(--sp-xs);padding:var(--sp-sm) var(--sp-md);background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);animation:tv-reveal .15s ease}@keyframes tv-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.tv-setup__headers-section{display:flex;flex-direction:column;gap:var(--sp-sm)}.tv-setup__headers-label{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.07em}.tv-setup__headers-label svg{width:13px;height:13px;color:var(--accent);flex-shrink:0}.tv-setup__headers-count{font-size:var(--text-2xs);font-weight:700;background:var(--accent-dim);color:var(--accent);border-radius:10px;padding:1px 7px;text-transform:none;letter-spacing:0}.tv-setup__header-rows{display:flex;flex-direction:column;gap:var(--sp-xs)}.tv-setup__header-row{display:grid;grid-template-columns:1fr 1.5fr auto;gap:var(--sp-xs);align-items:center}.tv-setup__header-input{font-family:var(--font-mono);font-size:var(--text-xs);padding:6px 10px;background:var(--surface2);border:1px solid var(--border-hi);border-radius:var(--radius-sm);color:var(--text);outline:none;transition:border-color var(--dur);width:100%}.tv-setup__header-input::placeholder{color:var(--text3)}.tv-setup__header-input:focus{border-color:var(--accent)}.tv-setup__header-input--key{font-weight:600}.tv-setup__header-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text3);cursor:pointer;flex-shrink:0;transition:all var(--dur)}.tv-setup__header-remove svg{width:10px;height:10px}.tv-setup__header-remove:hover{color:var(--red);border-color:var(--red-dim);background:var(--red-dim)}.tv-setup__header-add{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;color:var(--text3);background:none;border:1px dashed var(--border-hi);border-radius:var(--radius-sm);padding:5px 12px;cursor:pointer;transition:all var(--dur);align-self:flex-start}.tv-setup__header-add svg{width:10px;height:10px}.tv-setup__header-add:hover{color:var(--accent);border-color:var(--accent-glow);background:var(--accent-dim)}.player-view{display:flex;flex-direction:column}.player-view__video-wrap{background:#000;aspect-ratio:16/9;position:relative;overflow:hidden;width:100%}.player-view__video{width:100%;height:100%;display:block;object-fit:contain;background:#000}.player-view__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-sm);z-index:10}.player-view__overlay--buffering{background:#00000073}.player-view__overlay--error{background:#000000bf}.player-view__spinner{width:28px;height:28px;border:2px solid rgba(255,255,255,.12);border-top-color:var(--accent);border-radius:50%;animation:player-spin .75s linear infinite}.player-view__spinner--amber{border-top-color:var(--amber)}@keyframes player-spin{to{transform:rotate(360deg)}}.player-view__overlay-label{font-family:var(--font-mono);font-size:var(--text-xs);color:#fff9;text-align:center;max-width:240px;line-height:1.5}.player-view__overlay-label--amber{color:var(--amber)}.player-view__overlay-label--error{color:var(--red)}.player-view__error-icon{width:28px;height:28px;color:var(--red);margin-bottom:var(--sp-xs)}.player-view__controls{position:absolute;bottom:0;left:0;right:0;padding:var(--sp-sm) var(--sp-md) var(--sp-md);background:linear-gradient(transparent,#000c);z-index:5}.player-view__progress{height:2px;background:#ffffff26;border-radius:2px;margin-bottom:var(--sp-sm);position:relative}.player-view__progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--accent);border-radius:2px;transition:width .5s linear}.player-view__progress-head{position:absolute;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:var(--accent);transition:left .5s linear}.player-view__timecode{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--text-2xs);color:#ffffff73}.player-view__meta{display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-md);border-top:1px solid var(--border);background:var(--surface);flex-wrap:wrap;min-height:34px}.player-view__meta-item{display:flex;align-items:center;gap:4px}.player-view__meta-label{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text3)}.player-view__meta-value{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;color:var(--text2)}.player-view__meta-value--green{color:var(--green)}.player-view__meta-value--red{color:var(--red)}.player-view__meta-value--amber{color:var(--amber)}.player-view__meta-sep{color:var(--border-hi);-webkit-user-select:none;user-select:none}.player-view__bottom-bar{display:flex;align-items:center;gap:var(--sp-sm);padding:6px var(--sp-md);border-top:1px solid var(--border);background:var(--surface);min-height:38px}.player-view__playback-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.player-view__ctrl-btn{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border-hi);background:var(--surface2);color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--dur)}.player-view__ctrl-btn svg{width:12px;height:12px}.player-view__ctrl-btn:hover:not(:disabled){background:var(--surface3);color:var(--text);border-color:var(--border-hi)}.player-view__ctrl-btn:disabled{opacity:.35;cursor:not-allowed}.player-view__ctrl-btn--stop{color:var(--red);border-color:var(--red-dim)}.player-view__ctrl-btn--stop:hover:not(:disabled){background:var(--red-dim);color:var(--red)}.player-view__meta{display:flex;align-items:center;gap:var(--sp-sm);flex-wrap:wrap;flex:1}.player-view__seg-table{border-top:1px solid var(--border);max-height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-hi) transparent}.buffer-panel{padding:var(--sp-md);display:flex;flex-direction:column;overflow-y:auto;height:100%;scrollbar-width:thin;scrollbar-color:var(--border-hi) transparent}.buffer-panel__meter{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-sm) var(--sp-md);margin-bottom:var(--sp-md);display:flex;flex-direction:column;gap:var(--sp-sm)}.buffer-panel__metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-sm);margin-bottom:var(--sp-md)}.buffer-panel__info{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-xs) var(--sp-md);margin-bottom:var(--sp-md)}.buffer-row{display:flex;align-items:center;gap:var(--sp-sm)}.buffer-row__label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text3);width:36px;flex-shrink:0;text-align:right}.buffer-row__track{flex:1;height:5px;background:#ffffff0d;border-radius:3px;overflow:hidden}.buffer-row__fill{height:100%;border-radius:3px;transition:width .4s var(--ease)}.buffer-row__fill--green{background:var(--green)}.buffer-row__fill--amber{background:var(--amber)}.buffer-row__fill--cyan{background:var(--cyan)}.buffer-row__fill--red{background:var(--red)}.buffer-row__fill--muted{background:#ffffff1f}.buffer-row__val{font-family:var(--font-mono);font-size:var(--text-xs);width:30px;text-align:right;flex-shrink:0}.buffer-row__val--green{color:var(--green)}.buffer-row__val--amber{color:var(--amber)}.buffer-row__val--cyan{color:var(--cyan)}.buffer-row__val--red{color:var(--red)}.buffer-row__val--muted{color:var(--text3)}.info-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--border);font-size:var(--text-xs)}.info-row:last-child{border-bottom:none}.info-row__label{color:var(--text3);font-size:var(--text-xs)}.info-row__value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text2);text-align:right}.info-row__value--dimmed{color:var(--text3)}.abr-panel{padding:var(--sp-md);display:flex;flex-direction:column;overflow-y:auto;height:100%;scrollbar-width:thin;scrollbar-color:var(--border-hi) transparent}.abr-panel__block{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-sm) var(--sp-md);margin-bottom:var(--sp-md)}.abr-panel__bw-warning{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--red);margin-top:var(--sp-sm);padding-top:var(--sp-sm);border-top:1px solid var(--border)}.abr-switch{display:flex;align-items:flex-start;gap:var(--sp-sm);padding:var(--sp-sm) 0;border-bottom:1px solid var(--border)}.abr-switch:last-child{border-bottom:none}.abr-switch__time{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text3);width:32px;flex-shrink:0;padding-top:2px}.abr-switch__info{flex:1;display:flex;flex-direction:column;gap:2px}.abr-switch__change{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text)}.abr-switch__reason{font-size:var(--text-xs);color:var(--text3)}.pts-row{display:flex;align-items:center;gap:var(--sp-sm);margin-bottom:5px}.pts-row:last-child{margin-bottom:0}.pts-row__seg{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text3);width:32px;flex-shrink:0}.pts-row__track{flex:1;height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.pts-row__fill{height:100%;border-radius:3px}.pts-row__fill--ok{background:var(--green)}.pts-row__fill--warn{background:var(--amber)}.pts-row__fill--err{background:var(--red)}.pts-row__val{font-family:var(--font-mono);font-size:var(--text-xs);width:40px;text-align:right;flex-shrink:0}.pts-row__val--ok{color:var(--green)}.pts-row__val--warn{color:var(--amber)}.pts-row__val--err{color:var(--red)}.bw-row{display:flex;align-items:center;gap:var(--sp-sm);margin-bottom:6px}.bw-row:last-child{margin-bottom:0}.bw-row__label{font-size:var(--text-xs);color:var(--text3);width:90px;flex-shrink:0}.bw-row__track{flex:1;height:5px;background:#ffffff0d;border-radius:3px;overflow:hidden}.bw-row__fill{height:100%;border-radius:3px}.bw-row__fill--ok{background:var(--green)}.bw-row__fill--warn{background:var(--amber)}.bw-row__fill--err{background:var(--red)}.bw-row__fill--muted{background:var(--text3)}.bw-row__val{font-family:var(--font-mono);font-size:var(--text-xs);width:30px;text-align:right;flex-shrink:0}.bw-row__val--ok{color:var(--green)}.bw-row__val--warn{color:var(--amber)}.bw-row__val--err{color:var(--red)}.bw-row__val--muted{color:var(--text3)}.abr-panel__stall-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-xs)}.stall-metric--wide{grid-column:1/-1}.stall-metric{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--sp-xs) var(--sp-sm);display:flex;flex-direction:column;gap:2px}.stall-metric__label{font-family:var(--font-mono);font-size:.68em;text-transform:uppercase;letter-spacing:.06em;color:var(--text3)}.stall-metric__value{font-family:var(--font-mono);font-size:1.1em;font-weight:700;color:var(--text)}.stall-metric__unit{font-size:.75em;font-weight:400;color:var(--text3)}.stall-metric__hint{font-family:var(--font-mono);font-size:.68em;color:var(--amber);margin-top:2px;line-height:1.3}.abr-panel__empty{font-size:var(--text-xs);color:var(--text3);font-family:var(--font-mono)}.timeline-panel{padding:var(--sp-md);display:flex;flex-direction:column;overflow-y:auto;height:100%;scrollbar-width:thin;scrollbar-color:var(--border-hi) transparent}.timeline-panel__card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-sm) var(--sp-md);margin-bottom:var(--sp-md);overflow:visible;min-height:60px}.tl-svg{display:block;width:100%;height:auto;overflow:visible}.tl-rows{display:flex;flex-direction:column;gap:5px}.tl-row{display:flex;align-items:center;gap:var(--sp-sm)}.tl-row__label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text3);width:52px;flex-shrink:0;text-align:right}.tl-row__track{flex:1;height:13px;background:#ffffff0a;border-radius:3px;position:relative;overflow:hidden}.tl-seg{position:absolute;top:1px;height:11px;border-radius:2px}.tl-seg--ok{background:var(--green);opacity:.45}.tl-seg--gap{background:var(--red);opacity:.4}.tl-seg--manifest{background:#ffffff1a}.tl-stall{position:absolute;top:0;bottom:0;background:#f5c84224;border-left:1.5px solid var(--amber);z-index:2}.tl-gap{position:absolute;top:1px;height:11px;background:#f0544f33;border:1px solid rgba(240,84,79,.5);border-radius:2px;z-index:3}.tl-playhead{position:absolute;top:0;bottom:0;width:1.5px;background:var(--accent);z-index:5}.tl-legend{display:flex;gap:var(--sp-md);margin-top:var(--sp-sm);padding-top:var(--sp-sm);border-top:1px solid var(--border);flex-wrap:wrap}.tl-legend__item{display:flex;align-items:center;gap:5px;font-size:var(--text-xs);color:var(--text3)}.tl-legend__swatch{display:inline-block;flex-shrink:0}.tl-legend__swatch--stall{width:12px;height:4px;background:#f5c84240;border-left:2px solid var(--amber);border-radius:0}.tl-legend__swatch--gap{width:10px;height:8px;background:#f0544f33;border:1px solid rgba(240,84,79,.5);border-radius:1px}.tl-legend__swatch--playhead{width:2px;height:10px;background:var(--accent);border-radius:1px}.timeline-panel__empty{display:flex;align-items:center;justify-content:center;height:60px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text3)}.tl-seg--stall{background:var(--amber);opacity:.7}.tl-legend__swatch--ok{width:10px;height:8px;background:var(--green);opacity:.45;border-radius:1px}.tl-svg--buffer{height:96px}.tl-svg--fetch{height:110px}.session-log{padding:var(--sp-md);display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.session-log__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:0}.session-log__header .section-label{margin-bottom:var(--sp-sm);flex:1}.session-log__header-right{display:flex;align-items:center;gap:var(--sp-sm);flex-shrink:0;padding-top:2px}.session-log__count{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text3);margin-bottom:var(--sp-sm);flex-shrink:0}.session-log__list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:0;scrollbar-width:thin;scrollbar-color:var(--border-hi) transparent}.log-entry{display:flex;align-items:flex-start;gap:var(--sp-sm);padding:5px 0;border-bottom:1px solid var(--border);font-size:var(--text-xs)}.log-entry:last-child{border-bottom:none}.log-entry__ts{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text3);width:36px;flex-shrink:0;padding-top:2px}.log-entry__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:4px}.log-entry__msg{color:var(--text2);line-height:1.5}.log-entry--err .log-entry__dot{background:var(--red)}.log-entry--warn .log-entry__dot{background:var(--amber)}.log-entry--ok .log-entry__dot{background:var(--green)}.log-entry--info .log-entry__dot{background:var(--cyan)}.log-entry--err .log-entry__msg,.log-entry--warn .log-entry__msg{color:var(--text)}.session-log__empty{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text3);padding:var(--sp-lg) var(--sp-md);text-align:center}.session-log__copy-btn{display:flex;align-items:center;gap:4px;padding:3px 8px;font-size:var(--text-2xs);font-family:var(--font-ui);font-weight:600;color:var(--text3);background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:color .15s,border-color .15s,background .15s;white-space:nowrap}.session-log__copy-btn svg{width:11px;height:11px;flex-shrink:0}.session-log__copy-btn:hover{color:var(--text);border-color:var(--border-hi);background:var(--surface3, var(--surface2))}.session-log__copy-btn--copied{color:var(--green);border-color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent)}.tv-ctrl{display:flex;flex-direction:column;min-height:calc(100vh - var(--header-h) - 44px)}.tv-ctrl__bar{position:sticky;top:calc(var(--header-h) + 44px);z-index:50;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-sm);height:42px;padding:0 var(--page-px);background:var(--surface);border-bottom:1px solid var(--border)}.tv-ctrl__bar-left,.tv-ctrl__bar-right{display:flex;align-items:center;gap:var(--sp-sm)}.tv-ctrl__bar-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;color:var(--cyan);text-transform:uppercase}.tv-ctrl__bar-sep{width:1px;height:16px;background:var(--border);flex-shrink:0}.tv-ctrl__stream-name{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}.tv-ctrl__config-btn{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-hi);background:transparent;color:var(--text2);cursor:pointer;transition:color var(--dur),background var(--dur),border-color var(--dur)}.tv-ctrl__config-btn svg{width:12px;height:12px}.tv-ctrl__config-btn:hover{color:var(--text);background:var(--surface2)}.tv-ctrl__config-btn[aria-expanded=true]{border-color:var(--accent-glow);color:var(--accent);background:var(--accent-dim)}.tv-ctrl__stop-btn{font-size:var(--text-xs);font-weight:600;font-family:var(--font-ui);padding:4px 12px;border-radius:var(--radius-sm);border:1px solid var(--red-dim);background:transparent;color:var(--red);cursor:pointer;transition:background var(--dur)}.tv-ctrl__stop-btn:hover{background:var(--red-dim)}.tv-ctrl__config-panel{background:var(--surface);border-bottom:1px solid var(--border);padding:var(--sp-md) var(--page-px);animation:cfg-reveal .18s ease}@keyframes cfg-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.tv-ctrl__config-form{display:flex;flex-direction:column;gap:var(--sp-md);max-width:900px}.tv-ctrl__config-row{display:flex;align-items:center;gap:var(--sp-sm)}.tv-ctrl__config-tabs{display:flex;gap:3px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px}.tv-ctrl__config-tab{padding:5px 14px;font-size:var(--text-sm);font-weight:600;font-family:var(--font-ui);border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text3);cursor:pointer;transition:all var(--dur)}.tv-ctrl__config-tab:hover{color:var(--text);background:var(--surface3)}.tv-ctrl__config-tab--active{background:var(--surface);border-color:var(--border-hi);color:var(--text);box-shadow:0 1px 4px #00000026}.tv-ctrl__version{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--surface2);border:1px solid var(--border-hi);color:var(--text2);border-radius:var(--radius-sm);padding:6px 10px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:92px}.tv-ctrl__version:focus{border-color:var(--accent)}.tv-ctrl__config-url-row{display:flex;gap:var(--sp-sm);align-items:center;flex-wrap:wrap}.tv-ctrl__config-input{flex:1;min-width:200px;background:var(--surface2);border:1px solid var(--border-hi);border-radius:var(--radius-sm);padding:7px 12px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text);outline:none;transition:border-color var(--dur)}.tv-ctrl__config-input::placeholder{color:var(--text3)}.tv-ctrl__config-input:focus{border-color:var(--accent)}.tv-ctrl__reload-btn{display:inline-flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-lg);background:var(--cyan);color:#000;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;transition:opacity .15s;white-space:nowrap}.tv-ctrl__reload-btn svg{width:11px;height:11px}.tv-ctrl__reload-btn:hover{opacity:.88}.tv-ctrl__schema-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-md);padding-top:var(--sp-sm);border-top:1px solid var(--border)}.tv-ctrl__schema-section{display:flex;flex-direction:column;gap:var(--sp-sm)}.tv-ctrl__schema-head{display:flex;align-items:center;gap:var(--sp-sm);margin-bottom:var(--sp-xs)}.tv-ctrl__schema-name{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.07em}.tv-ctrl__schema-badge{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;padding:1px 6px;border-radius:4px;background:var(--surface3);color:var(--text3);border:1px solid var(--border)}.tv-ctrl__schema-badge--buffering{background:var(--amber-dim);color:var(--amber);border-color:#f5c84233}.tv-ctrl__schema-badge--abr{background:var(--accent-dim);color:var(--accent);border-color:var(--accent-glow)}.tv-ctrl__schema-badge--ll{background:var(--cyan-dim);color:var(--cyan);border-color:#33c1a833}.tv-ctrl__schema-badge--drm{background:var(--red-dim);color:var(--red);border-color:#f0544f33}.tv-ctrl__schema-fields{display:flex;flex-direction:column;gap:6px}.tv-ctrl__field{display:flex;flex-direction:column;gap:3px}.tv-ctrl__field-label{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;color:var(--text2)}.tv-ctrl__field-input,.tv-ctrl__field-select{background:var(--surface2);border:1px solid var(--border-hi);border-radius:var(--radius-sm);padding:4px 8px;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text);outline:none;transition:border-color var(--dur)}.tv-ctrl__field-input::placeholder,.tv-ctrl__field-select::placeholder{color:var(--text3)}.tv-ctrl__field-input:focus,.tv-ctrl__field-select:focus{border-color:var(--accent)}.tv-ctrl__field-hint{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text3)}.tv-ctrl__field-check{display:flex;align-items:center;gap:6px;cursor:pointer;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text2)}.tv-ctrl__checkbox{accent-color:var(--accent);width:13px;height:13px}.tv-ctrl__panels{flex:1;display:grid;grid-template-columns:260px 1fr 260px;min-height:0;height:calc(100vh - var(--header-h) - 44px - 44px)}@media (max-width: 1400px){.tv-ctrl__panels{grid-template-columns:220px 1fr 220px}}@media (max-width: 1000px){.tv-ctrl__panels{grid-template-columns:1fr 1fr;height:auto}}.tv-ctrl__panel-col{display:flex;flex-direction:column;border-right:1px solid var(--border);min-height:0;overflow:hidden}.tv-ctrl__panel-col--centre{border-right:1px solid var(--border)}.tv-ctrl__panel-col--right{border-right:none}@media (max-width: 1000px){.tv-ctrl__panel-col--right{grid-column:1/-1;border-right:none;border-top:1px solid var(--border)}}.tv-ctrl__panel-scroll{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-hi) transparent}.tv-ctrl__panel-scroll::-webkit-scrollbar{width:3px}.tv-ctrl__panel-scroll::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:2px}.tv-ctrl__status-card{flex-shrink:0;padding:var(--sp-md) var(--sp-md) 0;display:flex;flex-direction:column;gap:var(--sp-sm);border-bottom:1px solid var(--border);padding-bottom:var(--sp-md)}.tv-ctrl__screen-thumb{height:90px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:var(--sp-sm);transition:border-color .4s,box-shadow .4s}.tv-ctrl__screen-thumb svg{width:52px;height:auto;color:var(--text3);opacity:.35}.tv-ctrl__screen-thumb--live{border-color:#3dd68c40;box-shadow:0 0 16px #3dd68c0f}.tv-ctrl__screen-thumb--live svg{opacity:.7;color:var(--text2)}.tv-ctrl__screen-thumb--error{border-color:#f0544f33}.tv-ctrl__screen-thumb--error svg{opacity:1;color:var(--red)}.tv-ctrl__screen-icon--err{width:22px;height:22px;color:var(--red)}.tv-ctrl__status-strip{display:flex;flex-wrap:wrap;gap:var(--sp-xs)}.tv-ctrl__body,.tv-ctrl__screen-col,.tv-ctrl__metrics-col{display:none}.tv-ctrl__panel-col .buffer-panel,.tv-ctrl__panel-col .abr-panel,.tv-ctrl__panel-col .timeline-panel,.tv-ctrl__panel-col .session-log{padding:0}.tv-ctrl__panel-col .session-log__list{max-height:none}.tv-ctrl__screen{flex:1;max-height:260px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-sm);position:relative;overflow:hidden;transition:border-color .4s,box-shadow .4s}.tv-ctrl__screen--live{border-color:#3dd68c40;box-shadow:0 0 28px #3dd68c0f}.tv-ctrl__screen--error{border-color:#f0544f40}.tv-ctrl__tv-icon{width:72px;color:var(--text3);opacity:.4}.tv-ctrl__tv-icon svg{width:100%;height:auto}.tv-ctrl__tv-icon--dim{opacity:.2}.tv-ctrl__screen-label{font-size:var(--text-xs);font-weight:600;color:var(--text3)}.tv-ctrl__screen-label--live{color:var(--green)}.tv-ctrl__screen-label--err{color:var(--red)}.tv-ctrl__screen-buffering{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--amber);animation:tv-blink 1.2s ease-in-out infinite}@keyframes tv-blink{0%,to{opacity:1}50%{opacity:.3}}.tv-ctrl__screen-icon{width:28px;height:28px}.tv-ctrl__screen-icon--err{color:var(--red)}.tv-ctrl__spinner{width:18px;height:18px;border:2px solid var(--border-hi);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.tv-ctrl__info-strip{display:flex;flex-wrap:wrap;gap:var(--sp-xs)}.tv-info-chip{display:flex;align-items:center;gap:5px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 8px}.tv-info-chip--cyan{border-color:#33c1a840}.tv-info-chip__label{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text3);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tv-info-chip__value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text2)}.tv-info-chip--cyan .tv-info-chip__value{color:var(--cyan)}.tv-ctrl__metrics-col{display:flex;flex-direction:column;overflow:hidden}.tv-ctrl__metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--border)}@media (max-width: 1400px){.tv-ctrl__metrics-grid{grid-template-columns:repeat(2,1fr)}}.tv-metric-card{padding:var(--sp-md) var(--sp-lg);border-right:1px solid var(--border)}.tv-metric-card:last-child{border-right:none}@media (max-width: 1400px){.tv-metric-card:nth-child(2){border-right:none}.tv-metric-card:nth-child(3){border-top:1px solid var(--border)}}.tv-metric-card__label{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}.tv-metric-card__value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;letter-spacing:-.03em;color:var(--text)}.tv-ctrl__abr{border-bottom:1px solid var(--border);overflow:hidden}.tv-ctrl__panel-head{display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-md);background:var(--surface);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);border-bottom:1px solid var(--border)}.tv-ctrl__log-count{font-weight:400;color:var(--text3);background:var(--surface3);border:1px solid var(--border);border-radius:10px;padding:1px 7px;font-size:var(--text-2xs)}.tv-ctrl__abr-list{padding:var(--sp-xs) 0;overflow-y:auto;max-height:120px}.tv-ctrl__abr-row{display:flex;align-items:center;gap:var(--sp-sm);padding:3px var(--sp-md);font-family:var(--font-mono);font-size:var(--text-xs)}.tv-ctrl__abr-row:hover{background:var(--surface2)}.tv-ctrl__abr-time{color:var(--text3);flex-shrink:0;width:42px}.tv-ctrl__abr-dir{font-weight:700;flex-shrink:0}.tv-ctrl__abr-dir--up{color:var(--green)}.tv-ctrl__abr-dir--down{color:var(--amber)}.tv-ctrl__abr-val{color:var(--text2)}.tv-ctrl__log{flex:1;display:flex;flex-direction:column;min-height:0}.tv-ctrl__log-scroll{flex:1;overflow-y:auto;padding:3px 0}.tv-ctrl__log-scroll::-webkit-scrollbar{width:3px}.tv-ctrl__log-scroll::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:2px}.tv-ctrl__log-empty{padding:var(--sp-lg);text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text3)}.tv-ctrl__log-row{display:grid;grid-template-columns:62px 40px 1fr;gap:8px;align-items:baseline;padding:4px var(--sp-md);font-family:var(--font-mono);font-size:var(--text-xs)}.tv-ctrl__log-row:hover{background:var(--surface2)}.tv-ctrl__log-ts{color:var(--text3);white-space:nowrap}.tv-ctrl__log-lv{font-weight:700;white-space:nowrap}.tv-ctrl__log-lv--info{color:var(--text2)}.tv-ctrl__log-lv--ok{color:var(--green)}.tv-ctrl__log-lv--warn{color:var(--amber)}.tv-ctrl__log-lv--err{color:var(--red)}.tv-ctrl__log-msg{color:var(--text2);word-break:break-word;line-height:1.5}.tv-status-pill{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;padding:3px 9px;border-radius:20px;white-space:nowrap}.tv-status-pill--connecting{background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-glow)}.tv-status-pill--live{background:var(--green-dim);color:var(--green);border:1px solid rgba(61,214,140,.25)}.tv-status-pill--buffering{background:var(--amber-dim);color:var(--amber);border:1px solid rgba(245,200,66,.25)}.tv-status-pill--error{background:var(--red-dim);color:var(--red);border:1px solid rgba(240,84,79,.25)}.tv-ctrl__config-drm-row{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid var(--border)}.tv-ctrl__config-drm-modes{display:flex;gap:6px;flex-wrap:wrap}.tv-ctrl__config-drm-mode{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:7px;font-size:var(--text-xs);font-weight:500;cursor:pointer;background:#ffffff08;border:1px solid var(--border);color:var(--text2);transition:all var(--dur)}.tv-ctrl__config-drm-mode:hover{color:var(--text);border-color:#ffffff1f}.tv-ctrl__config-drm-mode--active{background:#e8944a1f;border-color:var(--accent);color:var(--accent)}.tv-ctrl .tv-ctrl__bar{border-top:2px solid rgba(139,92,246,.4)}.tv-ctrl .tv-ctrl__bar-label{color:#a78bfa}.tv-ctrl .tv-status-pill--connecting{background:#8b5cf624;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.tv-ctrl .tv-ctrl__screen--live{border-color:#8b5cf659;box-shadow:0 0 0 1px #8b5cf626,0 0 32px #8b5cf614}.tv-ctrl .tv-ctrl__tv-icon svg{color:#a78bfa}.tv-ctrl .tv-ctrl__spinner{border-top-color:#a78bfa}.tv-ctrl .tv-ctrl__panel-head{border-left:2px solid rgba(139,92,246,.3);padding-left:calc(var(--sp-md) - 2px)}.tv-ctrl .tv-ctrl__config-btn[aria-expanded=true]{border-color:#8b5cf666;color:#a78bfa;background:#8b5cf61a}.tv-ctrl .tv-info-chip--cyan{background:#8b5cf61a;border-color:#8b5cf640;color:#a78bfa}.tv-ctrl .tv-metric-card__value{color:var(--text)}.diagnostics-panel{padding:var(--sp-md);display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.diagnostics-panel__issues{display:flex;flex-direction:column;gap:var(--sp-sm);overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--border-hi) transparent;padding-right:2px}.diagnostics-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-md);flex-shrink:0}.diagnostics-panel__summary{display:flex;gap:var(--sp-sm);margin-bottom:0}.issue-card{background:var(--surface2);border:1px solid var(--border);border-left:3px solid transparent;border-radius:var(--radius-md);padding:var(--sp-sm) var(--sp-md)}.issue-card--err{border-left-color:var(--red)}.issue-card--warn{border-left-color:var(--amber)}.issue-card--ok{border-left-color:var(--green)}.issue-card--info{border-left-color:var(--cyan)}.issue-card__source{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.issue-card__title{font-size:var(--text-sm);font-weight:600;color:var(--text);margin-bottom:4px;line-height:1.3}.issue-card__body{font-size:var(--text-xs);color:var(--text2);line-height:1.6}.issue-card__tags{display:flex;gap:var(--sp-xs);margin-top:var(--sp-sm);flex-wrap:wrap}.diagnostics-panel__waiting{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text3)}.diagnostics-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-xl) var(--sp-md);text-align:center;gap:var(--sp-sm)}.diagnostics-panel__empty svg{width:28px;height:28px;color:var(--text3);margin-bottom:var(--sp-xs)}.diagnostics-panel__empty p{font-size:var(--text-xs);color:var(--text3);line-height:1.6;max-width:260px}.diag-copy-btn{display:flex;align-items:center;gap:4px;padding:3px 8px;font-size:var(--text-2xs);font-family:var(--font-ui);font-weight:600;color:var(--text3);background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;transition:color .15s,border-color .15s;white-space:nowrap}.diag-copy-btn svg{width:11px;height:11px;flex-shrink:0}.diag-copy-btn:hover{color:var(--text);border-color:var(--border-hi)}.diag-copy-btn--copied{color:var(--green);border-color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent)}.debugger-page{display:flex;flex-direction:column;min-height:calc(100vh - var(--header-h));position:relative;z-index:1}.debugger-page__body{flex:1;display:flex;flex-direction:column}.debugger-page__setup{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--sp-xl) var(--page-px)}.debugger-page__active{display:flex;flex-direction:column;flex:1}.debugger-page__top-row{display:grid;grid-template-columns:260px 1fr 260px;border-bottom:1px solid var(--border);align-items:stretch}@media (max-width: 1400px){.debugger-page__top-row{grid-template-columns:220px 1fr 220px}}@media (max-width: 1000px){.debugger-page__top-row{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.debugger-page__top-row .debugger-page__video-col{grid-column:1/-1;grid-row:1}.debugger-page__top-row .debugger-page__side-panel--left{grid-row:2;grid-column:1}.debugger-page__top-row .debugger-page__side-panel--right{grid-row:2;grid-column:2}}.debugger-page__side-panel{border-right:1px solid var(--border);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-hi) transparent}.debugger-page__side-panel--right{border-right:none;border-left:1px solid var(--border)}.debugger-page__video-col{display:flex;flex-direction:column;min-width:0}.debugger-page__bottom-row{display:grid;grid-template-columns:repeat(3,1fr);height:clamp(420px,44vh,580px);flex-shrink:0}@media (max-width: 1000px){.debugger-page__bottom-row{grid-template-columns:1fr 1fr;height:auto}}@media (max-width: 680px){.debugger-page__bottom-row{grid-template-columns:1fr}}.debugger-page__diag-col{display:flex;flex-direction:column;border-right:1px solid var(--border);overflow:hidden;min-height:0}.debugger-page__diag-col:last-child{border-right:none}.debugger-page__diag-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-sm) var(--sp-md);border-bottom:1px solid var(--border);border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.debugger-page__diag-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin:0;line-height:inherit}.debugger-page__diag-badge{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;padding:2px 7px;border-radius:10px;background:var(--surface3);color:var(--text3);border:1px solid var(--border)}.debugger-page__diag-badge--err{background:var(--red-dim);color:var(--red)}.debugger-page__diag-badge--warn{background:var(--amber-dim);color:var(--amber)}.top-panel--debugger{background:var(--bg);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.top-panel--debugger .debugger-page__setup{padding:0}body[data-page=player-debugger] .top-panel--debugger:before{background:radial-gradient(ellipse 65% 50% at 50% 0%,rgba(51,193,168,.09) 0%,rgba(79,126,248,.05) 40%,transparent 70%)}body[data-page=player-debugger] .debugger-toolbar{border-top:2px solid rgba(51,193,168,.35);border-bottom:1px solid var(--border)}body[data-page=player-debugger] .debugger-toolbar__label{color:var(--cyan)}body[data-page=player-debugger] .debugger-toolbar__stream-badge--active{background:#33c1a817;border-color:#33c1a847;color:var(--cyan)}body[data-page=player-debugger] .pd-setup__pill{background:#33c1a81a;border-color:#33c1a840;color:var(--cyan)}body[data-page=player-debugger] .pd-setup__grad-1{background:linear-gradient(120deg,var(--cyan),#4f7ef8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}body[data-page=player-debugger] .debugger-page__diag-header{border-left:2px solid rgba(51,193,168,.25)}:root{--ease: cubic-bezier(.4, 0, .2, 1);--dur: .28s;--font-ui: "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--sp-xs: clamp(.25rem, .19rem + .094vw, .35rem);--sp-sm: clamp(.5rem, .38rem + .188vw, .7rem);--sp-md: clamp(.7rem, .53rem + .266vw, 1rem);--sp-lg: clamp(1rem, .75rem + .391vw, 1.5rem);--sp-xl: clamp(1.25rem, .94rem + .484vw, 1.875rem);--sp-2xl: clamp(1.5rem, 1.13rem + .578vw, 2.25rem);--sp-3xl: clamp(2rem, 1.5rem + .781vw, 3rem);--page-px: clamp(1.5rem, .56rem + 1.469vw, 3rem);--header-h: clamp(58px, 51.25px + 1.055vw, 68px);--text-2xs: .7em;--text-xs: .75em;--text-sm: .82em;--text-base: .9em;--text-md: .95em;--text-lg: 1.05em;--text-xl: 1.15em;--text-2xl: 1.35em;--text-hero: clamp(1.9rem, 1.2rem + 1.094vw, 3.2rem);--radius-sm: 6px;--radius-md: 9px;--radius-lg: clamp(10px, 8px + .313vw, 14px)}[data-palette=zinc][data-mode=dark]{--bg: #0e0e0e;--surface: #161616;--surface2: #1e1e1e;--surface3: #272727;--border: rgba(255,255,255,.07);--border-hi: rgba(255,255,255,.13);--text: #f0ede8;--text2: #8a8480;--text3: #4a4642;--accent: #e8944a;--accent-dim: rgba(232,148,74,.14);--accent-glow: rgba(232,148,74,.28);--green: #3dd68c;--green-dim: rgba(61,214,140,.13);--amber: #f5c842;--amber-dim: rgba(245,200,66,.13);--red: #f0544f;--red-dim: rgba(240,84,79,.13);--cyan: #33c1a8;--cyan-dim: rgba(51,193,168,.13);--header-bg: rgba(14,14,14,.88);--grid: rgba(255,255,255,.025);--xml-tag: #e8944a;--xml-attr: #f5c842;--xml-val: #3dd68c;--xml-str: #33c1a8;--xml-cmt: #4a4642;--hero-glow: radial-gradient(ellipse 65% 45% at 50% 0%, rgba(232,148,74,.1) 0%, transparent 68%)}[data-palette=zinc][data-mode=light]{--bg: #f7f5f2;--surface: #ffffff;--surface2: #f0ede8;--surface3: #e8e4de;--border: rgba(0,0,0,.08);--border-hi: rgba(0,0,0,.14);--text: #1a1714;--text2: #5a5450;--text3: #a09a94;--accent: #c8641a;--accent-dim: rgba(200,100,26,.1);--accent-glow: rgba(200,100,26,.22);--green: #1a8c55;--green-dim: rgba(26,140,85,.1);--amber: #b5860d;--amber-dim: rgba(181,134,13,.1);--red: #c8322e;--red-dim: rgba(200,50,46,.1);--cyan: #1a8a78;--cyan-dim: rgba(26,138,120,.1);--header-bg: rgba(247,245,242,.92);--grid: rgba(0,0,0,.03);--xml-tag: #c8641a;--xml-attr: #966000;--xml-val: #1a7a48;--xml-str: #1a7a6e;--xml-cmt: #a09a94;--hero-glow: radial-gradient(ellipse 65% 45% at 50% 0%, rgba(200,100,26,.08) 0%, transparent 68%)}[data-palette=slate][data-mode=dark]{--bg: #09090f;--surface: #0f1018;--surface2: #151621;--surface3: #1c1e2d;--border: rgba(255,255,255,.06);--border-hi: rgba(255,255,255,.12);--text: #dde1f0;--text2: #7e8499;--text3: #454960;--accent: #4f7ef8;--accent-dim: rgba(79,126,248,.18);--accent-glow: rgba(79,126,248,.3);--green: #2dd4a0;--green-dim: rgba(45,212,160,.14);--amber: #f5a623;--amber-dim: rgba(245,166,35,.14);--red: #f05252;--red-dim: rgba(240,82,82,.14);--cyan: #38bdf8;--cyan-dim: rgba(56,189,248,.13);--header-bg: rgba(9,9,15,.82);--grid: rgba(255,255,255,.022);--xml-tag: #a78bfa;--xml-attr: #f5a623;--xml-val: #2dd4a0;--xml-str: #38bdf8;--xml-cmt: #454960;--hero-glow: radial-gradient(ellipse 65% 45% at 50% 0%, rgba(79,126,248,.12) 0%, transparent 68%)}[data-palette=slate][data-mode=light]{--bg: #f2f3f8;--surface: #ffffff;--surface2: #eaedf5;--surface3: #e2e5f0;--border: rgba(0,0,0,.07);--border-hi: rgba(0,0,0,.13);--text: #111320;--text2: #525878;--text3: #9196b0;--accent: #2563eb;--accent-dim: rgba(37,99,235,.1);--accent-glow: rgba(37,99,235,.22);--green: #059669;--green-dim: rgba(5,150,105,.1);--amber: #d97706;--amber-dim: rgba(217,119,6,.1);--red: #dc2626;--red-dim: rgba(220,38,38,.1);--cyan: #0284c7;--cyan-dim: rgba(2,132,199,.1);--header-bg: rgba(242,243,248,.88);--grid: rgba(0,0,0,.032);--xml-tag: #7c3aed;--xml-attr: #b45309;--xml-val: #065f46;--xml-str: #0369a1;--xml-cmt: #9196b0;--hero-glow: radial-gradient(ellipse 65% 45% at 50% 0%, rgba(37,99,235,.08) 0%, transparent 68%)}[data-palette=terminal][data-mode=dark]{--bg: #000000;--surface: #0a0a0a;--surface2: #111111;--surface3: #1a1a1a;--border: rgba(0,255,180,.1);--border-hi: rgba(0,255,180,.2);--text: #e0ffe8;--text2: #5a8a70;--text3: #2a4a38;--accent: #00ffaa;--accent-dim: rgba(0,255,170,.1);--accent-glow: rgba(0,255,170,.25);--green: #00ffaa;--green-dim: rgba(0,255,170,.1);--amber: #ffe066;--amber-dim: rgba(255,224,102,.12);--red: #ff4466;--red-dim: rgba(255,68,102,.12);--cyan: #00e5ff;--cyan-dim: rgba(0,229,255,.1);--header-bg: rgba(0,0,0,.92);--grid: rgba(0,255,170,.04);--xml-tag: #00ffaa;--xml-attr: #ffe066;--xml-val: #00e5ff;--xml-str: #80ffcc;--xml-cmt: #2a4a38;--hero-glow: radial-gradient(ellipse 65% 45% at 50% 0%, rgba(0,255,170,.08) 0%, transparent 68%)}[data-palette=terminal][data-mode=light]{--bg: #f0faf5;--surface: #ffffff;--surface2: #e4f5ec;--surface3: #d4eddf;--border: rgba(0,0,0,.07);--border-hi: rgba(0,0,0,.13);--text: #0a1f14;--text2: #3a6a50;--text3: #80aa90;--accent: #008855;--accent-dim: rgba(0,136,85,.1);--accent-glow: rgba(0,136,85,.22);--green: #006644;--green-dim: rgba(0,102,68,.1);--amber: #806000;--amber-dim: rgba(128,96,0,.1);--red: #aa2233;--red-dim: rgba(170,34,51,.1);--cyan: #007a88;--cyan-dim: rgba(0,122,136,.1);--header-bg: rgba(240,250,245,.92);--grid: rgba(0,0,0,.03);--xml-tag: #007a50;--xml-attr: #806000;--xml-val: #006644;--xml-str: #007a88;--xml-cmt: #80aa90;--hero-glow: radial-gradient(ellipse 65% 45% at 50% 0%, rgba(0,136,85,.08) 0%, transparent 68%)}[data-palette=warm][data-mode=dark]{--bg: #100c0c;--surface: #1a1212;--surface2: #221818;--surface3: #2c2020;--border: rgba(255,255,255,.07);--border-hi: rgba(255,255,255,.12);--text: #f5ecea;--text2: #8a7a78;--text3: #4a3a38;--accent: #e84040;--accent-dim: rgba(232,64,64,.15);--accent-glow: rgba(232,64,64,.28);--green: #4cbb8a;--green-dim: rgba(76,187,138,.13);--amber: #f5a832;--amber-dim: rgba(245,168,50,.13);--red: #e84040;--red-dim: rgba(232,64,64,.15);--cyan: #40b8c8;--cyan-dim: rgba(64,184,200,.13);--header-bg: rgba(16,12,12,.88);--grid: rgba(255,255,255,.025);--xml-tag: #e84040;--xml-attr: #f5a832;--xml-val: #4cbb8a;--xml-str: #40b8c8;--xml-cmt: #4a3a38;--hero-glow: radial-gradient(ellipse 65% 45% at 50% 0%, rgba(232,64,64,.1) 0%, transparent 68%)}[data-palette=warm][data-mode=light]{--bg: #fdf6f0;--surface: #ffffff;--surface2: #f8ede8;--surface3: #f0e0d8;--border: rgba(0,0,0,.08);--border-hi: rgba(0,0,0,.14);--text: #1e0e0a;--text2: #60403a;--text3: #a08880;--accent: #c42020;--accent-dim: rgba(196,32,32,.1);--accent-glow: rgba(196,32,32,.22);--green: #2a7a55;--green-dim: rgba(42,122,85,.1);--amber: #a06010;--amber-dim: rgba(160,96,16,.1);--red: #c42020;--red-dim: rgba(196,32,32,.1);--cyan: #1a7a88;--cyan-dim: rgba(26,122,136,.1);--header-bg: rgba(253,246,240,.92);--grid: rgba(0,0,0,.03);--xml-tag: #c42020;--xml-attr: #a06010;--xml-val: #2a7a55;--xml-str: #1a7a88;--xml-cmt: #a08880;--hero-glow: radial-gradient(ellipse 65% 45% at 50% 0%, rgba(196,32,32,.08) 0%, transparent 68%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;transition:background var(--dur) var(--ease),color var(--dur) var(--ease);font-size:clamp(15px,13.75px + .195vw,17px)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--grid) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:2px}ul{list-style:none}a{text-decoration:none}button{cursor:pointer;font-family:var(--font-ui)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{0%{width:62%}to{width:78%}}@keyframes flashRing{0%{box-shadow:0 0 0 0 var(--flash-color)}40%{box-shadow:0 0 0 4px var(--flash-color)}to{box-shadow:0 0 0 0 var(--flash-color)}}.spinning{animation:spin .75s linear infinite;transform-origin:center}.fade-up{animation:fadeUp .6s ease both}