.workflow-overview-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:20px;box-sizing:border-box}.overview-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #eee;flex-shrink:0}.overview-title{margin:0;font-weight:600;font-size:1.4em;color:#333}.overview-columns{display:flex;flex-grow:1;height:calc(100% - 70px);gap:20px;overflow:hidden}.overview-diagram-column{width:45%;flex-shrink:0;height:100%;position:relative;padding-right:15px;border-right:1px solid #eee}.overview-details-column{flex-grow:1;overflow-y:auto;padding-left:15px}.overview-details-column h3{margin-top:0;margin-bottom:10px;color:#555;border-bottom:1px solid #f0f0f0;padding-bottom:5px}.overview-details-column h3:first-of-type{margin-top:0}.overview-description{color:#666;line-height:1.5;margin-bottom:20px}.execution-details-list .detail-step{margin-bottom:15px;padding-left:10px;border-left:3px solid #e0e0e0}.execution-details-list h4{margin-top:0;margin-bottom:5px;font-size:1.05em;color:#444}.execution-details-list ul{margin-top:5px;margin-bottom:5px;padding-left:20px;font-size:.95em;color:#555}.execution-details-list li{margin-bottom:3px}.execution-details-list p{font-size:.9em;color:#777;margin:5px 0}.workflow-diagram-container{width:100%;height:100%}.loading-container,.error-container{display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column;gap:10px;text-align:center}.error-container{color:red;padding:20px}.error-container pre{background:#fdd;padding:10px;border-radius:4px;max-width:80%;overflow-x:auto;font-size:12px;text-align:left;color:#600}