:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#202d47;background:#f3f6fc;font-size:15px}*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:auto;padding:24px 16px 36px}header{display:flex;align-items:center;gap:12px;margin:4px 0 24px}.brand{background:#315efb;color:white;font-size:25px;border-radius:14px;padding:10px 15px}h1{font-size:23px;margin:0}header p{margin:5px 0 0;font-size:13px;color:#778398}header button{margin-left:auto}h2{font-size:18px;margin:0 0 12px}p{color:#6c778c;line-height:1.65}#status{font-size:14px;color:#3158b7;overflow-wrap:anywhere}.card{padding:22px;background:white;border:1px solid #e4e9f3;border-radius:18px;margin:16px 0;box-shadow:0 5px 20px #273b6510}label{display:block;font-weight:600;margin:18px 0 8px}input,textarea{display:block;width:100%;font:inherit;border:1px solid #cbd4e4;border-radius:10px;padding:13px;color:#202d47;background:white}input:focus,textarea:focus,button:focus-visible{outline:3px solid #c4d0ff;outline-offset:2px}textarea{font-size:13px;resize:vertical;overflow-wrap:anywhere}button{font:inherit;min-height:44px;cursor:pointer;border:1px solid #d7dfef;border-radius:10px;background:white;color:#4b5c78;padding:10px 14px}button:disabled{opacity:.55;cursor:wait}.primary{display:block;width:100%;background:#315efb;border-color:#315efb;color:white;font-weight:600;margin-top:18px;min-height:48px}.quiet{font-size:13px;padding:7px 12px}.presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0 12px}.selected{color:#315efb;background:#edf2ff;border-color:#8fa8ff}.hint{font-size:12px;color:#8a95a8;margin:12px 0 0}.section-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.section-head h2{margin:0}.badge{font-size:12px;color:#1b8d65;background:#e9f7f1;padding:5px 9px;border-radius:6px}.record{border-top:1px solid #edf0f5;padding:16px 0}.record:first-child{margin-top:16px}.record strong{display:block;overflow-wrap:anywhere}.record p{font-size:13px;margin:5px 0;overflow-wrap:anywhere}.record .actions{display:flex;gap:10px;margin-top:10px}.record button{flex:1;font-size:13px}.device{font-family:ui-monospace,monospace;font-size:12px!important}footer{text-align:center;font-size:12px;color:#95a0b2;margin-top:24px}[hidden]{display:none!important}@media(max-width:360px){.card{padding:16px}.presets{gap:5px}.presets button{padding:8px 5px}header{gap:8px}h1{font-size:21px}}
.brand-icon{display:block;flex:none;border-radius:14px;box-shadow:0 4px 12px #315efb24}