:root{--bg:#f4f7f9;--card:#fff;--text:#17212b;--muted:#667085;--line:#d7dee5;--primary:#087f72;--primary2:#0a6f64;--danger:#b42318;--warn:#b54708;--ok:#027a48;--shadow:0 6px 24px rgba(16,24,40,.08)}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-tap-highlight-color:transparent}
body{min-height:100vh}.app{max-width:760px;margin:0 auto;padding:14px 12px 110px}.header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin:4px 2px 12px}.title{font-size:22px;font-weight:800;line-height:1.25}.subtitle{font-size:13px;color:var(--muted);margin-top:4px}.status-pill{font-size:12px;border-radius:999px;padding:7px 10px;background:#ecfdf3;color:var(--ok);white-space:nowrap;font-weight:700}.status-pill.offline{background:#fffaeb;color:var(--warn)}
.card{background:var(--card);border:1px solid #edf0f2;border-radius:16px;padding:14px;box-shadow:var(--shadow);margin-bottom:12px}.section-title{font-size:15px;font-weight:800;margin-bottom:10px}.grid3{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.device-btn{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 8px;font-size:15px;font-weight:750;color:#344054}.device-btn.active{border:2px solid var(--primary);background:#ecfdf8;color:var(--primary2);padding:11px 7px}.marker-row{display:flex;gap:8px;margin-top:10px}.marker{flex:1;border:1px solid var(--line);border-radius:12px;padding:12px;font-size:16px;background:#fff}.primary{width:100%;border:0;border-radius:14px;background:var(--primary);color:white;font-size:18px;font-weight:800;padding:15px 14px;margin-top:10px}.primary:active{transform:scale(.99)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat{background:#f8fafc;border-radius:12px;padding:10px;text-align:center}.stat b{display:block;font-size:21px}.stat span{font-size:12px;color:var(--muted)}
.queue-card{border:1px solid var(--line);border-radius:14px;padding:12px;margin:9px 0;background:#fff}.qhead{display:flex;justify-content:space-between;gap:8px;align-items:center}.qid{font-weight:850;font-size:17px}.badge{font-size:12px;border-radius:999px;padding:5px 8px;background:#eef2f6;color:#475467}.badge.wait{background:#fff4e5;color:#9a3412}.badge.run{background:#eaf4ff;color:#175cd3}.qmeta{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px;color:#475467;font-size:13px}.elapsed{font-size:14px;font-weight:800;color:#7a2e0e;margin-top:8px}.actions{display:flex;gap:8px;margin-top:10px}.action{flex:1;border:0;border-radius:11px;padding:12px;font-weight:800;font-size:15px}.start{background:#175cd3;color:#fff}.finish{background:#027a48;color:#fff}.ghost{background:#f2f4f7;color:#344054}.danger{background:#fff1f0;color:var(--danger);border:1px solid #fecdca}.tiny{font-size:12px;padding:8px 10px;flex:0 0 auto}.completed{opacity:.92}.reason-row{display:flex;gap:8px;align-items:center;margin-top:8px}.reason-select{flex:1;border:1px solid var(--line);border-radius:10px;padding:9px;background:#fff;font-size:14px}.muted{color:var(--muted);font-size:12px;line-height:1.55}.empty{padding:18px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.toolbar{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-top:1px solid #e4e7ec;padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));z-index:20}.toolbar-inner{max-width:760px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.tool{border:0;border-radius:10px;padding:10px 5px;background:#f2f4f7;color:#344054;font-weight:750;font-size:12px}.tool.active{background:#e7f8f4;color:var(--primary2)}
.panel{display:none}.panel.active{display:block}.diag{display:grid;grid-template-columns:1fr auto;gap:8px 14px;font-size:14px}.diag div{padding:7px 0;border-bottom:1px solid #f2f4f7}.ok{color:var(--ok);font-weight:800}.warn{color:var(--warn);font-weight:800}.filebtn{display:block;width:100%;text-align:center;border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px;margin-top:8px;font-weight:750;color:#344054;position:relative;overflow:hidden}.filebtn input{position:absolute;inset:0;opacity:0;width:100%;height:100%}.notice{background:#fffaeb;color:#7a2e0e;border:1px solid #fedf89;padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.55}.version{font-size:11px;color:#98a2b3;text-align:center;margin-top:14px}.tool{min-height:44px}
@media(max-width:430px){.stats{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:1fr 1fr}.qmeta{grid-template-columns:1fr}.title{font-size:20px}}
@media print{.toolbar,.primary,.actions,.reason-row,.marker-row,.grid3{display:none!important}.app{padding:0}.card{box-shadow:none}}