:root{font-family:Arial,Tahoma,sans-serif;color:#111;background:#f0f0f0;font-synthesis:none;--face:#efefed;--edge:#777;--shadow:#aaa;--highlight:#fff;--selection:#000080}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,select{font:inherit;color:inherit}button{cursor:default}button:disabled{color:#888;filter:grayscale(1);opacity:.5}button:focus-visible,select:focus-visible,summary:focus-visible{outline:1px dotted #111;outline-offset:-4px}button{border-radius:0}#app{height:100dvh;min-height:480px;display:flex;flex-direction:column;overflow:hidden;background:var(--face)}.titlebar{order:0;height:31px;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 7px;background:#edf7fc;border-bottom:1px solid #ddd;font-size:16px;font-weight:400}.logo{font-size:19px;color:#087e1b;line-height:1}.logo svg{display:block;width:22px;height:22px}.version{margin-left:auto;font-size:11px;font-weight:400;color:#686868}.badge{display:none}.window-controls{margin-left:auto;display:flex;gap:0;height:100%}.window-controls button{border:0;background:transparent;width:43px;font-size:17px}.menu{order:1;display:flex;flex-shrink:0;height:29px;background:var(--face);padding:0 4px;z-index:30;align-items:stretch;border-bottom:1px solid #aaa;font-size:16px;white-space:nowrap}.menu details{position:relative}.menu summary{height:28px;list-style:none;padding:3px 9px 4px;border:1px solid transparent;cursor:default}.menu summary::-webkit-details-marker{display:none}.menu details[open]>summary,.menu summary:hover{background:#dfdfdf;border-color:#fff #888 #888 #fff}.dropdown{position:absolute;top:27px;left:0;min-width:265px;background:var(--face);border:1px solid;border-color:#fff #555 #555 #fff;box-shadow:2px 2px #999;padding:3px;z-index:100;font-size:14px}.dropdown button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:25px;text-align:left;border:0;background:transparent;padding:5px 20px;white-space:nowrap}.dropdown button:hover,.dropdown button:focus-visible{background:var(--selection);color:#fff;outline:none}.dropdown kbd{font:12px Arial,sans-serif;color:inherit}.dropdown hr{height:2px;border:0;border-top:1px solid #aaa;border-bottom:1px solid white;margin:3px 2px}.toolbar{order:2;display:flex;align-items:center;gap:2px;padding:3px 5px 4px;min-height:48px;flex-shrink:0;background:var(--face);border-bottom:1px solid #888;box-shadow:inset 0 1px #fff;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.tool{height:40px;min-width:40px;padding:2px;display:inline-flex;align-items:center;justify-content:center;gap:3px;border:2px solid;border-color:white #888 #888 white;background:var(--face);white-space:nowrap;box-shadow:1px 1px #ccc}.tool:hover{background:#f7f7f5}.tool:active,.tool.active{border-color:#777 white white #777;background:#e4e4e4;box-shadow:none}.tool svg{display:block;width:32px;height:32px;flex-shrink:0}.tool .text{display:none}.tool .sym{font-size:24px;line-height:28px;color:#111}.sep{height:35px;flex-shrink:0;width:2px;border-left:1px solid #999;border-right:1px solid white;margin:0 4px}.toolbar select{height:33px;min-width:91px;border:2px solid;border-color:#777 white white #777;background:#fff;font-size:16px;padding:1px 3px}.run{margin-left:3px}.toolbar .run svg{width:32px}.palette{order:3;min-height:57px;height:57px;display:flex;gap:0;padding:2px 5px;background:var(--face);flex-shrink:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;border-top:1px solid #fff;border-bottom:1px solid #888}.component-button{height:51px;min-width:51px;width:51px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:3px;border:2px solid;border-color:white #888 #888 white;box-shadow:none;background:var(--face)}.component-button:hover{background:#fafaf8}.component-button.active,.component-button:active{border-color:#777 white white #777;background:#dededb}.component-button svg{display:block;width:39px;height:39px;overflow:visible}.component-button span{display:none}.palette:before{content:"";width:12px;flex-shrink:0;margin-right:3px;border:1px solid;border-color:#fff #888 #888 #fff;background:linear-gradient(105deg,transparent 0 30%,#888 31% 34%,#fff 35% 40%,transparent 41%)}.categories{order:4;display:flex;align-items:stretch;min-height:32px;height:32px;flex-shrink:0;padding:0 4px;gap:0;overflow-x:auto;overflow-y:hidden;background:var(--face);border-bottom:2px solid #aaa;scrollbar-width:thin}.category{height:30px;white-space:nowrap;padding:3px 9px 4px;font-size:15px;font-weight:400;background:var(--face);border:1px solid;border-color:#fff #999 #999 #fff;border-bottom:0}.category.active{background:#f2f2f2;border-top:2px solid #fff;border-left:2px solid #fff;color:#000;font-weight:400}.category:hover{background:#fafaf8}.workspace{order:5;flex:1;display:flex;min-height:0;min-width:0;background:#fff}.center{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}.tabs{height:28px;display:flex;flex-shrink:0;gap:0;padding:2px 3px 0;background:var(--face);border-bottom:1px solid #999}.tab{padding:3px 12px;background:#e6e6e6;border:1px solid;border-color:#fff #999 transparent #fff;border-radius:0;color:#111;font-size:13px}.tab.active{background:#fff;color:#111}.tab .dot{color:green;margin-right:4px}.viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:#fff}.sheet{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff}.sheet:focus{outline:none}.sheet pattern circle{fill:silver}.sheet .symbol{fill:none;stroke:green;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.sheet .wire{stroke:#3c0000;stroke-width:1.05;fill:none;stroke-linecap:round}.sheet .pin{stroke:red;stroke-width:.65}.sheet .label{fill:teal;font:9px Arial,sans-serif;stroke:none}.sheet .meterlabel{fill:purple}.sheet .selected{stroke:#0000c0!important}.sheet .pick{fill:none;stroke:transparent;stroke-width:12;pointer-events:stroke}.right-panel,.rightpanel{width:252px;flex-shrink:0;border-left:2px solid;border-color:#999;background:var(--face);padding:10px;overflow:auto}.right-panel h3,.rightpanel h3{font-size:14px;font-weight:400;margin:0 0 14px}.right-panel .empty,.rightpanel .empty{color:#555;line-height:1.5}.props-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.props-grid label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#111}.props-grid .full{grid-column:1/-1}.props-grid input,.props-grid select{min-width:0;width:100%;height:27px;background:#fff;border:2px solid;border-color:#888 white white #888;border-radius:0;padding:2px 4px;color:#111}.full-button{width:100%;margin-top:10px;background:var(--face);border:2px solid;border-color:white #888 #888 white;border-radius:0;padding:5px}.full-button:active{border-color:#888 white white #888}.small-note{font-size:11px;line-height:1.5;color:#555;margin-top:12px}.footer{order:6;min-height:23px;height:23px;border-top:1px solid #aaa;background:var(--face);display:flex;align-items:center;padding:2px 4px;gap:5px;flex-shrink:0;font-size:11px;color:#333}.footer>span{padding:1px 6px;border:1px solid;border-color:#aaa white white #aaa;height:19px}.footer #status{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.footer .indicator{width:7px;height:7px;background:green;display:inline-block;margin-right:3px;border-radius:0}.footer .busy{background:#e2ba00}.info-page{padding:18px 20px;overflow:auto;height:100%;background:#fff}.info-page h2{font-size:17px;font-weight:400;margin:0 0 10px}.info-page p{max-width:850px;line-height:1.5;color:#111}.info-page table{border-collapse:collapse;font-size:12px;min-width:400px}.info-page td,.info-page th{padding:6px 10px;border:1px solid #aaa;text-align:left}.info-page th{background:#eee}.info-page pre{white-space:pre-wrap;background:#f4f4f4;border:1px solid #aaa;padding:12px;max-width:950px}.graph-page{height:100%;display:flex;flex-direction:column;background:#fff}.graph-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 9px;border-bottom:1px solid #999;background:var(--face);font-size:12px}.graph-tools button{padding:3px 7px;border:2px solid;border-color:white #888 #888 white;background:var(--face);border-radius:0}.graph-tools select{padding:2px;max-width:300px;border-radius:0;border:1px solid #888;background:#fff}.plot-holder{flex:1;min-height:180px;padding:5px 12px 0}.plot{height:100%;width:100%;touch-action:none}.graph-note{padding:5px 12px;font:12px Consolas,monospace;color:#222;min-height:27px;border-top:1px solid #aaa;background:var(--face)}.legend{display:flex;gap:12px;flex-wrap:wrap;padding:3px 15px 7px;font-size:11px}.legend i{display:inline-block;width:14px;height:2px;vertical-align:middle;margin-right:5px}.modal{border:2px solid;border-color:white #666 #666 white;border-radius:0;box-shadow:3px 3px #777;padding:0;width:min(530px,calc(100vw - 24px));color:#111;background:var(--face)}.modal::backdrop{background:#0003}.modal header{padding:5px 9px;background:navy;color:#fff;font-size:14px;font-weight:700;border-bottom:1px solid #666}.modal .body{padding:15px 16px;line-height:1.5}.modal .form{display:grid;grid-template-columns:1fr 1fr;gap:11px}.modal label{font-size:12px;color:#111;display:flex;flex-direction:column;gap:4px}.modal input,.modal select{width:100%;height:28px;border:2px solid;border-color:#888 white white #888;border-radius:0;padding:3px 5px;color:#111;background:#fff}.modal .full{grid-column:1/-1}.modal footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 16px;border-top:1px solid #bbb}.modal button{padding:4px 15px;min-width:76px;border:2px solid;border-color:white #888 #888 white;background:var(--face);border-radius:0}.modal button.primary{background:var(--face);color:#111;border-color:white #555 #555 white;outline:1px solid #111;outline-offset:1px}.modal button:active{border-color:#888 white white #888}.modal .error{color:#b00000;font-size:12px;min-height:18px;margin:6px 0 0}.file-input,.mobile-warning{display:none}[hidden]{display:none!important}@media(max-width:1000px){.right-panel,.rightpanel{width:220px}.menu{font-size:14px}.menu summary{padding-left:7px;padding-right:7px}.category{font-size:14px;padding-left:7px;padding-right:7px}.version{display:none}}@media(max-width:700px){.right-panel,.rightpanel{display:none}.menu{overflow-x:auto;overflow-y:visible;height:28px;font-size:13px}.menu summary{padding-left:6px;padding-right:6px}.toolbar .optional{display:none}.titlebar{font-size:14px}.context-hint,.footer #mode-status{display:none}.tool{min-width:32px}.dropdown{position:fixed;top:59px;left:4px}.category{font-size:13px}.palette{height:53px;min-height:53px}}.document-tabs{display:flex;min-height:27px;flex-shrink:0;background:#efefed;border-bottom:1px solid #999;overflow-x:auto}.document-tab{padding:3px 9px;border:1px solid;border-color:#fff #888 #888 #fff;background:#ddd;white-space:nowrap;font-size:12px}.document-tab.active{background:#fff}.document-tab span{margin-left:14px;color:#555}.sheet .selected{stroke:red!important}.graph-page{overflow:auto}.graph-tools,.graph-note,.legend{flex-shrink:0}.plot-holder{flex:1 0 180px}.plot{display:block}.menu details::details-content{overflow:visible;content-visibility:visible}.menu details:not([open])>.dropdown{display:none}.menu details::details-content{display:contents}.modal[data-scope] label{color:#ddd}.modal[data-scope] button{color:#111}.modal[data-scope] input,.modal[data-scope] select{color:#111;background:#fff}.dropdown .menu-check{display:inline-block;min-width:20px;margin-right:5px}.dropdown button{display:flex;align-items:center;gap:3px}.dropdown .pending{font-size:9px;color:#777;margin-left:auto;padding-left:15px}.dropdown button:disabled{color:#888;text-shadow:1px 1px white;cursor:default}.dropdown hr{border:0;border-top:1px solid #bbb;margin:4px 2px}.menu-submenu{position:relative}.menu-submenu>.dropdown{display:none;position:absolute;left:100%;top:0}.menu-submenu:hover>.dropdown,.menu-submenu:focus-within>.dropdown{display:block}.menu .dropdown{max-height:calc(100vh - 80px);overflow-y:auto;min-width:250px}.menu-submenu>.dropdown{position:fixed;left:auto;margin-left:0;top:60px}.modal textarea{width:100%;resize:vertical;font:14px Arial;color:#111;background:#fff;padding:5px}.sheet .annotation text{stroke:none;white-space:pre}.sheet .annotation{cursor:move}.text-editor-dialog{width:424px;max-width:95vw;padding:0}.native-text-toolbar{display:flex;gap:2px;padding:4px 3px;border-bottom:1px solid #888}.native-text-toolbar button,.native-text-side button{border:2px solid;border-color:#fff #888 #888 #fff;border-radius:0;background:#eee;min-width:27px;height:26px;padding:0 3px;font:15px Arial}.native-text-toolbar button:disabled{color:#888}.native-text-work{display:flex;height:216px;padding:0 4px 4px;gap:5px}.native-text-work textarea{flex:1;min-width:0;width:0;resize:none;margin:0;border:2px solid;border-color:#888 #fff #fff #888;border-radius:0;background:#fff;padding:2px;line-height:1.15;white-space:pre;overflow:auto}.native-text-side{width:32px;display:flex;flex-direction:column;gap:5px;padding-top:5px}.native-text-side button{width:30px;height:28px;flex-shrink:0}.native-text-side #text-ok{color:green;font-weight:700}.native-text-side #text-cancel{color:#c00000;font-weight:700}.text-editor-dialog .error:empty{display:none}.text-editor-dialog .error{margin:4px 8px}.native-font-body{padding:12px;display:grid;grid-template-columns:1.4fr 1.15fr .7fr;gap:8px}.native-font-body label{display:flex;flex-direction:column;gap:3px;font-size:12px}.native-font-body input,.native-font-body select{min-width:0;width:100%;border-radius:0}.native-font-body fieldset{margin:4px 0 0;padding:7px;border:1px solid #888;min-width:0}.native-font-body fieldset label{display:block;white-space:nowrap;margin-bottom:6px}.native-font-body input[type=checkbox]{width:auto}.native-font-sample{grid-column:2/4;display:flex;align-items:center;justify-content:center}.text-editor-dialog footer{padding:8px;gap:6px}.native-font-body fieldset label:has(input[type=checkbox]){display:flex;flex-direction:row;gap:4px;align-items:center}.native-font-body input[type=checkbox]{margin:0;width:13px;height:13px}.native-font-body .native-font-sample{overflow:hidden}.native-text-work textarea:focus{outline:none;border-radius:0}