:root{font-family:Segoe UI,Arial,sans-serif;background:#edf3f3;color:#19363e}body{margin:0}header{padding:24px 5%;background:#0d303b;color:white}a{color:#087c7b}header a{color:#89e1d0}h1{font-size:26px}main{padding:24px 5%}form,#controls{display:flex;gap:14px;flex-wrap:wrap;align-items:center;padding:20px;background:white;border-radius:12px;margin-bottom:18px}label{display:grid;gap:8px;flex:1}textarea,select,button{font:inherit;padding:12px;border-radius:7px;border:1px solid #bed3d4}textarea{min-width:220px}button{background:#087d79;color:white;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.columns{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(300px,1.1fr);gap:28px}.columns>section{padding:24px;background:white;border-radius:12px;min-width:0}.phone{background:#dfece7!important}.bubble{padding:14px;background:white;border-radius:12px;margin:12px 0;white-space:pre-wrap}.bubble.incoming{background:#c3ebd7;margin-left:30px}.bubble small{display:block;color:#54736b;font-size:11px;margin-top:8px}.step{padding:12px;margin:6px 0;background:#edf3f3;border-left:4px solid #c2d5d6}.step.done{border-color:#087d79}.step.current{border-color:#f4af36}li{margin:12px 0;font-size:13px}#error{color:#b33131;padding:10px}#controls[hidden]{display:none}@media(max-width:850px){.columns{grid-template-columns:1fr}main{padding:16px}h1{font-size:22px}}
[hidden]{display:none!important}
input{font:inherit;padding:12px;border-radius:7px;border:1px solid #bed3d4;max-width:100%;box-sizing:border-box}
#controls{display:block;border:1px solid #b8d6d2}#controls h2{margin:8px 0;font-size:21px}.execution-summary p{line-height:1.55;color:#48666b;max-width:900px}.mode-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#087d79}#controls[data-mode=cabinet]{border-left:5px solid #087d79}.case-actions,.scenario-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.case-actions a{padding:10px 0;font-weight:600}.secondary{background:#edf5f3;color:#176963;border-color:#c5dcd7}#guided-controls{border-top:1px solid #dce8e5;margin-top:18px;padding-top:4px}#guided-controls p{color:#48666b}#history{padding-left:22px}#history li{line-height:1.6;overflow-wrap:anywhere}#tasks p{line-height:1.6;overflow-wrap:anywhere}.step.current{font-weight:600}button:disabled{cursor:default}.execution-summary{min-width:0;overflow-wrap:anywhere}@media(max-width:600px){.case-actions{align-items:stretch;flex-direction:column}.scenario-actions button{width:100%}#controls{padding:16px}.columns>section{padding:18px}}