:root{color-scheme:light;font-family:system-ui,"Microsoft YaHei",sans-serif;color:#222;background:#fff;font-size:14px;line-height:1.6}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{width:min(100% - 40px,460px);margin:60px auto}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #ddd}header a{font-size:19px;font-weight:600;color:inherit;text-decoration:none}header span{font-size:12px;color:#777}section{padding-top:26px}p{margin:0 0 14px}h1{font-size:18px;font-weight:600;overflow-wrap:anywhere;margin:0 0 4px}.muted{font-size:13px;color:#777}.dropzone{text-align:center;border:1px dashed #ccc;padding:35px 16px;margin-bottom:20px;border-radius:4px}.dropzone.dragging{background:#f4f6f8;border-color:#333}#selection-label{overflow-wrap:anywhere}#selection-detail:empty{display:none}button,input,a{font:inherit}button{border:1px solid #ccc;background:#fff;color:inherit;padding:7px 15px;border-radius:4px;cursor:pointer}button:disabled{opacity:.4;cursor:default}.primary{display:block;width:100%;border:1px solid #222;border-radius:4px;text-align:center;background:#222;color:white;padding:9px 16px;text-decoration:none;cursor:pointer}button.primary:disabled{background:#888;border-color:#888}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #777;outline-offset:3px}#upload-progress{margin-bottom:16px}.progress-label{display:flex;justify-content:space-between;font-size:12px;color:#666}progress{width:100%;height:6px;accent-color:#333}#error{font-size:13px;color:#a52d24}.countdown{font-size:13px;color:#777;margin:20px 0}.countdown strong{color:#222;font-weight:500;font-variant-numeric:tabular-nums}label{display:block;font-size:13px;margin:22px 0 6px}.copy-row{display:flex;gap:8px}.copy-row input{width:100%;min-width:0;padding:8px 10px;border:1px solid #ccc;border-radius:4px;font-size:12px;color:#555}.copy-row button{flex-shrink:0}details{margin-top:16px;color:#777;font-size:13px}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}details[open] summary{margin-bottom:10px}#qr{display:block;image-rendering:pixelated}.start-over{display:inline-block;font-size:13px;color:#555;margin-top:20px}#toast{margin-top:18px;color:#666;font-size:13px}@media(max-width:520px){main{margin:30px auto}header{gap:10px}.dropzone{padding:30px 12px}}
