:root{color:#172033;background:#f5f7fa;font-family:system-ui,sans-serif}body{margin:0}main{max-width:920px;margin:auto;padding:24px}section{background:#fff;border:1px solid #d9e0e8;border-radius:8px;margin:16px 0;padding:16px}h1{margin-bottom:4px}.warning{color:#8a2a00;font-weight:700}.status{background:#e8f1fb;border-left:4px solid #2866a3;padding:10px}button,label{margin:6px;padding:8px;display:inline-block}button{color:#fff;cursor:pointer;background:#162235;border:0;border-radius:4px}.secondary{background:#526171}.check{box-sizing:border-box;border-bottom:1px solid #eee;justify-content:space-between;width:100%;display:flex}pre{font-size:12px;overflow:auto}li{margin:8px 0}audio{max-width:100%;margin-top:4px;display:block}.camera{border:2px solid #2866a3;margin:8px 0;padding:10px}.camera video{object-fit:contain;background:#111;width:100%;max-height:55vh;display:block}.camera strong{color:#0c4e85}.recording{color:#7a160e;background:#ffe9e7;border:2px solid #b42318;margin:8px 0;padding:12px}.recording output{font-variant-numeric:tabular-nums;margin:0 14px;font-size:1.5rem;font-weight:700}.media-list{padding:0;list-style:none}.media-list li{border-top:1px solid #e3e8ee;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.thumbnail{object-fit:cover;border:1px solid #b6c1cc;border-radius:4px;width:120px;height:90px}@media (width<=600px){main{padding:12px}.check{gap:8px}.media-list li{display:block}.thumbnail{margin-top:8px}}