:root{color:#1f2937;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f6f7f9}button{font:inherit}.app-shell{width:min(100%,520px);margin:0 auto;padding:16px}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0 14px}.eyebrow{margin:0 0 4px;color:#5b6b7c;font-size:12px}h1,h2,p{margin:0}h1{font-size:22px;line-height:1.25;letter-spacing:0}h2{margin-bottom:12px;font-size:15px;line-height:1.35;letter-spacing:0}.mock-badge{flex:0 0 auto;border:1px solid #b45309;border-radius:6px;padding:4px 8px;color:#92400e;background:#fffbeb;font-size:12px;font-weight:700}.panel{margin-bottom:12px;border:1px solid #dde3ea;border-radius:8px;padding:14px;background:#fff}.kv{display:grid;grid-template-columns:minmax(96px,38%) minmax(0,1fr);gap:10px;align-items:start;min-height:28px;padding:6px 0;border-top:1px solid #eef1f4}.kv:first-of-type{border-top:0}.kv span{color:#687789;font-size:12px}.kv strong{min-width:0;overflow-wrap:anywhere;color:#253041;font-size:13px;font-weight:650;letter-spacing:0}.kv.success strong{color:#047857}.kv.warning strong{color:#b45309}.kv.muted strong{color:#64748b}.profile-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:10px}.avatar{display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border-radius:8px;background:#e8edf3;color:#46617d;font-weight:800}.avatar img{width:100%;height:100%;object-fit:cover}.profile-row strong,.profile-row span{display:block;min-width:0;overflow-wrap:anywhere}.profile-row strong{font-size:14px}.profile-row span{margin-top:3px;color:#64748b;font-size:12px}.step-list{display:grid;gap:8px}.step-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;border-bottom:1px solid #eef1f4;font-size:13px}.step-row:last-child{border-bottom:0}.status{flex:0 0 auto;border-radius:999px;padding:3px 8px;font-size:12px}.status.idle{background:#eef2f7;color:#607085}.status.processing{background:#e0f2fe;color:#0369a1}.status.success{background:#dcfce7;color:#047857}.status.failure{background:#fee2e2;color:#b91c1c}.actions{margin:10px 0 0;padding-left:18px;color:#445268;font-size:13px}.actions li{margin:4px 0}.button-grid{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0 4px;background:#f6f7f9}.button-grid button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border:1px solid #ccd6e0;border-radius:8px;padding:8px 10px;background:#fff;color:#243145;font-size:13px;font-weight:700;cursor:pointer}.button-grid button:active{transform:translateY(1px)}.button-grid button.danger{border-color:#fecaca;color:#b91c1c;background:#fff7f7}@media (max-width: 380px){.app-shell{padding:12px}.button-grid{grid-template-columns:1fr}}