body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:10px;display:flex;flex-direction:column;height:100vh;box-sizing:border-box}.controls-container{display:flex;gap:10px;margin-bottom:10px;background-color:#f5f5f5;padding:10px;border-radius:4px;border:1px solid #ddd}.form-container{display:flex;gap:10px;background-color:transparent;padding:0;border-radius:0;box-shadow:none;flex:1;align-items:center;margin:0}.form-group{flex:1;display:flex;align-items:center;gap:5px;margin:0}.button-group{display:flex;align-items:center;gap:10px;margin-left:0;height:30px}label{display:inline-block;margin-bottom:0;font-weight:700;color:#555;font-size:13px;white-space:nowrap}input,select{width:100%;padding:6px 8px;box-sizing:border-box;border:1px solid #ddd;border-radius:4px;font-size:13px;height:30px}input:focus,select:focus{outline:none;border-color:#174dca;box-shadow:0 0 0 2px rgba(96,129,220,.2)}button{padding:6px 14px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s;white-space:nowrap;height:30px;font-size:13px;min-width:100px}button:hover{background-color:#5a6268}button:disabled{background-color:#bbb;cursor:not-allowed;opacity:.7}button#login-button{background-color:#495057}button#login-button:hover{background-color:#3d4347}button#render-project-button{background-color:#007bff}button#render-project-button:hover{background-color:#0069d9}button#render-project-button:disabled{background-color:#7eb4ec}.selection-container{display:flex;gap:15px;align-items:flex-end;background-color:#fff;padding:20px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);flex:1}#work-instruction-list{flex:1;display:none}#generate-container{display:none}#svg-container{flex:1;border:1px solid #ddd;position:relative;overflow:hidden;width:100%;height:calc(100vh - 50px);background-color:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.loading{color:#666;font-style:italic;padding:20px}.error{color:#e53935;padding:20px;background-color:#ffebee;border-radius:4px}.info{padding:20px;color:#2196f3;background-color:#e3f2fd;border-radius:4px}#graph-container{display:none;flex:1;position:relative;border:1px solid #ddd;border-radius:4px;background-color:#fff}#graph-iframe{width:100%;height:100%;border:none}.version-footer{position:fixed;bottom:0;right:0;padding:5px 10px;font-size:12px;color:#666;background-color:rgba(245,245,245,.9);border-top-left-radius:4px;z-index:1000}/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */.toastify{padding:12px 20px;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px rgba(0,0,0,.12),0 10px 36px -4px rgba(77,96,232,.3);background:-webkit-linear-gradient(315deg,#73a5ff,#5477f5);background:linear-gradient(135deg,#73a5ff,#5477f5);position:fixed;opacity:0;transition:all .4s cubic-bezier(.215,.61,.355,1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{background:transparent;border:0;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width: 360px){.toastify-right,.toastify-left{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content}}
