:root{--ink:#102a43;--muted:#627d98;--line:#d9e2ec;--paper:#fff;--bg:#f5f7fa;--coral:#ef6f61;--cyan:#2bb3b1;--soft:#edf2f7;--mono:'DM Mono',monospace;--sans:'Manrope','PingFang SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.shell{max-width:1240px;margin:0 auto;padding:0 42px}.topbar{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border:1.5px solid var(--ink);font-size:20px;line-height:1;border-radius:7px}.brand strong{display:block;font-size:15px;letter-spacing:.02em}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:2px;letter-spacing:.08em}.topbar-meta{color:var(--muted);font:11px var(--mono);display:flex;gap:12px;align-items:center}.live-dot{width:7px;height:7px;background:var(--cyan);border-radius:50%;display:inline-block;box-shadow:0 0 0 3px rgba(43,179,177,.14)}.mono{font-family:var(--mono)}main{padding:55px 0 30px}.hero-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;gap:30px}.eyebrow,.kicker{font:500 10px var(--mono);letter-spacing:.13em;color:var(--coral);margin:0 0 15px}.hero-row h1{font-size:clamp(38px,5.3vw,66px);line-height:1.05;letter-spacing:-.025em;margin:0;font-weight:700}.hero-row h1 em{color:var(--coral);font-style:normal}.hero-copy{max-width:475px;color:var(--muted);font-size:14px;line-height:1.8;margin:21px 0 0}.stat-strip{display:flex;gap:32px;padding-bottom:3px}.stat-strip>div{min-width:72px}.stat-label{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}.stat-strip strong{font:500 29px var(--mono);letter-spacing:-.06em}.workspace-grid{display:grid;grid-template-columns:minmax(350px, .93fr) minmax(420px,1.07fr);gap:20px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:7px}.qr-panel{padding:27px 30px 25px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.panel-heading h2,.section-heading h2{font-size:21px;line-height:1.1;letter-spacing:-.02em;margin:0}.status-pill{font:10px var(--mono);color:#217d79;border:1px solid #bce5e1;background:#f1fbfa;padding:7px 9px;border-radius:20px;display:flex;align-items:center;gap:7px}.status-pill .live-dot{width:5px;height:5px}.format-note{font:10px var(--mono);color:var(--muted);padding-top:4px}.qr-stage{height:330px;margin:28px 0 17px;display:grid;place-items:center;background:#f8fafc;border:1px solid #e7edf3;position:relative}.qr-stage img{display:none;width:255px;height:255px;image-rendering:auto}.qr-stage img.ready{display:block}.qr-skeleton{width:255px;height:255px;border:8px solid #edf2f7;border-top-color:#bcccdc;border-radius:50%;animation:spin 1.2s linear infinite}.qr-skeleton.done{display:none}@keyframes spin{to{transform:rotate(360deg)}}.qr-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.icon-button{border:0;background:none;color:var(--ink);cursor:pointer;font-size:21px;line-height:1;padding:0 2px}.claim-url-row{margin-top:19px;padding-top:17px;border-top:1px solid var(--line);display:flex;gap:10px;align-items:center}.claim-url-row code{font:10px var(--mono);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.text-button{border:0;background:none;color:var(--coral);cursor:pointer;font:600 11px var(--sans);padding:4px 0}.right-column{display:flex;flex-direction:column;gap:20px}.upload-panel{padding:27px 30px 24px}.dropzone{height:198px;border:1.5px dashed #bcccdc;background:#fbfcfd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;margin-top:28px;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.dragover{border-color:var(--coral);background:#fff8f7}.dropzone input{display:none}.upload-icon{width:40px;height:40px;border:1px solid #bcccdc;border-radius:50%;display:grid;place-items:center;color:var(--coral);font-size:21px}.dropzone strong{font-size:13px;font-weight:600}.dropzone span:last-child{font:10px var(--mono);color:var(--muted)}.upload-actions{display:flex;justify-content:space-between;align-items:center;margin-top:17px;min-height:34px}.upload-status{font-size:11px;color:var(--muted)}.upload-status.error{color:#c05640}.primary-button{border:0;background:var(--ink);color:#fff;padding:11px 15px;border-radius:5px;font:600 12px var(--sans);cursor:pointer}.primary-button:hover{background:#243b53}.primary-button:disabled{opacity:.5;cursor:wait}.primary-button span{color:#80e0d8;margin-left:5px}.progress-track{height:3px;background:var(--soft);margin-top:13px;display:none}.progress-track.active{display:block}.progress-track span{display:block;height:100%;width:0;background:var(--cyan);transition:width .15s}.note-panel{background:var(--ink);border-color:var(--ink);color:white;padding:20px 25px;display:flex;align-items:center;gap:24px;min-height:82px}.note-index{font:10px var(--mono);color:#80e0d8;white-space:nowrap}.note-panel p{font-size:12px;line-height:1.6;margin:0;color:#d9e2ec}.queue-section{margin-top:54px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.section-heading .kicker{margin-bottom:11px}.table-wrap{border-top:1px solid var(--ink)}table{width:100%;border-collapse:collapse;font-size:12px}th{font:10px var(--mono);color:var(--muted);letter-spacing:.04em;text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);font-weight:400}td{padding:17px 12px;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:last-child td{border-bottom:0}.file-cell{display:flex;align-items:center;gap:11px}.file-icon{width:28px;height:28px;background:#fff2ef;color:var(--coral);display:grid;place-items:center;border-radius:4px;font-size:14px}.file-name{font-weight:600;max-width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-id{font:10px var(--mono);color:var(--muted);margin-top:3px}.state{font:10px var(--mono);padding:5px 8px;border-radius:3px}.state.pending{color:#217d79;background:#e7f7f5}.state.claimed{color:var(--muted);background:var(--soft)}.align-right{text-align:right}.empty-state{text-align:center;color:var(--muted);padding:40px}.toast{position:fixed;bottom:25px;right:25px;padding:12px 16px;background:var(--ink);color:white;border-radius:5px;font-size:12px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:25px 0 30px;color:var(--muted);font:10px var(--mono);letter-spacing:.07em}
@media (max-width:760px){.shell{padding:0 18px}.topbar{height:70px}.topbar-meta{font-size:9px;gap:8px}.hero-row{display:block;margin-bottom:33px}.hero-row h1{font-size:42px}.hero-copy{font-size:13px;margin-top:17px}.stat-strip{margin-top:28px;gap:27px}.workspace-grid{grid-template-columns:1fr}.qr-panel,.upload-panel{padding:22px}.qr-stage{height:285px}.qr-stage img,.qr-skeleton{width:210px;height:210px}.dropzone{height:170px;margin-top:22px}.queue-section{margin-top:38px}.table-wrap{overflow-x:auto}table{min-width:580px}.note-panel{padding:17px 20px}.file-name{max-width:250px}}