body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Cantarell,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}button,input,select,textarea{font-family:inherit;font-size:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--view-bg:#1e1e1e;--window-bg:#242424;--card-bg:#383838;--accent-color:#3584e4;--border-colour:#ffffff1a;--shadow-colour:#00000080;--active-colour:#3584e4;--alert-colour:#e01b24;--inactive-colour:#ffffff8c;--header-colour:#303030;--footer-colour:#303030;--window-blur:4px;--toolbar-hover-colour:#ffffff1f;--dialog-header-colour:#303030;--list-bg-colour:#383838;--list-hover-colour:#444;--text-colour:#fff;--text-contrast-color:#fff;--dim-text:#ffffffa6;--xs-text:11px;--small-text:12px;--medium-text:13px;--large-text:18px;--xl-text:24px;--border-radius:6px;--hover-bg:#ffffff1a;--strong-hover-bg:#fff3;--subtle-bg:#ffffff0d;--input-bg:#00000040;--separator-dark:#0006;--accent-tint:#3584e426;--alert-tint:#e01b2426;--tooltip-bg:#111;--accent-shadow:#3584e4bf}.DesignWeb{--sidekick-offset:0px;height:100%;width:100%}.DesignWeb.sidekick-open{--sidekick-offset:300px}body,html{height:100%;overflow:hidden}.headerbar{align-items:center;background-color:var(--header-colour);box-shadow:0 1px 0 #00000080;color:var(--text-colour);display:flex;flex-direction:row;height:46px;justify-content:center;position:relative;width:100%;z-index:3}.headerbar-title{color:var(--text-colour);font-size:var(--medium-text);font-weight:600;letter-spacing:.01em;position:absolute}.headerbar-menu{position:absolute;right:0}.toolbarbutton{background-color:initial;border:none;border-radius:8px;cursor:pointer;height:36px;transition:background-color .15s ease;width:36px}.toolbarbutton img{height:18px;opacity:.65;transition:opacity .15s ease,filter .15s ease,transform .15s ease;width:18px}.toolbarbutton:hover img{filter:drop-shadow(0 0 5px var(--accent-shadow));opacity:1;transform:scale(1.1)}.toolbarbutton:hover{background-color:var(--strong-hover-bg)}.toolbarbutton:hover .tooltip{transition-delay:.8s;visibility:visible}.toolbarbutton .tooltip{background-color:var(--tooltip-bg);border:1px solid var(--border-colour);border-radius:var(--border-radius);box-shadow:0 4px 12px #0006;color:var(--text-colour);font-size:var(--small-text);position:absolute;text-align:center;visibility:hidden;width:120px;z-index:1}.tooltipleft{left:20px}.tooltipright{right:20px}canvas{cursor:crosshair;height:100%}.commandline,canvas{left:0;position:absolute;right:var(--sidekick-offset,0)}.commandline{align-items:center;background:var(--footer-colour);bottom:0;box-shadow:0 -1px 0 #00000080;display:flex;flex-direction:row;height:46px;justify-content:space-between;padding:0 4px;transition:right .25s ease}.cmdLine{background-color:var(--input-bg);border:1px solid var(--border-colour);border-radius:9999px;color:var(--text-contrast-color);flex:1 1;font-family:inherit;height:32px;margin-right:8px;padding:0 12px}.cmdLine,.coordLabel{font-size:var(--medium-text);margin-left:8px}.coordLabel{color:var(--dim-text);display:block;font-variant-numeric:tabular-nums;letter-spacing:.02em;margin-right:12px;min-width:260px;text-align:right}.toolbar{align-items:center;background-color:var(--list-bg-colour);border:1px solid var(--border-colour);border-radius:12px;box-shadow:0 2px 6px #0006,0 8px 24px #0006;display:flex;flex-direction:column;gap:2px;height:auto;padding:6px 4px;position:absolute;top:calc(50% - 150px);width:48px}.left{left:10px}.right{right:calc(10px + var(--sidekick-offset, 0px))}.popover{border:1px solid var(--border-colour);border-radius:12px;box-shadow:0 4px 8px #0000004d,0 14px 48px #00000080;overflow:hidden;padding:6px 0;position:fixed;right:calc(8px + var(--sidekick-offset, 0px));top:55px;transition:right .25s ease;width:200px;z-index:10}.popover,.popover-arrow{background-color:var(--card-bg)}.popover-arrow{border-left:1px solid var(--border-colour);border-top:1px solid var(--border-colour);height:10px;position:absolute;right:16px;top:-5px;transform:rotate(45deg);width:10px}.popovermenuitem{border-radius:8px;color:var(--text-colour);cursor:pointer;font-size:var(--medium-text);height:34px;line-height:34px;margin:3px 6px;padding-left:12px;transition:background-color .1s ease;-webkit-user-select:none;user-select:none;vertical-align:middle}.popovermenuitem:hover{background-color:var(--hover-bg)}.about-window{align-items:center;background-color:var(--card-bg);border:1px solid var(--border-colour);border-radius:16px;box-shadow:0 24px 64px #000000b3,0 4px 16px #0006;display:flex;flex-direction:column;gap:8px;left:50%;padding:32px 24px 24px;position:fixed;top:50%;transform:translate(-50%,-50%);width:320px;z-index:2}.about-window-icon{height:96px;margin-bottom:8px;width:96px}.about-window-title{color:var(--text-colour);font-size:var(--xl-text);margin:0}.about-window-description{color:var(--inactive-colour);font-size:var(--small-text);margin:0}.about-window-author{color:var(--text-colour);font-size:var(--medium-text);margin:0}.about-window-links{margin-top:8px}.about-window-link{color:var(--accent-color);font-size:var(--small-text);text-decoration:none}.about-window-link:hover{text-decoration:underline}.about-window-close{background-color:var(--accent-color);border:none;border-radius:9999px;color:var(--text-contrast-color);cursor:pointer;font-family:inherit;font-size:var(--medium-text);font-weight:500;margin-top:16px;padding:8px 24px;transition:opacity .15s ease}.about-window-close:hover{opacity:.85}.sidekick{background-color:var(--window-bg);border-left:1px solid var(--shadow-colour);display:flex;flex-direction:column;height:calc(100% - 46px);overflow:hidden;position:fixed;right:0;top:46px;transform:translateX(100%);transition:transform .25s ease;width:300px;z-index:2}.sidekick--open{transform:translateX(0)}.sidekick-layout{display:flex;flex:1 1;flex-direction:row;overflow:hidden}.sidekick-content,.sidekick-content-scroll{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.sidekick-content-scroll{min-height:0}.sidekick-content-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.sidekick-content-list{box-sizing:border-box;flex:1 1;min-height:0;overflow-y:auto;padding:8px 12px}.sidekick-row-group{margin-bottom:8px}.sidekick-row-group:last-child{margin-bottom:0}.sidekick-content-detail{background-color:var(--view-bg);border-top:1px solid var(--separator-dark);flex-shrink:0;max-height:45%;overflow-y:auto;padding:8px 12px 12px}.sidekick-content-detail-header{align-items:center;border-bottom:1px solid var(--border-colour);display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:4px;padding:6px 0 4px}.sidekick-content-detail-title{color:var(--inactive-colour);font-size:var(--xs-text);letter-spacing:.08em;text-transform:uppercase}.sidekick-content-detail-toolbar{display:flex;flex-shrink:0;gap:4px}.sidekick-tabs{background-color:var(--view-bg);border-left:1px solid var(--separator-dark);display:flex;flex-direction:column;width:34px}.sidekick-tab{align-items:center;background:#0000;border:none;border-right:2px solid #0000;border-top:1px solid var(--border-colour);color:var(--inactive-colour);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--small-text);justify-content:center;padding:18px 0;transform:rotate(180deg);transition:color .15s ease,background-color .15s ease;-webkit-user-select:none;user-select:none;writing-mode:vertical-rl}.sidekick-tab--active{background-color:var(--accent-tint);border-right:2px solid var(--accent-color);color:var(--accent-color)}.sidekick-tab:hover:not(.sidekick-tab--active){background-color:var(--hover-bg);color:var(--text-colour)}.dialogheader{align-items:center;background-color:var(--dialog-header-colour);box-shadow:0 1px 0 #0006;display:flex;flex-shrink:0;height:46px;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:100%}.dialogtitle{color:var(--text-colour);font-size:var(--medium-text);font-weight:600;text-align:center}.dialogaddbutton,.dialogclosebutton{align-items:center;background-color:initial;border:none;border-radius:9999px;color:var(--text-colour);cursor:pointer;display:flex;font-size:var(--large-text);height:34px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .15s ease;width:34px}.dialogclosebutton{right:6px}.dialogaddbutton{left:6px}.dialogaddbutton:hover,.dialogclosebutton:hover{background-color:var(--hover-bg)}.properties-empty{align-items:center;color:var(--inactive-colour);display:flex;font-size:var(--small-text);height:100%;justify-content:center}.properties-filter{align-items:center;background-color:var(--subtle-bg);border-bottom:1px solid var(--border-colour);display:flex;gap:8px;padding:6px 12px}.properties-filter-label{color:var(--inactive-colour);flex-shrink:0;font-size:var(--small-text);white-space:nowrap}.properties-list{box-sizing:border-box;flex:1 1;overflow-y:auto;padding:8px 12px}.dialogrow{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;-webkit-user-select:none;user-select:none;width:100%}.dialogrow--list{background-color:var(--list-bg-colour);gap:12px;height:44px;margin-bottom:1px;padding:0 12px}.dialogrow--list:first-child{border-radius:12px 12px 0 0}.dialogrow--list:last-child{border-radius:0 0 12px 12px;margin-bottom:0}.dialogrow--list:first-child:last-child{border-radius:12px}.dialogrow--list:hover{background-color:var(--list-hover-colour)}.dialogrow--current{background-color:var(--accent-tint)}.dialogrow--form{background-color:var(--list-bg-colour);height:44px;justify-content:space-between;margin-bottom:1px;padding:0 12px}.dialogrow--form:first-child{border-radius:12px 12px 0 0}.dialogrow--form:last-child{border-radius:0 0 12px 12px;margin-bottom:0}.dialogrow--form:first-child:last-child{border-radius:12px}.dialogrow-label{color:var(--text-colour);font-size:var(--medium-text)}.dialogrow--list .dialogrow-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialogrow--form .dialogrow-label{min-width:100px}.dialogrow-colour-input{background:none;border:none;border-radius:6px;cursor:pointer;flex-shrink:0;height:28px;overflow:hidden;padding:0;width:28px}.dialogrow-colour-input::-webkit-color-swatch-wrapper{padding:0}.dialogrow-colour-input::-webkit-color-swatch{border:none;border-radius:6px}.dialogrow-colour-input::-moz-color-swatch{border:none;border-radius:6px}.dialogrow-badge{background-color:var(--accent-tint);border-radius:4px;color:var(--active-colour);flex-shrink:0;font-size:var(--xs-text);padding:2px 6px}.dialogrow-actions{display:flex;flex-shrink:0;gap:4px}.dialogrow-input{background-color:var(--input-bg);border:1px solid var(--border-colour);border-radius:6px;box-sizing:border-box;color:var(--text-colour);font-family:inherit;font-size:var(--small-text);margin-left:auto;min-width:0;padding:4px 8px}.dialogrow-input:focus{border-color:var(--accent-color);outline:none}.dialogrow-input--number{text-align:right;width:90px}.dialogrow-input--text{width:120px}.dialogrow-input--select{cursor:pointer;width:120px}.dialogrow-input--fill{flex:1 1;font-family:inherit;min-width:0;width:auto}.dialogrow-input--select option{background-color:var(--window-bg);color:var(--text-colour)}.dialogrow-value-readonly{color:var(--inactive-colour);font-size:var(--small-text);margin-left:auto;padding-right:4px}.layers-panel-add-btn{align-items:center;background:none;border:none;border-radius:9999px;color:var(--text-colour);cursor:pointer;display:flex;font-size:var(--large-text);height:30px;justify-content:center;line-height:1;padding:0;transition:background-color .15s ease;width:30px}.layers-panel-add-btn:hover{background-color:var(--hover-bg)}.layers-panel-delete-btn{align-items:center;background:none;border:none;border-radius:9999px;color:var(--alert-colour);cursor:pointer;display:flex;font-size:var(--large-text);height:30px;justify-content:center;line-height:1;margin-left:4px;padding:0;transition:background-color .15s ease;width:30px}.layers-panel-delete-btn:hover:not(:disabled){background-color:var(--alert-tint)}.layers-panel-delete-btn:disabled{cursor:default;opacity:.3}.layers-panel-setcurrent-btn{align-items:center;background:none;border:none;border-radius:9999px;color:var(--active-colour);cursor:pointer;display:flex;font-size:var(--medium-text);height:30px;justify-content:center;line-height:1;margin-left:4px;padding:0;transition:background-color .15s ease;width:30px}.layers-panel-setcurrent-btn:hover:not(:disabled){background-color:var(--accent-tint)}.layers-panel-setcurrent-btn:disabled{cursor:default;opacity:.3}.confirmation-dialog{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:20px;justify-content:center;padding:20px}.confirmation-dialog-text{color:var(--text-colour);font-size:var(--medium-text);text-align:center}.confirmation-dialog-buttons{display:flex;gap:16px}.confirmation-dialog-cancel-btn{background-color:var(--hover-bg);border:1px solid var(--toolbar-hover-colour);border-radius:9999px;color:var(--text-colour);cursor:pointer;font-family:inherit;font-size:var(--medium-text);padding:8px 20px;transition:background-color .15s ease}.confirmation-dialog-cancel-btn:hover{background-color:var(--strong-hover-bg)}.confirmation-dialog-confirm-btn{background-color:var(--alert-colour);border:none;border-radius:9999px;color:var(--text-contrast-color);cursor:pointer;font-family:inherit;font-size:var(--medium-text);padding:8px 20px;transition:opacity .15s ease}.confirmation-dialog-confirm-btn:hover{opacity:.85}.dialogbackground{backdrop-filter:blur(var(--window-blur));background-color:var(--shadow-colour);height:100%;left:0;top:0;width:100%}.dialogbackground,.dialogwindow{overflow:hidden;position:fixed;z-index:1}.dialogwindow{background-color:var(--card-bg);border:1px solid var(--border-colour);border-radius:12px;box-shadow:0 24px 64px #000000b3,0 4px 16px #0006;display:flex;flex-direction:column;height:60vh;left:50%;margin-left:-240px;max-height:80vh;min-height:100px;top:10%;width:480px}.dialoglist{border-radius:10px;margin:12px;overflow:hidden}.switch{display:inline-block;flex-shrink:0;height:28px;margin-left:auto;position:relative;width:56px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#5c5c5c;border:none;border-radius:9999px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background-color .2s ease}.slider:before{background-color:#fff;border-radius:50%;box-shadow:0 1px 4px #00000080;content:"";height:22px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:22px}input:checked+.slider{background-color:var(--active-colour)}input:checked+.slider:before{transform:translateX(28px)}.slider:hover{background-color:#6e6e6e}input:checked+.slider:hover{background-color:#4a7fc2}input:focus-visible+.slider{outline:2px solid var(--accent-color);outline-offset:2px}.settings-group-header{color:var(--inactive-colour);font-size:var(--xs-text);font-weight:600;letter-spacing:.08em;padding:4px 0 6px;text-transform:uppercase}
/*# sourceMappingURL=main.15592b35.css.map*/