:root { color-scheme: dark; font-family: ui-sans-serif, system-ui, sans-serif; background:#10151f; color:#edf2f7; } body { margin:0; } header, main { max-width:1800px; margin:auto; padding:18px; } header { border-bottom:1px solid #344154; } h1 { margin:0; } header p, small, em { color:#aebdce; } h2 { margin-top:0; } .summary { color:#8ee4a2; font-weight:600; } .toolbar, .lower { display:flex; gap:10px; flex-wrap:wrap; } .toolbar { align-items:center; margin-top:16px; } #queueStatus { color:#aebdce; } input, select, textarea, button { background:#182231; color:inherit; border:1px solid #42536a; border-radius:5px; padding:8px; } button { cursor:pointer; } .layout { display:grid; grid-template-columns:minmax(430px, .85fr) minmax(650px, 1.65fr); gap:16px; margin-top:18px; } .lower { display:grid; grid-template-columns:1fr 1fr; } aside, article, #progressPanel { background:#141c28; border:1px solid #344154; border-radius:8px; padding:14px; overflow:auto; } aside { max-height:78vh; } .queue-item { width:100%; text-align:left; margin-bottom:8px; padding:10px; } .queue-item.selected { border-color:#67b7ff; box-shadow:0 0 0 1px #67b7ff inset; background:#1d3047; } .candidate-diff { display:grid; grid-template-columns:1fr auto 1fr; gap:8px; margin-top:5px; align-items:start; } pre { white-space:pre-wrap; word-break:break-word; background:#0d131d; padding:10px; border-radius:5px; } .diff { font-size:1.35rem; display:flex; gap:10px; align-items:center; } del { color:#ff9aa2; } ins { color:#8ee4a2; } mark { color:#fff; background:#7a5313; padding:1px 3px; } label { display:block; margin:8px 0; } textarea { width:100%; min-height:64px; } audio { width:100%; margin:8px 0; } details { margin:10px 0; } summary { cursor:pointer; font-weight:650; } .item-meta { display:flex; gap:8px; flex-wrap:wrap; } .item-meta span, .item-meta strong { background:#223148; border-radius:999px; padding:5px 9px; } .loading { color:#aebdce; animation:pulse 1.2s ease-in-out infinite alternate; } .error { color:#ff9aa2; } .ok { color:#8ee4a2; } .boundary { border-left:3px solid #ffc857; padding-left:10px; } #progressPanel { margin-top:18px; } @keyframes pulse { to { opacity:.45; } } @media(max-width:900px) { .layout,.lower { grid-template-columns:1fr; } aside { max-height:none; } }