a{color:#8ae8db}select{width:100%;padding:10px;background:#0a1321;color:#e5edf7;border:1px solid #364963;border-radius:7px}select:focus-visible{outline:2px solid #6ce0cd}#encoding-error{color:#ffb39f;font-size:13px;line-height:1.7}#encoding-results{display:grid;gap:18px}#encoding-results[hidden],[hidden]{display:none!important}.encoding-level{padding:14px 18px;border-left:3px solid #759ed8;margin:10px 0;border-radius:7px}.encoding-level h3{font-size:15px;margin:0 0 9px}.encoding-level p{font-size:13px;margin:7px 0}.format-bits{font-family:Consolas,monospace;overflow-wrap:anywhere}.kind-3{background:#164139;color:#a6f2dc}.kind-2{background:#243d64;color:#bbd8ff}.kind-1{background:#43325e;color:#e3caff}.kind-0{background:#57452b;color:#ffe0aa}.kind-free{background:#26313d;color:#adb9c9}#encoding-bar{display:flex;width:100%;height:32px;border:1px solid #7790a9;border-radius:5px;overflow:hidden}#encoding-bar>div{height:100%;flex-shrink:0}#encoding-steps{padding-left:22px;font-size:13px;line-height:1.9;color:#bdcde2}#encoding-steps li{margin-bottom:10px}.word-grid{display:flex;flex-wrap:wrap;gap:3px;max-height:300px;overflow:auto}.word-grid span{font:11px Consolas,monospace;padding:6px}.hub-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.hub-cards a{display:block;text-decoration:none}.hub-cards h2{font-size:22px;color:#e5edf7}.hub-cards p{color:#aabbd3;line-height:1.8}
a, .encoding-level p, #encoding-steps li, #encoding-summary{overflow-wrap:anywhere}
#encoding-results{min-width:0;grid-template-columns:minmax(0,1fr)}
#encoding-results>.panel{min-width:0}