*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-from:#0f172a;--bg-to:#1e293b;--text:#e2e8f0;--text-muted:#94a3b8;--text-dim:#64748b;--text-bright:#f1f5f9;--surface:#1e293bcc;--surface-2:#0f172a99;--border:#94a3b826;--accent-from:#3b82f6;--accent-to:#6366f1;--accent:#3b82f6;--accent-muted:#3b82f626;--green:#22c55e;--yellow:#eab308;--red:#ef4444;--purple:#a855f7;--radius:16px;--radius-sm:8px;--radius-xs:6px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}body{font-family:var(--font-sans);background:linear-gradient(135deg, var(--bg-from) 0%, var(--bg-to) 100%);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{max-width:1400px;margin:0 auto;padding:24px}.app__header{text-align:center;margin-bottom:24px}.app__header h1{color:var(--text-bright);letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.app__header p{color:var(--text-muted);margin-top:4px;font-size:.9rem}.app__content{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.app__col{flex-direction:column;gap:16px;min-width:0;display:flex}@media (width<=1100px){.app__content{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.panel__header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.panel__header:hover{background:#94a3b80d}.panel__title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.8rem;font-weight:600}.panel__count{color:var(--text-dim)}.panel__toggle{color:var(--text-dim);flex-shrink:0;transition:transform .2s}.panel__toggle--open{transform:rotate(180deg)}.panel__body{padding:0 20px 20px}.url-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap;gap:12px;padding:16px 20px;display:flex}.url-form__input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:200px;color:var(--text);font-family:var(--font-mono);outline:none;flex:1;padding:10px 16px;font-size:.875rem}.url-form__input:focus{border-color:var(--accent)}.url-form__button{background:linear-gradient(135deg, var(--accent-from), var(--accent-to));color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 24px;font-size:.875rem;font-weight:600}.url-form__button:hover{opacity:.9}.url-form__button:disabled{opacity:.5;cursor:not-allowed}.url-form__button--ghost{background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.url-form__row{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.url-form__hint{color:var(--text-dim);font-size:.75rem}.url-form__samples{flex-wrap:wrap;gap:6px;display:flex}.url-form__sample{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;padding:4px 8px;font-size:.7rem}.url-form__sample:hover{color:var(--text);border-color:var(--accent)}.error-banner{color:#fca5a5;border-radius:var(--radius-sm);background:#ef44441a;border:1px solid #ef444466;padding:10px 16px;font-size:.85rem}.warn-banner{color:#fde68a;border-radius:var(--radius-sm);background:#eab3081a;border:1px solid #eab30866;padding:10px 16px;font-size:.85rem}.player{border-radius:var(--radius);background:#000;position:relative;overflow:hidden}.player__inner{aspect-ratio:16/9;background:#000;position:relative}.player__inner video{background:#000;width:100%;height:100%;display:block}.player__ad-container{z-index:1;pointer-events:none;position:absolute;inset:0}.player__ad-container *{pointer-events:none}.player__ad-container.is-ad-active,.player__ad-container.is-ad-active *{pointer-events:auto}.player__controls{background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.player__controls button{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;padding:6px 12px;font-size:.8rem}.player__controls button:hover{border-color:var(--accent)}.player__controls label{color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;display:inline-flex}.player__controls input[type=text]{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);font-family:var(--font-mono);flex:1;min-width:220px;padding:4px 8px;font-size:.75rem}.player__controls select{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:4px 8px;font-size:.75rem}.player__status{color:var(--text-dim);font-size:.7rem;font-family:var(--font-mono);margin-left:auto}.player__controls label input[type=checkbox]{vertical-align:middle}.player__help{background:var(--surface-2);border-top:1px solid var(--border);color:var(--text-muted);padding:8px 14px;font-size:.78rem}.player__help summary{cursor:pointer;color:var(--text);font-size:.75rem;font-weight:600}.player__help ul{flex-direction:column;gap:4px;margin:8px 0 4px 20px;display:flex}.player__help code{font-family:var(--font-mono);background:#94a3b81a;border-radius:3px;padding:1px 4px;font-size:.72rem}.player__help b{color:var(--text-bright)}.tag-info{flex-direction:column;gap:12px;display:flex}.tag-info__row{flex-wrap:wrap;gap:8px;display:flex}.tag-info__pill{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);font-size:.72rem;font-family:var(--font-mono);border-radius:999px;padding:4px 10px}.tag-info__pill strong{color:var(--text-bright);margin-right:4px}.tag-info__pill--vast{color:#93c5fd;border-color:#3b82f680}.tag-info__pill--vmap{color:#d8b4fe;border-color:#a855f780}.tag-info__pill--err{color:#fca5a5;border-color:#ef444480}.tag-info__ad{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px}.tag-info__ad-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.tag-info__ad-title{color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.tag-info__ad-kind{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.tag-info__ad-kind--inline{color:#86efac;background:#22c55e26}.tag-info__ad-kind--wrapper{color:#d8b4fe;background:#a855f726}.tag-info__ad-meta{grid-template-columns:max-content 1fr;gap:2px 12px;font-size:.75rem;display:grid}.tag-info__ad-meta dt{color:var(--text-dim);font-family:var(--font-mono)}.tag-info__ad-meta dd{color:var(--text);word-break:break-all}.tbl{border-collapse:collapse;width:100%;font-size:.78rem}.tbl th,.tbl td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:6px 8px}.tbl th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:#0f172ae6;font-size:.7rem;font-weight:600;position:sticky;top:0}.tbl tr:hover td{background:#94a3b80a}.tbl td.mono,.tbl td .mono{font-family:var(--font-mono);font-size:.72rem}.tbl-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);max-height:380px;overflow:auto}.tbl-empty{color:var(--text-dim);text-align:center;padding:16px;font-size:.8rem}.url-cell{text-overflow:ellipsis;white-space:nowrap;max-width:360px;overflow:hidden}.url-cell a{font-family:var(--font-mono);font-size:.72rem}.evlog__bar{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.evlog__bar input[type=text]{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);flex:1;min-width:120px;padding:6px 10px;font-size:.8rem}.evlog__bar button{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;padding:6px 10px;font-size:.75rem}.evlog__bar button.is-active{border-color:var(--accent);color:var(--text-bright);background:var(--accent-muted)}.evlog__list{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);max-height:420px;font-family:var(--font-mono);font-size:.72rem;overflow:auto}.evlog__row{border-bottom:1px solid #94a3b80d;grid-template-columns:70px 60px 1fr;align-items:start;gap:8px;padding:4px 10px;display:grid}.evlog__row:hover{background:#94a3b80a}.evlog__time{color:var(--text-dim)}.evlog__src{text-transform:uppercase;text-align:center;border-radius:3px;height:fit-content;padding:1px 4px;font-size:.65rem;font-weight:700}.evlog__src--player{color:#93c5fd;background:#3b82f633}.evlog__src--ad{color:#d8b4fe;background:#a855f733}.evlog__src--hls{color:#86efac;background:#22c55e33}.evlog__src--system{color:#cbd5e1;background:#94a3b833}.evlog__name{color:var(--text-bright)}.evlog__payload{color:var(--text-muted);word-break:break-word;white-space:pre-wrap;font-size:.7rem}.evlog__expand{color:var(--accent);cursor:pointer;-webkit-user-select:none;user-select:none}.tree{font-family:var(--font-mono);max-height:480px;padding:8px 0;font-size:.75rem;overflow:auto}.tree__node{padding-left:16px}.tree__line{align-items:baseline;gap:6px;padding:1px 0;display:flex}.tree__caret{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;width:12px;display:inline-block}.tree__tag{color:#93c5fd}.tree__attr{color:#fde68a}.tree__eq{color:var(--text-dim)}.tree__val{color:#86efac}.tree__text{color:var(--text);word-break:break-all;margin-left:18px}.copy-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;padding:2px 8px;font-size:.7rem}.copy-btn:hover{color:var(--text);border-color:var(--accent)}.notice{color:var(--text-muted);background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--border);padding:12px 16px;font-size:.85rem}.wsc-validations{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.wsc-validations__row{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.wsc-validations__row--fail{border-color:#ef444480}.wsc-validations__row--pass{border-color:#22c55e66}.wsc-validations__badge{font-family:var(--font-mono);letter-spacing:.05em;border-radius:999px;flex-shrink:0;margin-top:2px;padding:3px 8px;font-size:.68rem;font-weight:700}.wsc-validations__badge--pass{color:#86efac;background:#22c55e26;border:1px solid #22c55e66}.wsc-validations__badge--fail{color:#fca5a5;background:#ef444426;border:1px solid #ef444480}.wsc-validations__badge--na{background:var(--surface);color:var(--text-dim);border:1px solid var(--border)}.wsc-validations__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.wsc-validations__label{color:var(--text-bright);font-size:.85rem;font-weight:600}.wsc-validations__desc{color:var(--text-muted);font-size:.78rem}.wsc-validations__details{color:var(--text-dim);font-size:.75rem;font-family:var(--font-mono);margin-top:2px}