*{box-sizing:border-box}[hidden]{display:none!important}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,sans-serif;color:#182942;background:#f4f7fb;font-synthesis:none}body{margin:0}main{max-width:760px;margin:auto;padding:24px 24px 36px}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;min-height:46px;border:0;border-radius:12px;padding:12px 17px;font-weight:600}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #65a3ff;outline-offset:4px}a{color:#165dcd}header{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:22px;color:#1a2c48;white-space:nowrap}.brand b{font-weight:400}.mark{background:#1765e7;color:#fff;font-weight:750;display:grid;place-items:center;width:38px;height:38px;border-radius:12px}.badge,.tag{font-size:12px;color:#47617e;background:#e8eef7;padding:6px 9px;border-radius:8px;white-space:nowrap}.intro{padding:44px 4px 25px}.eyebrow{letter-spacing:2px;color:#2468d5;font-size:12px;font-weight:700}h1{font-size:clamp(32px,6vw,44px);letter-spacing:-1.5px;line-height:1.2;margin:16px 0}h2{font-size:18px;margin:0}.lede{color:#5d6e85;line-height:1.8;font-size:16px}.panel{background:#fff;border:1px solid #e0e7f0;border-radius:20px;padding:24px;margin-bottom:18px;box-shadow:0 5px 24px #1e395605}.section-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.section-heading .tag,.section-heading button{margin-left:auto}.step{font-size:12px;color:#3774cb;border-radius:50%;width:28px;height:28px;background:#eaf2ff;display:grid;place-items:center;font-weight:700}.muted{font-size:13px;color:#60758c;line-height:1.7;margin:12px 0 20px}.wire{background:#f1f6ff;padding:16px 10px;display:flex;justify-content:space-around;align-items:center;gap:6px;font-size:12px;color:#38649b;border-radius:12px}.hint,.permission{color:#697b90;font-size:13px;line-height:1.8}.permission{font-size:12px;margin-bottom:0}.actions{display:flex;gap:10px;margin:20px 0 14px;flex-wrap:wrap}.primary{background:#1765e7;color:#fff;flex:1;font-size:16px;min-height:52px;box-shadow:0 4px 12px #1765e71a}.primary:hover:enabled{background:#1257c8}.secondary{background:#ecf1f8;color:#395a82;font-size:13px}.status{padding:5px 4px 14px;font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:#476683}.status.error{color:#ad4833}.notes{padding:14px 5px 22px}.notes ol{padding-left:22px;color:#50647c;font-size:14px;line-height:2.1}.notes p{font-size:12px;line-height:1.9;color:#7b899c}.serial{font-family:monospace;font-size:13px;color:#677d96;overflow-wrap:anywhere}.toolbar{display:flex;gap:8px;margin-top:20px}.path{font-size:12px;color:#647992;line-height:1.7;overflow-wrap:anywhere}.file{display:flex;width:100%;align-items:center;gap:12px;border-radius:0;border-top:1px solid #edf1f6;text-align:left;background:#fff;padding:16px 0;min-height:68px;font-size:13px;color:#1e5cae}.file-label{flex:1;min-width:0}.file strong{display:block;font-size:14px;color:#203955;overflow-wrap:anywhere;line-height:1.5;font-weight:500}.file small{display:block;font-size:12px;color:#7b8da0;margin-top:4px}.file-icon{border-radius:8px;background:#eaf2ff;color:#2d76df;width:32px;height:36px;flex-shrink:0;display:grid;place-items:center;font-size:22px}.empty{text-align:center;color:#8c9bad;padding:25px}video{width:100%;max-height:440px;background:#132033;border-radius:12px}progress{width:100%;height:12px;accent-color:#1765e7}.help{padding:20px;font-size:13px;color:#687d95;line-height:1.8}.help summary{cursor:pointer;color:#355575;font-weight:600}.help ul{padding-left:20px}.help li{margin:10px 0}pre{font-size:11px;background:#f3f6fb;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;border-radius:8px}footer{text-align:center;color:#8a99ad;font-size:11px;line-height:2;padding-top:12px}@media(max-width:480px){main{padding:20px 17px 28px}.panel{padding:20px 17px}.intro{padding-top:34px}.brand{font-size:20px}.badge{font-size:10px}.actions{flex-direction:column}.wire{font-size:11px;padding:15px 7px}.section-heading{gap:8px}}
