:root{font-family:system-ui,sans-serif;color:#e6eff9;background:#101925;color-scheme:dark;line-height:1.55}body{margin:0}main{max-width:790px;margin:3rem auto;padding:0 1.5rem}h1{font-size:2.5rem;margin:.3rem 0 1rem}h2{margin-top:1.8rem}.eyebrow{font-size:.75rem;letter-spacing:.13em;color:#81cddd}aside{padding:1rem;border:1px solid #638d9a;border-radius:10px;background:#172a39}label{display:block;margin:1rem 0}.choice{padding:1rem;background:#193344;border-radius:10px;font-weight:650}input,select,button{font:inherit}input[type=checkbox]{width:1.2rem;height:1.2rem;vertical-align:middle;margin-right:.6rem}input[type=file]{display:block;margin-top:.5rem;max-width:100%}select{display:block;padding:.5rem;max-width:100%}button{border:1px solid #6197a8;border-radius:7px;padding:.6rem .8rem;cursor:pointer;background:#24485a;color:#fff}button:disabled{opacity:.5;cursor:not-allowed}.actions{display:flex;gap:.6rem;flex-wrap:wrap}.warning,#error{color:#ffd58e}pre{white-space:pre-wrap;word-break:break-word;font-size:.85rem;background:#080f17;padding:1rem;max-height:24rem;overflow:auto}footer{font-size:.85rem;color:#9bb1c4;margin-top:2.5rem}[hidden]{display:none!important}
nav{font-size:.9rem;margin-bottom:2rem}a{color:#9bdfea}.queue-item{border:1px solid #375064;border-radius:9px;padding:1rem;margin:1rem 0}.queue-item h3{overflow-wrap:anywhere}.queue-item button,.queue-item select{margin:.3rem .3rem .3rem 0}.queue-item label input{margin-right:.5rem}input[type=checkbox]{accent-color:#64d9e8}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e7c966;outline-offset:3px}