*{box-sizing:border-box}body{margin:0;background:#e8ebee;color:#27323b;font:12px 'Segoe UI',Inter,system-ui,sans-serif;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.top{height:34px;background:#07518c;color:#e8f1f9;display:flex;align-items:stretch;flex:none}.menu{width:39px;border:0;background:#004879;color:#c8d8e5}.top nav{display:flex;align-items:stretch}.top nav span{padding:10px 21px;font-size:10px;letter-spacing:.03em;color:#9ab9d0}.top nav .active{background:#f5f6f7;color:#304253}.topright{margin-left:auto;padding:8px 16px;color:#9ab9d0}.ribbon{height:91px;background:#f5f6f7;display:flex;border-bottom:1px solid #c5cbd0;padding:3px 8px 0;overflow:hidden;flex:none}.rgroup{display:flex;align-items:flex-start;position:relative;border-right:1px solid #cfd5da;padding:3px 8px 17px 0;margin-right:8px;gap:1px;white-space:nowrap}.rgroup button{min-width:52px;border:0;background:none;color:#a5adb3;font:10px/1.2 'Segoe UI',sans-serif;padding:2px 3px}.rgroup i{display:block;font:normal 24px/28px 'Segoe UI Symbol',sans-serif;color:#aeb6bc}.rgroup small{position:absolute;bottom:3px;left:0;right:0;text-align:center;font-size:9px;color:#aab3bb}.folderbar{height:27px;background:#f7f8f9;display:flex;align-items:center;gap:8px;border-bottom:1px solid #c9cfd4;padding:2px 9px;color:#8e9da8;flex:none}.folderbar .path{height:21px;background:white;border:1px solid #c9cfd4;color:#6b7780;flex:1;padding:3px 7px;overflow:hidden;white-space:nowrap}.foldericon{color:#a4b2ba}.arrows{color:#a6b9c5}main{display:flex;min-height:0;flex:1;padding:2px}.panel{min-width:0;min-height:0;background:#fff;border:1px solid #c6cdd3;display:flex;flex-direction:column}.left{width:25%;min-width:130px;display:flex;flex-direction:column;min-height:0}.workspace{height:42%;min-height:65px}.command{flex:1}.editor{width:39%;min-width:160px}.figure{flex:1;min-width:180px}.panel-title{height:25px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:11px}.panel-title.light{background:#f7f8f9;border-bottom:1px solid #d0d5d9;color:#303c44}.panel-title.blue{background:#07518b;color:white}.figure-sub{color:#b7cde0;font-weight:normal}.ellipsis{color:#85939c}.actions{display:flex;gap:10px;align-items:center;color:#8e9ca5}.actions button,.actions a{border:0;background:none;color:#81939f;text-decoration:none;cursor:pointer;padding:0}.tablehead{height:25px;display:grid;grid-template-columns:1fr 1fr .8fr .8fr;align-items:center;background:#f2f4f5;border-bottom:1px solid #d3d9dd;color:#64717a;font-size:10px}.tablehead span{border-right:1px solid #d5dadd;padding-left:6px}.empty{padding:25px 12px;color:#a7b2b9;text-align:center;font-size:11px}.empty span{font-size:9px;letter-spacing:.09em;font-weight:700}.empty p{line-height:1.5}.logwrap{flex:1;min-height:0;overflow:auto;padding:8px;background:#fff}.logwrap pre{margin:0;min-width:max-content;white-space:pre;color:#263640;font:11px/1.55 'SFMono-Regular',Consolas,'Liberation Mono',monospace}.commandline{border-top:1px solid #edf0f2;padding:6px 8px;font:11px Consolas,monospace;color:#a2adb3;display:flex;gap:8px}.commandline b{color:#1478b0}.split{flex:none;touch-action:none;background:#e7ebee;position:relative}.split:hover,.split:focus{background:#82b3d0}.split.vertical{width:6px;cursor:col-resize}.split.horizontal{height:6px;cursor:row-resize}.filetabs{height:33px;display:flex;align-items:end;border-bottom:1px solid #ccd5dc;background:#f2f4f6;padding-left:8px;gap:10px;flex:none}.filetab{height:29px;background:white;border:1px solid #cbd5db;border-top:2px solid #1a82c1;border-bottom:1px solid white;padding:5px 9px;min-width:148px;color:#334957}.fileicon{color:#e58830}.filex{float:right;color:#adb8be}.filetabs .faded{color:#c1c9ce;align-self:center}.filetabs a{margin-left:auto;margin-right:12px;align-self:center;text-decoration:none;color:#758d9c}.code-scroll{overflow:auto;flex:1;background:#fff;padding:11px 0}.code{min-width:max-content;font:12px/1.65 'SFMono-Regular',Consolas,'Liberation Mono',monospace}.code-row{display:flex;min-height:19px}.line-no{width:49px;flex:none;text-align:right;padding-right:13px;color:#a3aeb5;user-select:none;border-right:1px solid #eef1f3}.line-content{white-space:pre;padding-left:16px;color:#273c4a}.comment{color:#148358}.string{color:#ad4e9a}.keyword{color:#185fba;font-weight:600}.number{color:#be6840}.editorfoot{height:24px;border-top:1px solid #e2e8eb;display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:0 10px;color:#9ba9b1;font-size:10px}.figuretoolbar{height:37px;display:flex;align-items:center;gap:6px;padding:0 9px;background:#f7f8f9;border-bottom:1px solid #d9e0e4;flex:none}.figuretoolbar span{font-size:9px;color:#98a5ad;letter-spacing:.08em;margin-right:4px}.figuretoolbar button,.figuretoolbar a{font:11px 'Segoe UI',sans-serif;border:1px solid #d0d9de;background:#fff;color:#526b7a;border-radius:2px;padding:4px 7px;text-decoration:none;cursor:pointer}.figuretoolbar button:hover,.figuretoolbar a:hover{background:#eef6fa}.figuretoolbar a{margin-left:auto}.chartwrap{flex:1;min-height:0;position:relative;background:white;padding:8px}canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}#tip{position:absolute;pointer-events:none;background:#253b4b;color:white;border-radius:4px;padding:6px 8px;font:11px Consolas,monospace;box-shadow:0 3px 12px #2335}.figurefoot{height:28px;border-top:1px solid #e5ebee;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;color:#86969f;font-size:10px;white-space:nowrap;overflow:hidden}footer{height:25px;flex:none;background:#edf0f2;border-top:1px solid #cbd3d9;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#778892;font-size:10px}footer i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#49a97c;margin-right:6px}footer a{color:#53798f;text-decoration:none}@media(max-width:850px){.rgroup:nth-child(n+4){display:none}.top nav span{padding:10px 10px}.figurefoot span:first-child{display:none}.editor{width:35%}.left{width:27%}.code{font-size:11px}}@media(max-width:650px){body{height:auto;min-height:100dvh;overflow:auto}main{display:grid;grid-template-columns:1fr;gap:4px;flex:none;padding:4px}.left,.editor,.figure{width:100%!important;min-width:0}.left{height:300px}.workspace{height:95px}.editor{height:480px}.figure{height:400px}.split.vertical{display:none}.ribbon{height:80px}.rgroup:nth-child(n+3){display:none}.top nav span:nth-child(n+4){display:none}.topright{display:none}.folderbar .path{text-overflow:ellipsis}.footnote{display:none}footer{height:30px}}
