:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#202a31;background:#f3f5f6;font-size:14px;letter-spacing:0;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,.file-button{touch-action:manipulation}button,.file-button{border:1px solid #cbd2d6;border-radius:4px;background:#fff;color:#27333c;padding:8px 12px;cursor:pointer;white-space:nowrap}button:hover,.file-button:hover{background:#edf3f2;border-color:#77948b}button:disabled{opacity:.5;cursor:wait}a{color:#066b59;text-decoration:none}a:hover{text-decoration:underline}button.primary{background:#08745f;color:#fff;border-color:#08745f;font-weight:600}button.primary:hover{background:#075e4e}header{height:68px;border-bottom:1px solid #d9dfe2;background:#fff;padding:0 28px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:14px}.brand b{color:#08745f;font-size:28px}.brand span{font-size:17px;font-weight:600}.brand small{color:#61717a;font-size:11px;background:#edf1f3;padding:4px 6px;border-radius:3px}.account{display:flex;align-items:center;gap:14px}nav{height:51px;padding:0 28px;display:flex;align-items:stretch;gap:24px;background:#fff;border-bottom:1px solid #d9dfe2}nav .tab{padding:0 2px;border:0;border-radius:0;border-bottom:3px solid transparent;background:none}.tab.active{color:#08745f;border-bottom-color:#08745f;font-weight:600}.node-indicator{margin-left:auto;display:flex;align-items:center;font-size:12px;color:#8d5b18}.node-indicator.online{color:#08745f}.node-indicator:before{content:"";width:7px;height:7px;background:currentColor;border-radius:50%;margin-right:8px}main{max-width:1680px;margin:auto;padding:24px 28px 40px}h1,h2,p{margin:0}h1{font-size:23px;font-weight:650}h2{font-size:15px;font-weight:650}.page-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px;min-height:51px}.page-heading p{color:#63737d;font-size:12px;margin-top:7px}.quota{display:flex;gap:12px;align-items:center;color:#63737d}.quota strong{font-size:24px;color:#202a31}.workspace{display:grid;grid-template-columns:minmax(340px,410px) minmax(0,1fr);gap:24px;align-items:start}.parameters,.preview{background:#fff;border:1px solid #d9dfe2;border-radius:4px;overflow:hidden}.section-heading{min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-bottom:1px solid #e1e6e9}.commands{display:flex;gap:12px;align-items:center;font-size:12px}.commands button,.commands .file-button{font-size:12px;padding:5px 8px}.file-button input{display:none}#drawing-form{padding:18px}.fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 12px}label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12px;color:#53636d}label.wide{grid-column:1/-1}input,select,textarea{border:1px solid #cbd2d6;border-radius:4px;color:#202a31;background:#fff;width:100%;min-width:0;padding:8px 10px}input,select{height:36px}input:read-only{background:#f4f6f7;color:#61717a}input:focus,select:focus,textarea:focus{outline:2px solid #98c6b9;outline-offset:1px}details{margin-top:20px;border-top:1px solid #e1e6e9;padding-top:14px}summary{cursor:pointer;font-size:12px;color:#53636d}textarea{margin:12px 0 8px;font:12px/1.5 Consolas,monospace;height:290px;resize:vertical}.submit-row{display:flex;align-items:center;gap:12px;margin-top:20px}.submit-row .primary{min-height:40px;flex:1}#submit-state{font-size:12px;color:#63737d}.preview-body{height:460px;background:#e8edef;display:flex;align-items:center;justify-content:center;position:relative}#preview-empty{text-align:center;padding:30px;max-width:100%;overflow-wrap:anywhere;color:#63737d}.drawing-mark{display:inline-block;font-size:20px;font-weight:600;border:2px solid #bcc8ce;padding:22px 15px;color:#8b9ca6;margin-bottom:18px;border-radius:4px}#preview-empty p{margin-bottom:10px}#job-error{color:#a83636;font-size:12px;line-height:1.7}iframe{border:0;width:100%;height:100%;background:#fff}.timings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:77px;border-top:1px solid #d9dfe2}.timings div{font-size:11px;color:#63737d;padding:14px 16px}.timings strong{display:block;margin-top:6px;color:#202a31;font-size:16px;font-weight:600}.recent-heading{margin-top:24px;padding-left:0;padding-right:0}.table-wrap{overflow-x:auto;background:#fff}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:12px}th{background:#edf1f3;color:#63737d;font-weight:500;padding:12px 15px}td{padding:12px 15px;border-bottom:1px solid #e7ebed;max-width:220px;overflow:hidden;text-overflow:ellipsis}td button{font-size:12px;padding:4px 9px}.status{display:inline-block;border-radius:3px;padding:3px 7px;font-size:11px;background:#edf1f3;color:#63737d}.status.succeeded{background:#e4f3eb;color:#146c49}.status.running{background:#e8f0fb;color:#305e91}.status.failed{background:#faeaea;color:#a83636}.status.queued{background:#fff2d9;color:#875b19}.empty-table{padding:30px;text-align:center;color:#7c8a92}.user-form{display:flex;gap:14px;align-items:end;padding:0 0 24px;flex-wrap:wrap}.user-form label{width:200px}.user-form label:nth-child(3){width:110px}.user-form button{height:36px}#notice{padding:12px 16px;border:1px solid #dcc38a;background:#fff7e8;color:#73571e;margin-bottom:18px;border-radius:4px;overflow-wrap:anywhere}dialog{border:1px solid #d9dfe2;border-radius:6px;padding:32px;width:min(390px,calc(100% - 32px));box-shadow:0 18px 70px #172d3440}dialog::backdrop{background:#e9eef0f2}dialog form{display:flex;flex-direction:column;gap:18px}.login-brand{font-weight:750;font-size:27px;color:#08745f}.login-brand span{font-weight:400;color:#63737d;font-size:20px}dialog h1{font-size:20px;margin:2px 0 4px}#login-error{color:#a83636;font-size:12px;min-height:16px}dialog button{height:40px}[hidden]{display:none!important}
@media(min-width:1500px){.preview-body{height:520px}}
@media(max-width:850px){header{padding:0 16px}.brand{gap:8px}.brand span{font-size:14px}.brand small{display:none}.account{font-size:12px;gap:8px}.account button{padding:6px 8px}nav{padding:0 16px;gap:16px}.node-indicator{font-size:11px}main{padding:20px 16px}.workspace{grid-template-columns:minmax(0,1fr);gap:20px}.preview-body{height:480px}.preview{order:2}.timings div{padding:12px 10px}.timings strong{font-size:14px}.user-form label{width:100%}.section-heading{padding:12px 14px}}
@media(max-width:400px){.brand span{font-size:12px}.brand b{font-size:24px}nav{gap:12px}.node-indicator{max-width:100px;overflow:hidden;white-space:nowrap}.fields{gap:12px 8px}.commands{gap:8px}.preview-body{height:400px}}
#pdf-frame{width:100%;height:100%;display:flex;flex-direction:column;min-width:0}.pdf-toolbar{height:42px;flex-shrink:0;display:flex;align-items:center;gap:8px;justify-content:flex-end;background:#f7f9fa;padding:4px 12px;border-bottom:1px solid #cbd2d6}.pdf-toolbar label{display:flex;flex-direction:row;align-items:center;gap:8px}.pdf-toolbar select{height:29px;padding:3px;width:55px}.pdf-toolbar button{font-size:12px;padding:5px 8px}.pdf-surface{flex:1;overflow:auto;min-height:0;padding:10px}#pdf-canvas{display:block;background:#fff;margin:auto;box-shadow:0 1px 5px #0002}.quota{white-space:nowrap}.page-heading>div:first-child{min-width:0}.page-heading p{overflow-wrap:anywhere}
