:root{font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:#6f5f4a;background:#f4e6c8;line-height:1.65;--paper:#fffaf0;--soft:#f3e9d2;--line:#dcc9a3;--accent:#8a624a;--teal:#52796f}*{box-sizing:border-box}body{margin:0}main{max-width:1220px;padding:34px 22px;margin:auto}.hero{margin-bottom:26px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--accent)}h1{font-size:clamp(27px,4vw,40px);font-weight:650;letter-spacing:-1px;line-height:1.35;margin:13px 0}h2{font-size:18px;margin:0 0 14px}.hero p{margin:0;color:var(--accent)}.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:18px;box-shadow:0 8px 24px #6f5f4a0c;min-width:0}.section-top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:15px}.section-top h2{margin:0}.badge{background:var(--soft);border:1px solid var(--line);font-size:11px;letter-spacing:1px;padding:4px 9px;border-radius:5px}.local{font-size:12px;color:var(--teal)}.drop{padding:28px 16px;border:1px dashed #b99c6d;border-radius:10px;text-align:center;background:#fdf7e9}.drop.dragging{background:#efe3cb;border:2px solid var(--accent)}.drop svg{width:48px;height:48px;fill:none;stroke:var(--accent);stroke-width:2}.drop p{margin:4px;font-size:13px}.drop .drop-title{font-size:20px;font-weight:600;margin-top:8px}.pick{display:inline-block;position:relative;overflow:hidden;margin:15px auto 12px;padding:9px 27px;border-radius:8px;background:var(--accent);color:var(--paper);cursor:pointer;font-size:14px}.pick:focus-within{outline:3px solid var(--teal);outline-offset:3px}.pick input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer;font-size:16px}.hint{display:block;font-size:11px;color:var(--accent)}button,input,select{font:inherit}button,select,input[type=number]{border:1px solid var(--line);background:var(--paper);color:inherit;min-height:40px;border-radius:7px;padding:7px 10px;font-size:13px}button{cursor:pointer}button:hover:enabled{background:var(--soft)}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.input-actions,.exports{display:flex;gap:8px;flex-wrap:wrap}.input-actions{margin:15px 0 0}#status{font-size:13px;margin:12px 0 0;overflow-wrap:anywhere}progress{width:100%;height:8px;accent-color:var(--accent);margin-top:10px}#error,.error{color:#a33e29;font-size:13px;overflow-wrap:anywhere}#error{background:#fae7da;padding:12px;border-radius:8px}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.stat{background:var(--soft);border-radius:9px;padding:14px}.stat span{font-size:12px}.stat strong{display:block;font-size:22px;line-height:1.4;overflow-wrap:anywhere}.details{display:grid;grid-template-columns:140px minmax(0,1fr);margin:0;font-size:13px}.details dt,.details dd{padding:8px 0;border-bottom:1px solid #dcc9a355;margin:0;overflow-wrap:anywhere}.details dt{color:var(--accent)}.warnings{background:#f8ecd1;border-left:3px solid #b99c6d;padding:10px 14px;font-size:12px;margin-top:16px}.warnings p{margin:5px 0}.tracks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:12px}.track-card{border:1px solid var(--line);border-radius:9px;padding:16px;overflow-wrap:anywhere}.track-card h3{margin:0 0 8px;font-size:15px}.track-card .codec{color:var(--teal);font-size:14px;font-weight:650}.track-card dl{grid-template-columns:100px minmax(0,1fr);font-size:12px}.note{font-size:12px;color:var(--accent);line-height:1.8}.filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;background:var(--soft);padding:14px;border-radius:9px;margin:16px 0 0}.filters label{font-size:12px;display:flex;flex-direction:column;gap:4px;min-width:0}.filters input[type=number]{width:145px}.filters select{max-width:230px}.filters .check{flex-direction:row;align-items:center;min-height:40px;gap:6px}.check input{accent-color:var(--accent)}.table-scroll{overflow:auto;max-height:620px;border:1px solid var(--line);border-radius:8px}table{border-collapse:collapse;width:100%;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:left}th{background:#efe3cb;position:sticky;top:0;z-index:1;font-weight:600}th,td{padding:11px 12px;border-bottom:1px solid #dcc9a360}tbody tr:nth-child(even){background:#f9f1df}tbody tr:hover{background:#eee3ca}.yes{color:var(--teal);font-weight:650}.pagination{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:15px 0;font-size:12px}.pagination label{margin-left:auto}.pagination input{width:76px}#page-info{font-variant-numeric:tabular-nums}.guide{font-size:13px;max-width:960px;margin:28px 0;color:var(--accent)}footer{text-align:center;font-size:11px;margin-top:28px;color:var(--accent)}[hidden]{display:none!important}html[data-embedded=true]{background:transparent}html[data-embedded=true] main{padding:10px}html[data-embedded=true] .hero,html[data-embedded=true] .guide,html[data-embedded=true] footer,html[data-embedded=true] h2{display:none}@media(max-width:700px){main{padding:22px 12px}.card{padding:16px}.summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat{padding:12px}.stat strong{font-size:19px}.details{grid-template-columns:100px minmax(0,1fr)}.section-top{gap:8px}.local{font-size:11px}.drop{padding:22px 10px}.drop .drop-title{font-size:18px}.filters{gap:8px}.filters label:not(.check){flex:1 1 130px}.filters input[type=number],.filters select{width:100%;max-width:none}.pagination{gap:7px}.pagination label{margin-left:0}.pagination #page-info{order:3;width:100%}.table-scroll{max-height:500px}}
.audio-legend{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0;font-size:12px}.audio-legend-item{background:var(--audio-bg);color:var(--audio-ink);border:1px solid var(--audio-ink);border-radius:6px;padding:3px 9px}.track-card.audio-colored{border-left:4px solid var(--audio-ink);background:var(--audio-bg)}.track-card.audio-colored h3{color:var(--audio-ink)}tbody tr.audio-colored,tbody tr.audio-colored:nth-child(even){background:var(--audio-bg)}tbody tr.audio-colored:hover{background:var(--audio-hover)}tr.audio-colored td:first-child{border-left:4px solid var(--audio-ink)}tr.audio-colored td:nth-child(2){color:var(--audio-ink);font-weight:650}.exports{align-items:center}
.audio-legend-item{max-width:100%;overflow-wrap:anywhere}