html{background:#000}body{font-family:sans-serif;font-size:11pt}*{-webkit-user-select:none;-ms-user-select:none;user-select:none}.selectable{-webkit-user-select:text;-ms-user-select:text;user-select:text}input[type=number],input[type=text],select,textarea{background:#555;color:#fff;border:1px solid #000;padding:3px;flex:1 1 auto}select{padding:2px 0;min-width:0;width:auto;max-width:auto}textarea{height:auto;min-height:20em}input[type=checkbox]{align-self:center;width:1.1em;height:1.1em}input[type=number]:focus,input[type=text]:focus,select:focus{border-color:#fff}input[type=number]:disabled,input[type=text]:disabled,select:disabled{border-color:#000;background-color:#222;color:#555}input[type=number]:invalid,input[type=text]:invalid,select:invalid{border-color:#f88;background-color:#422;color:#f88}input[type=number],input[type=range],input[type=text]{width:100%}input[type=number],input[type=text]{min-width:4em}button{padding:2px 4px;min-width:1.5em;cursor:pointer;position:relative;display:inline-flex;justify-content:center}input[type=file]{position:absolute;inset:0 0 0 0;opacity:0}input[type=file],input[type=file]::-webkit-file-upload-button{cursor:pointer}input[type=file]:disabled,input[type=file]:disabled::-webkit-file-upload-button{cursor:default}button.bad-symbol,button.good-symbol,button.symbol{color:#bbb}button.bad,button.good{color:#fff;padding:4px 8px;border:1px solid #000}button.good{background-color:#036;border-color:#06c}button.bad{background-color:#600;border-color:#c00}button.good-symbol{color:#8bf}button.bad-symbol{color:#f88}button.bad-symbol:focus,button.bad-symbol:hover,button.good-symbol:focus,button.good-symbol:hover,button.symbol:focus,button.symbol:hover{color:#fff}button.bad:focus,button.bad:hover,button.good:focus,button.good:hover{border-color:#fff}button.symbol:active{color:#666}button.bad-symbol:active{color:#600}button.good-symbol:active{color:#036}button.good:active{background-color:#024}button.bad:active{background-color:#400}button:disabled{color:#888!important;cursor:default!important;border-color:#222!important}button.bad:disabled,button.good:disabled{background-color:#444!important}code{font-family:monospace}a,button.link{color:#8cf;text-decoration:underline}a:focus,a:hover,button.link:focus,button.link:hover{color:#fff}#app{display:grid;grid-template-columns:4fr;grid-auto-columns:auto;grid-auto-flow:column;height:100vh;width:100vw;overflow:hidden;position:relative;color:#ccc}#modalwrap{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5333333333333333);display:grid;align-items:center;justify-items:center}.filteroptions,.layeroptions{display:grid;grid-template-columns:1fr;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;grid-auto-flow:column;justify-content:flex-end}#toggle{display:grid;align-items:center;color:#fff;width:20px}#toggle button{padding:32px 4px;background:#444;color:#ccc}#toggle button:hover{color:#fff;background:#555}#viewport{display:grid;background:#000;position:relative}#canvas{width:100%;padding:8px;max-height:99vh;margin:auto;display:grid;align-self:center;justify-self:center;box-shadow:0 8px 8px #000}#controlpanel{background:#333;color:#ccc;overflow-y:scroll;padding:8px;width:480px;max-width:calc(100vw - 36px)}#export{grid-area:1/1;stroke-linejoin:round;align-self:center;justify-self:center;max-height:100%}.filter,.layer{border:1px solid #000;margin-bottom:4px}.effecttitle{display:grid;grid-template-columns:1fr -webkit-min-content;grid-template-columns:1fr min-content;border-bottom:1px solid}.effecttype{font-size:14pt;font-feature-settings:"smcp";font-variant:small-caps}.layertitle{display:grid;grid-template-columns:-webkit-min-content -webkit-min-content 1fr auto -webkit-min-content;grid-template-columns:min-content min-content 1fr auto min-content;grid-template-rows:1fr 1fr;grid-gap:2px;gap:2px;background:#222;padding:2px 4px;align-items:center;justify-items:center}.layerfold{grid-row:1/-1;grid-column:1;padding:4px;cursor:pointer}.layervis{grid-row:2;grid-column:2}.layercmd{grid-row:2;grid-column:4;display:grid;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;grid-auto-flow:column;align-items:center;justify-items:center}.layersort{grid-column:5}.layersort.sortup{grid-row:1}.layersort.sortdn{grid-row:2}.layername{grid-row:1;grid-column:2/span 3;justify-self:stretch;font-size:12pt}input.layername_field{background:#222;border-width:0;border-bottom:1px solid #000}.layertype{grid-row:2;grid-column:3;justify-self:stretch;padding:0 4px;font-size:10pt;color:#aaa}.newlayer{border:1px dashed #000;padding:4px;display:grid;grid-gap:8px;gap:8px;margin-bottom:4px;grid-template-columns:repeat(3,1fr)}.options{grid-gap:4px;grid-auto-columns:1fr;grid-auto-flow:column}.newlayeroptions,.options{font-size:9pt;display:grid;gap:4px}.newlayeroptions{grid-gap:4px;grid-template-columns:1fr;grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;grid-auto-flow:column;grid-column-start:1;grid-column-end:-1}.controls{display:grid;grid-template-columns:1fr;padding:8px;grid-gap:8px 0;gap:8px 0;width:100%}.field{display:grid;grid-template-rows:auto;grid-auto-columns:auto;grid-auto-flow:column;padding:2px;margin:4px}.field.with-label{grid-template-rows:auto auto}.field.with-inline-label{grid-template-columns:6em}.field_label{font-size:9pt;display:flex;grid-column:1/-1;align-items:center;justify-content:flex-start;padding:0 1px;overflow-x:hidden;white-space:nowrap}.field_content{display:grid;grid-auto-columns:auto;grid-auto-flow:column;grid-gap:4px 2px;gap:4px 2px}.group{grid-column-start:1;grid-column-end:-1;display:grid;background:#222}.group_label{padding:4px;font-size:9pt;font-feature-settings:"smcp";font-variant:small-caps;cursor:pointer;display:flex;align-items:center;grid-gap:2px;gap:2px}.group_content{display:grid;grid-auto-columns:1fr}.row{display:grid;grid-gap:0;gap:0;margin:1px;grid-auto-columns:1fr;grid-auto-flow:column;align-items:center}.row.with-label{grid-template-columns:3em}.row_label{text-align:right;font-feature-settings:"smcp";font-variant:small-caps;font-size:10pt;padding:4px;display:grid;align-items:center;justify-content:center}.tabs{border:1px solid #000;display:grid;grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto}.tabs_menu{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;grid-gap:4px;gap:4px;padding:2px 4px}.tabs_option{background:#222}.tabs_content,.tabs_option.option-active{background:#444}.heading{font-size:14pt;font-feature-settings:"smcp";font-variant:small-caps}.heading,.subheading{border-bottom:1px solid;grid-column:1/-1}.subheading{font-size:11pt;font-feature-settings:"smcp";font-variant:small-caps;text-align:right}.inputwrapper{display:flex;width:auto;align-items:stretch;position:relative;grid-gap:4px;gap:4px;min-width:0}.checkbox_label{font-size:10pt;align-self:center}.layerlist{padding:4px 0}.icon{width:1.2em;height:1em;display:inline-grid;vertical-align:baseline;position:relative;align-content:center;justify-content:center}.icon.large{font-size:200%}.icon svg{position:absolute;top:-.1em;bottom:-.1em;left:0;right:0;width:1.2em;height:1.2em;fill:currentColor}.warning{border:1px solid #fc3;font-size:10pt}.warning_label{padding:4px;background:#541;color:#fff;font-size:12pt;font-feature-settings:"smcp";font-variant:small-caps}.warning_content{padding:8px}p{margin-bottom:.5em}p:last-child{margin-bottom:0}.warning .highlight{color:#fc3}.newlayer_warning{margin:0 4px}.modal{background:#111;width:480px;max-height:90%;display:grid;grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr;border:1px solid #666;padding:4px;border-radius:8px}.modal_title{font-size:14pt;font-feature-settings:"smcp";font-variant:small-caps;display:grid;grid-template-columns:1fr -webkit-min-content;grid-template-columns:1fr min-content;padding:8px;color:#fff}.modal_content{padding:16px;overflow-y:auto}.changelog_version{font-size:12pt;border-bottom:1px solid #ccc;color:#fc3}.changelog_item{font-size:10pt}li{list-style-position:outside;list-style-type:disc;margin:8px 8px 8px 1.5em}.splineinput{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;padding:.5em;grid-gap:1em;gap:1em}.splineinput_canvas,.splineinput_selector{width:100%;height:6em;grid-area:1/1;cursor:crosshair;position:relative}.splineinput_selector{outline:1px solid #444}.splineinput_line{stroke:#888;stroke-width:1.5px;vector-effect:non-scaling-stroke;fill:none}.gradientinput{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:.5em}.gradientinput_canvas{width:100%;height:2em;cursor:crosshair}.gradientinput_selector{position:relative;width:100%;height:2em}.gradientinput_color,.splineinput_vert{width:1em;height:1em;display:grid;align-items:center;justify-content:center;position:absolute;color:#888;cursor:pointer}.gradientinput_color.state-selected,.splineinput_vert.state-selected{color:#fff}.gradientinput_noselection,.splineinput_noselection{font-size:10pt;font-style:italic;border:1px dashed #555;padding:12px;display:grid;align-items:center;justify-content:center}
/*# sourceMappingURL=main.6a719f29.chunk.css.map */