.editor-hints__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.editor-hints__item{grid-template-columns:124px 1fr;align-items:center;gap:18px;display:grid}.editor-hints__input{box-sizing:border-box;color:#555;padding:5px 0;font-size:12px;font-weight:700;line-height:1}.editor-hints__action{color:#666;font-size:12px;line-height:1.2}.editor-hints__title{color:#4d4d4d;border-bottom:1px solid #e3e3e3;margin:13px 0;padding-bottom:14px;font-size:13px;font-weight:700;line-height:normal}.workspace-sidebar{z-index:10;width:min(310px,100vw - 34px);height:100dvh;transition:transform .42s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;transform:translate(0)}.workspace-sidebar--collapsed{transform:translate(-100%)}.workspace-sidebar__panel{isolation:isolate;box-sizing:border-box;overscroll-behavior:contain;border-right:1px solid var(--floating-panel-border);height:100%;box-shadow:var(--floating-panel-shadow);background:#fff;flex-direction:column;padding:22px;display:flex;position:relative;overflow:hidden auto}.workspace-sidebar__panel:before{content:"";z-index:0;aspect-ratio:1;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;background:url(/Cirkuit/assets/sidebar-corner-CWnS5ITC.png) 0 100%/50% 50% no-repeat;position:absolute;inset:auto 0 0}.workspace-sidebar__panel>*{z-index:1;position:relative}.workspace-sidebar__brand{color:#353535;margin:0;font-family:Silkscreen,sans-serif;font-size:40px;font-weight:700;line-height:1;transform:translate(-4px)}.workspace-sidebar__content{flex:auto;grid-template-rows:auto minmax(min-content,1fr) auto auto;min-height:0;padding-block:24px;display:grid}.workspace-sidebar__content-top{align-self:start}.workspace-sidebar__content-center{align-self:center;margin-bottom:40px}.workspace-sidebar__content-bottom{align-self:end;margin-bottom:10px}.workspace-sidebar__footer{padding-top:18px}.workspace-sidebar__toggle{box-sizing:border-box;color:#666;border:1px solid var(--floating-panel-border);cursor:pointer;background:#fff;border-left:0;place-items:center;width:34px;height:64px;padding:0;display:grid;position:absolute;top:50%;right:-34px;transform:translateY(-50%);box-shadow:8px 4px 18px #0000000f}.workspace-sidebar__toggle:hover,.workspace-sidebar__toggle:focus-visible{color:#222;background:#f7f7f7}.workspace-sidebar__toggle svg{width:18px;height:18px}@media (width<=640px),(height<=600px){.workspace-sidebar__panel{padding:12px}.workspace-sidebar__brand{font-size:32px}.workspace-sidebar__content{padding-block:16px}.workspace-sidebar__content-center{margin-bottom:20px}.workspace-sidebar__content-bottom{margin-bottom:8px}}@media (width<=260px){.workspace-sidebar__brand{font-size:28px}}@media (prefers-reduced-motion:reduce){.workspace-sidebar{transition:none}}.workspace-introduction{color:#666;padding-top:14px;font-size:13px;line-height:1.55}.workspace-introduction p{margin:0}.workspace-introduction p+p{margin-top:8px}.workspace-introduction__welcome{color:#4d4d4d;font-weight:600}.workspace-introduction__presentation{line-height:1.6}.workspace-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;font-size:12px;line-height:1;display:flex}.workspace-links a{color:#777;text-underline-offset:3px;text-decoration-color:#d3d3d3;transition:color .14s,text-decoration-color .14s}.workspace-links a:hover,.workspace-links a:focus-visible{color:#353535;text-decoration-color:currentColor}@media (width<=260px){.workspace-links{gap:10px}}.annotation-layer{z-index:3;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:visible}.annotation-layer--editable{pointer-events:auto;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAUklEQVR4AeySUQoAIAhDq/vf2VQI/HJSCUGGq6Ax5dFosUVsE/HhVzTQTzGvFWhgbF4/ZSgfFmkRRT5KYdi5PRJbtJCvp0yorW9tNeE5yfcZTgAAAP//Y+tj3wAAAAZJREFUAwB9uBQnb97euQAAAABJRU5ErkJggg==) 10 10,crosshair}.annotation-layer--editable[data-tool=label]{cursor:text}.annotation-layer__svg{pointer-events:none;position:absolute;inset:0;overflow:visible}.annotation-layer__shape{pointer-events:none}.annotation-layer--editable .annotation-layer__shape{pointer-events:stroke;cursor:move}.annotation-layer__line,.annotation-layer__rectangle{fill:none;stroke:#545454;stroke-width:2px}.annotation-layer__line{stroke-linecap:round}.annotation-layer__rectangle{stroke-dasharray:8 6}.annotation-layer__shape--selected .annotation-layer__line,.annotation-layer__shape--selected .annotation-layer__rectangle{stroke:#97c98f;stroke-width:3px}.annotation-layer__hit-area{fill:none;stroke:#0000;stroke-width:12px}.annotation-layer__draft{stroke:#616161;opacity:.65;pointer-events:none}.annotation-layer__label,.annotation-layer__label-editor{z-index:3;box-sizing:border-box;color:#545454;white-space:nowrap;background:#ffffffeb;border:1px solid #0000;border-radius:0;min-height:24px;padding:4px 7px;font-size:13px;font-weight:600;line-height:1.2;position:absolute;transform:translateY(-50%)}.annotation-layer__label{cursor:pointer}.annotation-layer__label--selected{border-color:#97c98f}.annotation-layer__label-editor{outline-offset:1px;outline:2px solid #97c98f;width:180px}.project-actions{flex-direction:column;gap:8px;display:flex}.project-actions__buttons{gap:8px;display:flex}.project-actions__button{color:#555;cursor:pointer;background:#fff;border:1px solid #d4d4d4;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:10px 8px;font-size:12px;font-weight:600;line-height:1;transition:color .14s,background-color .14s,border-color .14s;display:flex}.project-actions__button:hover,.project-actions__button:focus-visible{color:#333;background:#fafafa}.project-actions__button:disabled{color:#aaa;cursor:wait}.project-actions__button svg{flex:none;width:15px;height:15px}.project-actions__input{display:none}.project-actions__error{color:var(--signal-conflict);overflow-wrap:anywhere;margin:0;font-size:11px;font-weight:600;line-height:1.35}@media (width<=280px){.project-actions__buttons{flex-direction:column}}.selection-layer{z-index:2;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.selection-layer--selecting,.selection-layer--moving{pointer-events:auto}.selection-layer--selecting{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAUklEQVR4AeySUQoAIAhDq/vf2VQI/HJSCUGGq6Ax5dFosUVsE/HhVzTQTzGvFWhgbF4/ZSgfFmkRRT5KYdi5PRJbtJCvp0yorW9tNeE5yfcZTgAAAP//Y+tj3wAAAAZJREFUAwB9uBQnb97euQAAAABJRU5ErkJggg==) 10 10,crosshair}.selection-layer--moving{cursor:grabbing}.selection-layer__move-handle{pointer-events:none;cursor:move;position:absolute}.selection-layer--move-enabled .selection-layer__move-handle{pointer-events:auto}.selection-layer__rectangle{box-sizing:border-box;pointer-events:none;background:#fff3;border:2px dashed #353535;position:absolute}.selection-layer__move-preview{box-sizing:border-box;pointer-events:none;background:#35353529;position:absolute}.selection-layer__move-preview--invalid{border-color:var(--signal-conflict);background:#ff4d4f2e}.selection-layer__outline{pointer-events:none;position:absolute;inset:0;overflow:visible}.selection-layer__outline line{stroke:#636363;stroke-width:2px;fill:none;vector-effect:non-scaling-stroke}.cell-preview{pointer-events:none;box-sizing:border-box;z-index:2;background:#80808024;position:absolute}.history-actions{z-index:9;transition:left .42s cubic-bezier(.16,1,.3,1);position:fixed;top:16px;left:26px}.history-actions__button{color:#515151;transform-origin:50%;opacity:.85;background:0 0;border:0}.history-actions__button:hover{opacity:1}.history-actions__button:active svg{transform:scale(.95)}.history-actions__button:disabled{opacity:.4}.workspace-sidebar:not(.workspace-sidebar--collapsed)~.history-actions{left:326px}.workspace-sidebar--collapsed~.history-actions{left:16px}@media (prefers-reduced-motion:reduce){.history-actions{transition:none}}:root{--grid-background:#fff;--grid-alternate:#f4f4f4;--grid-line:#dfdfdf;--cell-wire:#bdf;--cell-source:#f9c;--cell-light:#ffe3c7;--cell-switch:#b8dfb3;--cell-switch-active:#70c869;--cell-not:#c9b8ff;--cell-and:#ffd09a;--cell-light-active:#ffd43b;--signal-floating:#bdf;--signal-low:#7897b0;--signal-high:#97cbff;--signal-conflict:#ff4d4f;--floating-panel-border:#e3e3e3;--floating-panel-shadow:0 8px 24px #0000000f}html,body,#root{width:100%;height:100%;margin:0}body{font-family:sans-serif}button{font:inherit}.circuit-grid{background-color:var(--grid-background);background-image:conic-gradient(from 90deg, var(--grid-alternate) 25%, var(--grid-background) 0 50%, var(--grid-alternate) 0 75%, var(--grid-background) 0);outline:1px solid var(--grid-line);touch-action:none;-webkit-user-select:none;user-select:none;cursor:default;flex:none;position:relative}.circuit-grid--editable{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAUklEQVR4AeySUQoAIAhDq/vf2VQI/HJSCUGGq6Ax5dFosUVsE/HhVzTQTzGvFWhgbF4/ZSgfFmkRRT5KYdi5PRJbtJCvp0yorW9tNeE5yfcZTgAAAP//Y+tj3wAAAAZJREFUAwB9uBQnb97euQAAAABJRU5ErkJggg==) 10 10,crosshair}.circuit-component{z-index:2;box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:absolute}.circuit-lighting-cell{z-index:1;pointer-events:none;background:#ffd43b0f;position:absolute}.circuit-lighting-cell--2{background:#ffd43b2e}.circuit-lighting-cell--3{background:#ffd43b47}.component-glyph{z-index:2;color:#0000008c;transform-origin:50%;display:block;position:relative}.circuit-component .component-glyph{transition:opacity .12s}.circuit-component--glyph-on-hover .component-glyph{opacity:0;pointer-events:none}.circuit-component--glyph-on-hover:is(:hover,:focus-visible) .component-glyph{opacity:1}.circuit-component--glyph-always .component-glyph{opacity:1;pointer-events:none}.circuit-cell--wire{background:var(--signal-floating)}.circuit-cell--wire.circuit-component--low{background:var(--signal-low)}.circuit-cell--wire.circuit-component--high{background:var(--signal-high)}.circuit-cell--source{background:var(--cell-source)}.circuit-cell--light{background:var(--cell-light)}.circuit-cell--not{background:var(--cell-not)}.circuit-cell--and{background:var(--cell-and)}.circuit-hover-label{z-index:9;color:#616161;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:600;line-height:1;transition:left .42s cubic-bezier(.16,1,.3,1);position:fixed;bottom:16px;left:26px}.simulation-error{z-index:11;box-sizing:border-box;width:max-content;max-width:calc(100% - 32px);color:var(--signal-conflict);text-align:center;background:#fff;border:1px solid #ebebeb;padding:12px 14px;font-size:13px;font-weight:600;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000014}.circuit-editor,.map-viewport{width:100%;height:100%;overflow:hidden}.map-viewport{touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.map-viewport--panning,.map-viewport--panning *{cursor:grabbing!important}.map-viewport__content{transform-origin:0 0;width:max-content;position:absolute;top:0;left:0}.component-palette{--palette-item-size:clamp(44px, 6.5vh, 50px);--palette-icon-size:clamp(20px, 3.5vh, 22px);z-index:10;box-sizing:border-box;border:1px solid var(--floating-panel-border);box-shadow:var(--floating-panel-shadow);background:#fff;flex-direction:column;gap:clamp(8px,1vh,10px);padding:clamp(8px,1vh,10px);animation:1s cubic-bezier(.16,1,.3,1) both palette-in;display:flex;position:fixed;top:50%;right:clamp(8px,2vw,24px)}@keyframes palette-in{0%{opacity:0;transform:translate(40px)translateY(-50%)}to{opacity:1;transform:translate(0)translateY(-50%)}}.component-palette__item{box-sizing:border-box;width:var(--palette-item-size);height:var(--palette-item-size);flex:0 0 var(--palette-item-size);cursor:pointer;border:2px solid #0000;place-items:center;padding:0;line-height:0;display:grid;position:relative;overflow:visible}.component-palette__item>svg{width:var(--palette-icon-size);height:var(--palette-icon-size)}.component-palette__separator{background:#d5d5d5;flex:0 0 1px;align-self:stretch;height:1px;margin:2px 4px}.component-palette__item:after{content:"";z-index:2;image-rendering:pixelated;pointer-events:none;opacity:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAa0lEQVR4AexUMQ4AIQjD+/+fPXpJL9HB0oHNRERDC7WDT0TMLfJqrYWPhmCP3Bh5tBZ5yMGGVocTuKXhJ/U01aiNFoWGAA29CrVHCnE9VA7peouH+M/06BpitiiszS6iqBDPZhSpP4w85HgBAAD//5viuwkAAAAGSURBVAMA9LgQIXKARzkAAAAASUVORK5CYII=) 50%/90% 90% no-repeat;position:absolute;inset:-6px}.component-palette__item:hover:not([aria-pressed=true]):after,.component-palette__item:focus-visible:not([aria-pressed=true]):after{opacity:1;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAbElEQVR4AeyUQQoAIQwDd311n9Bf7zJCIQcR1BwVglWaOPRgy8xP9Swu9VI3/BHxljivqHzs+HoghUv+wEJ1EJLlJ3SQacYl1Gns1XeGe3NTl3+G/GH6wklNlp/whGjk7YSglkZNs7vysdP3AwAA//9UGGhOAAAABklEQVQDAPP1NOH9mUIFAAAAAElFTkSuQmCC)}.component-palette__item[aria-pressed=true]:after{opacity:1}.circuit-cell--light.circuit-component--active{background:var(--cell-light-active)}.circuit-component--conflict{background:var(--signal-conflict)}.circuit-cell--switch{background:var(--cell-switch)}.circuit-cell--switch.circuit-component--active{background:var(--cell-switch-active)}.circuit-component--interactive{cursor:pointer}.component-palette__item:disabled{cursor:not-allowed;opacity:.45}.component-palette__item--eraser,.component-palette__item--mode{color:#555;background:#f5f5f5}.component-palette__item--mode:after{display:none}.component-palette__item--mode[aria-pressed=true]{background:#e1f3df}.tooltip{display:inline-block;position:relative}.tooltip .tooltiptext{visibility:hidden;white-space:nowrap;color:#fff;text-align:center;z-index:1;opacity:0;pointer-events:none;background-color:#000;border-radius:6px;width:max-content;max-width:160px;padding:8px 15px;font-size:13px;transition:opacity .3s;position:absolute;top:50%;right:calc(100% + 20px);transform:translateY(-50%)}.tooltip .tooltiptext:after{content:"";border:5px solid #0000;border-left-color:#000;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.tooltip:not(.tooltip--menu-open):hover .tooltiptext,.tooltip:not(.tooltip--menu-open)>.component-palette__item:focus-visible+.tooltiptext{visibility:visible;opacity:1}.circuit-canvas{flex:none;position:relative}.component-palette__annotation-picker{position:relative}.component-palette__item--annotation{color:#555;background:#f5f5f5}.component-palette__annotation-menu{z-index:2;border:1px solid var(--floating-panel-border);box-shadow:var(--floating-panel-shadow);background:#fff;gap:8px;padding:8px;display:flex;position:absolute;top:50%;right:calc(100% + 18px);transform:translateY(-50%)}.workspace-sidebar:not(.workspace-sidebar--collapsed)~.circuit-hover-label{left:336px}.workspace-sidebar--collapsed~.circuit-hover-label{left:26px}@media (width<=640px),(height<=600px){.component-palette{--palette-item-size:44px;--palette-icon-size:20px;flex-flow:wrap;justify-content:center;gap:6px;width:calc(100% - 24px);max-width:380px;padding:8px;animation:none;inset:auto auto 12px 50%;transform:translate(-50%)}.circuit-hover-label{top:12px;bottom:auto;left:12px}.component-palette__separator{flex-basis:1px;align-self:center;width:1px;height:32px;margin:0 2px}.tooltip .tooltiptext{inset:auto auto calc(100% + 14px) 50%;transform:translate(-50%)}.tooltip .tooltiptext:after{border-color:#000 #0000 #0000;top:100%;left:50%;transform:translate(-50%)}.component-palette__annotation-menu{inset:auto auto calc(100% + 14px) 50%;transform:translate(-50%)}}