*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}html,body{width:100%;height:100vh;overflow:hidden;background-color:#f5f5f5;color:#333;line-height:1.6}.ansible-container{display:flex;width:100%;height:100vh;padding:10px;gap:10px}.column{display:flex;flex-direction:column;gap:10px;height:100%;overflow:hidden}.column-interact{width:38%;height:100vh;display:grid;grid-template-rows:1fr 2fr 1fr;gap:10px}.column-playbook{width:38%}.column-action{width:24%}.interact-container{height:calc(100vh - 20px);display:grid;grid-template-rows:220px 1fr 1fr;gap:12px}.playbook-container{display:flex;flex-direction:column;height:calc(100vh - 20px)}.playbook-container>*{flex-grow:1}.action-container{height:calc(100vh - 20px);display:grid;grid-template-rows:6fr 54px 3fr;gap:12px}.interact-container-chat{position:relative;display:grid;grid-template-rows:1fr 90px;gap:12px;height:100%;width:100%}.chat-container-wrapper{overflow-y:auto;height:calc(50vh - 300px)}.submit-container{display:grid;grid-template-rows:1fr 36px;gap:12px;height:100%;width:100%}.version{font-size:16px;font-weight:600}.chat-box{min-height:300px;width:100%}.code-area{border:none;outline:none;width:100%;overflow-y:auto}.chat-input-box{border:1px solid #f0f0f0;border-radius:5px;padding:10px}.chat-input{outline:none;resize:none}