code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f7f9;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.app-container{min-height:100vh}.app-container,.url-input-page{display:flex;flex-direction:column}.url-input-page{align-items:center;justify-content:center;min-height:80vh;padding:50px}.url-input-page h1{color:#2c3e50;margin-bottom:30px}.url-input-page input{border:1px solid #ccc;border-radius:4px;font-size:1rem;margin-bottom:15px;max-width:90%;padding:12px 15px;width:400px}.url-input-page button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 25px;transition:background-color .2s ease}.url-input-page button:hover{background-color:#2980b9}.testing-page{box-sizing:border-box;display:flex;gap:20px;height:calc(100vh - 40px);padding:20px}.left-panel{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex:1 1;flex-direction:column;max-width:450px;min-width:350px;overflow-y:auto;padding:25px}.panel-title{border-bottom:1px solid #eee;color:#2c3e50;font-size:1.3rem;font-weight:600;margin-top:0;padding-bottom:10px}.input-group,.panel-title{margin-bottom:20px}.input-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.input-group input,.input-group textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:.95rem;padding:10px 12px;width:calc(100% - 24px)}.input-group textarea{min-height:60px;resize:vertical}.steps-title{border-top:1px solid #eee;font-size:1.1rem;margin-top:20px;padding-top:20px}.steps-list{margin-top:0}.no-steps-msg{color:#666;font-size:.9em;font-style:italic;margin:15px 0;text-align:center}.step-item{grid-gap:10px;align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;display:grid;gap:10px;grid-template-columns:auto 1fr auto;margin-bottom:10px;padding:10px 15px}.step-type-badge{background-color:#e0e0e0;border-radius:4px;color:#555;font-size:.8rem;font-weight:500;padding:4px 8px;text-transform:capitalize;white-space:nowrap}.step-details{font-size:.9rem;word-break:break-all}.step-details span{color:#333;font-weight:500;margin-right:5px}.step-details div{margin-bottom:3px}.step-details div:last-child{margin-bottom:0}.step-actions button{background:none;border:none;color:#dc3545;cursor:pointer;font-size:1.2rem;line-height:1;padding:0 5px}.step-actions button:hover{color:#a02732}.add-step-form{background-color:#fafafa;border:1px dashed #ccc;border-radius:4px;margin-top:20px;padding:15px}.add-step-form h4{color:#333;font-weight:600;margin-bottom:15px;margin-top:0}.add-step-controls{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:10px}.add-step-controls input,.add-step-controls select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:.9rem;padding:8px 10px;width:100%}.add-step-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;margin-top:10px;padding:8px 15px;transition:background-color .2s ease;width:auto}.add-step-button:hover{background-color:#218838}.add-step-button:disabled{background-color:#ccc;cursor:not-allowed}.button-container{display:flex;gap:10px;width:100%}.run-button{background-color:#007bff;border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:12px 20px;transition:background-color .2s ease}.run-button:disabled{background-color:#ccc;cursor:not-allowed}.run-button:not(:disabled):hover{background-color:#0056b3}.stop-button{background-color:#dc3545;border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:12px 20px;transition:background-color .2s ease}.stop-button:hover{background-color:#bd2130}.right-panel{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;flex:3 1;flex-direction:column}.live-view-section,.right-panel{display:flex;height:100%;overflow:hidden}.live-view-section{background-color:#34495e;border-bottom:2px solid #e0e0e0;box-sizing:border-box;color:#ecf0f1;flex:3 1 70%;flex-direction:column;min-height:400px;padding:0;position:relative}.live-view-section .panel-title{background-color:#2c3e50b3;color:#ecf0f1;font-size:1.1rem;left:0;padding:5px 0;pointer-events:none;position:absolute;right:0;text-align:center;top:0;z-index:10}.live-view-section .panel-title span{color:#3498db;font-weight:700;margin:0 10px}.live-view-iframe-container{background-color:#2c3e50;flex:1 1;height:100%;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.live-view-iframe{border:none;bottom:0;display:block;height:100%;left:0;margin:0;padding:0;position:absolute;right:0;top:0;width:100%}.live-view-placeholder{align-items:center;box-sizing:border-box;color:#bdc3c7;display:flex;flex-grow:1;font-style:italic;height:100%;justify-content:center;padding:20px;text-align:center;width:100%}.live-view-section .status{background-color:#2c3e5080;bottom:5px;color:#bdc3c7b3;font-size:.8em;left:0;padding:2px 0;pointer-events:none;position:absolute;right:0;text-align:center;z-index:10}.logs-section{background-color:#2c3e50;box-sizing:border-box;display:flex;flex:2 1 30%;flex-direction:column;min-height:150px;overflow:hidden;padding:15px 20px}.logs-section .panel-title{border-bottom:none;color:#ecf0f1;flex-shrink:0;font-size:1.1rem;margin-bottom:10px;padding-bottom:0;text-align:center}.status-log{background-color:initial;border:1px solid #3a4a5a;border-radius:4px;color:#ecf0f1;flex-grow:1;font-family:Courier New,Courier,monospace;font-size:.9rem;min-height:50px;overflow-y:auto;padding:10px;word-break:break-word}.log-entry{border-bottom:1px solid #34495e;line-height:1.4;padding:3px 0;white-space:pre-wrap}.log-entry:last-child{border-bottom:none}.log-error{color:#e74c3c;font-weight:700}.log-success{color:#2ecc71;font-weight:700}.testing-page>.right-panel>div[style*="padding: '10px'"]{border-radius:0 0 8px 8px;border-top:2px solid #e0e0e0;box-sizing:border-box;flex-shrink:0;font-weight:500;margin:0;padding:10px 20px;text-align:center}
/*# sourceMappingURL=main.aaed89e2.css.map*/