:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#18282c;background:#f6f7f6}*{box-sizing:border-box}body{margin:0}.wrap{width:min(1050px,calc(100% - 32px));margin:48px auto}.top{margin-bottom:28px}.tag{display:inline-block;background:#e6eeec;color:#345b55;border-radius:18px;padding:7px 11px;font-size:12px;font-weight:700;letter-spacing:.05em}h1{font-size:clamp(26px,5vw,40px);margin:18px 0 10px}p{line-height:1.55;color:#45565b}.panel,.card{background:white;border:1px solid #e0e5e4;border-radius:13px;padding:22px;box-shadow:0 3px 14px rgba(20,33,33,.035)}label{font-weight:700;display:block;margin-bottom:12px}.controls{display:flex;gap:10px}.controls input{flex:1;min-width:0;border:1px solid #abb9b6;padding:14px;border-radius:8px;font-size:16px}.controls button{padding:14px 18px;border:0;background:#46788f;color:white;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer}.controls button:disabled{opacity:.5;cursor:wait}small{display:block;color:#637074;margin-top:11px;line-height:1.5}#status{font-size:14px;margin-bottom:0}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.cardhead{display:flex;justify-content:space-between;gap:12px;align-items:center}.state{font-size:12px;border-radius:25px;background:#eaf3ef;color:#275e42;padding:5px 9px;white-space:nowrap}.state.err{background:#fff0ed;color:#9b4133}pre{margin:16px 0 0;max-height:310px;overflow:auto;background:#f6f7f8;border-radius:8px;padding:12px;font-size:12px;line-height:1.5}.foot{margin-top:20px}.foot h2{font-size:17px;margin:0 0 8px}@media(max-width:640px){.wrap{margin:25px auto}.controls{flex-direction:column}.cards{grid-template-columns:1fr}.panel,.card{padding:16px}}
.flowpanel{margin-top:20px}.flowpanel h2{font-size:21px;margin:0 0 12px}.flowpanel p{margin:14px 0}.flowpanel .controls{margin:12px 0;align-items:stretch}.flowpanel select{flex:1;min-width:0;max-width:100%;border:1px solid #abb9b6;border-radius:8px;padding:12px;font-size:15px}.flowpanel button{padding:12px 16px;border:0;border-radius:8px;background:#46788f;color:#fff;font-weight:700;cursor:pointer}.flowpanel button:disabled{opacity:.45;cursor:not-allowed}.confirm{display:flex;gap:10px;align-items:center;font-weight:400}.confirm input{width:18px;height:18px}#flowresult{max-height:360px;overflow:auto}a{color:#46788f}@media(max-width:640px){.flowpanel .controls{flex-direction:column}.flowpanel select{width:100%}}