*{box-sizing:border-box}body{color:#202124;background:#f4f6f8;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{color:#202124;cursor:pointer;background:#fff;border:1px solid #cfd7df;border-radius:6px;min-height:36px;padding:0 14px}button:disabled{cursor:not-allowed;opacity:.45}button.primary{color:#fff;background:#1a73e8;border-color:#1a73e8}button.secondary{background:#eef3f8}button.danger{color:#fff;background:#c5221f;border-color:#c5221f}button.ghost{background:0 0}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#eef3f8;background:#17202a;padding:20px}.brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.brand-mark{background:#2f80ed;border-radius:8px;place-items:center;width:44px;height:44px;font-weight:700;display:grid}h1,h2,h3,p{margin:0}h1{letter-spacing:0;font-size:18px;line-height:1.25}h2{letter-spacing:0;font-size:20px}h3{letter-spacing:0;font-size:15px}.brand p,.section-head p,.target span,.empty{color:#6f7782;font-size:13px}.sidebar .brand p,.target span{color:#9eabb8}.nav{gap:8px;display:grid}.nav button{color:#d8e0e8;text-align:left;background:0 0;border-color:#0000;justify-content:flex-start;width:100%}.nav button.active,.nav button:hover{background:#243241}.target{border-top:1px solid #2d3b48;margin-top:28px;padding-top:20px}.target strong{overflow-wrap:anywhere;margin-top:6px;font-size:13px;font-weight:500;display:block}.workspace{min-width:0;padding:22px}.status-line{color:#174ea6;background:#e8f0fe;border:1px solid #b6d4fe;border-radius:6px;margin-bottom:14px;padding:10px 12px}.status-line.bad{color:#a50e0e;background:#fce8e6;border-color:#f4c7c3}.panel{background:#fff;border:1px solid #d9e0e7;border-radius:8px;padding:18px}.flow-layout{grid-template-columns:minmax(0,1.4fr) minmax(360px,.6fr);gap:16px;display:grid}.section-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.section-head.compact{align-items:center;margin-bottom:10px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}label{gap:6px;display:grid}label span{color:#4f5964;font-size:13px}input,select{color:#202124;background:#fff;border:1px solid #cfd7df;border-radius:6px;width:100%;min-height:38px;padding:0 10px}.subsection{border-top:1px solid #e6ebf0;margin-top:20px;padding-top:18px}.subsection.first{border-top:0;margin-top:0;margin-bottom:16px;padding-top:0}.headers{gap:10px;display:grid}.header-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;display:grid}.actions,.step-grid{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.actions.inline{margin-top:0}.input-action{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.input-action.multi{grid-template-columns:minmax(0,1fr) auto auto}.input-action button{white-space:nowrap}.sms-meta{color:#6f7782;overflow-wrap:anywhere;font-size:12px}.runtime-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.runtime-grid article{border:1px solid #d9e0e7;border-radius:8px;min-width:0;padding:12px}.runtime-grid strong{margin-bottom:8px;font-size:13px;display:block}.runtime-grid span{color:#a50e0e;background:#fce8e6;border-radius:999px;margin-bottom:8px;padding:2px 8px;font-size:12px;display:inline-block}.runtime-grid span.ok{color:#137333;background:#e6f4ea}.runtime-grid p{color:#4f5964;overflow-wrap:anywhere;font-size:12px}.step-grid button{flex:190px}.step-grid.two button{flex-basis:260px}.account-list{gap:10px;display:grid}.account-row{text-align:left;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:10px 12px;display:grid}.account-row.selected{background:#e8f0fe;border-color:#1a73e8}.account-row.disabled{background:#fff8e1;border-color:#e4d1a5}.account-row.disabled.selected{background:#fff4d6;border-color:#f29900}.account-main,.account-meta{gap:4px;min-width:0;display:grid}.account-main strong,.account-meta span{overflow-wrap:anywhere}.account-main small,.account-meta{color:#6f7782;font-size:12px}.account-state{justify-items:end;gap:4px;min-width:0;display:grid}.account-state small{color:#8a5a00;overflow-wrap:anywhere;text-align:right;max-width:260px;font-size:12px;line-height:1.35}.account-badge{color:#4f5964;white-space:nowrap;background:#eef3f8;border-radius:999px;padding:3px 8px;font-size:12px}.account-row.selected .account-badge{color:#fff;background:#1a73e8}.account-row.disabled .account-badge{color:#8a5a00;background:#fef0c7}.account-row.disabled.selected .account-badge{color:#fff;background:#f29900}.confirmations{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.confirmations label{border:1px solid #d9e0e7;border-radius:6px;align-items:center;gap:8px;min-height:36px;padding:0 10px;display:flex}.confirmations input{width:auto;min-height:0}.state-list{grid-template-columns:90px minmax(0,1fr);gap:10px;margin:16px 0 22px;display:grid}.state-list dt{color:#6f7782}.state-list dd{margin:0;font-weight:600}.response-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.response-head button{flex:none}.json-block,.record pre{color:#e8f0fe;white-space:pre-wrap;overflow-wrap:anywhere;background:#101820;border:1px solid #d9e0e7;border-radius:6px;max-height:440px;margin:12px 0 0;padding:12px;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.record-list{gap:12px;display:grid}.record{border:1px solid #d9e0e7;border-radius:8px;padding:14px}.record header{justify-content:space-between;gap:12px;display:flex}.record p{color:#4f5964;overflow-wrap:anywhere;margin-top:8px;font-size:13px}.record-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width<=980px){.app-shell,.flow-layout{grid-template-columns:1fr}.sidebar{position:static}.form-grid,.confirmations,.runtime-grid,.record-body,.input-action{grid-template-columns:1fr}.input-action.multi{grid-template-columns:1fr 1fr}.input-action.multi input{grid-column:1/-1}.account-row{grid-template-columns:1fr}.response-head{align-items:flex-start}.account-badge{justify-self:flex-start}.account-state{justify-items:start}.account-state small{text-align:left;max-width:none}}
