:root{--alpha:rgba(64,38,115,.6);--alpha-strong:rgba(64,38,115,.8);--alpha-dark:rgba(42,26,77,.8);--alpha-light:rgba(64,38,115,.3);--alpha-primary:#8244;--alpha-secondary:#0a64;--darkgrey:#222d;--bg-dark:rgba(38,31,46,.8);--bg-darker:rgba(26,20,31,.5);--bg-light:rgba(38,34,42,.5);--bg-lighter:rgba(51,41,61,.8);--primary:#c2c;--secondary:#2cc;--br1:.25rem;--br2:.5rem;--gap1:.5rem;--gap2:.75rem;--tert:#ff0;--time:.2s;--success:#2f2;--error:#f22;--range-gradient:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%)}*{scrollbar-color:#f0f #333;scrollbar-gutter:auto;scrollbar-width:thin}::-moz-selection{background:#0ff4}::selection{background:#0ff4}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1;margin:0;text-shadow:inherit}input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}input::-moz-placeholder,textarea::-moz-placeholder{color:#ff0;color:var(--tert)}a,input::placeholder,textarea::placeholder{color:#ff0;color:var(--tert)}a:active,button:active,input:active,select:active{opacity:.8}:disabled{cursor:not-allowed!important;opacity:.25!important}a,button,canvas,input,label,select{pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}a,button,input,label,select{cursor:pointer}a{text-decoration:none}a:active{cursor:wait}canvas{cursor:grab;position:fixed;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}canvas:active{cursor:grabbing}fieldset{border:2px solid var(--bg)}.icon,label{align-items:center;display:inline-flex}.textbutton,input,select{background:rgba(26,20,31,.5);background:var(--bg-darker);border-radius:.25rem;border-radius:var(--br1);box-shadow:0 0 6px 2px var(--bg);color:#2cc;color:var(--secondary);outline:none}.textbutton,input:not([type=range]),select{min-height:24px}.textbutton,details,input,select{border:2px solid #2cc;border:2px solid var(--secondary);transition:background-color .2s ease-in-out,border-color .2s ease-in-out;transition:background-color var(--time) ease-in-out,border-color var(--time) ease-in-out}:is(input,.textbutton,select,details):focus-visible,:is(input,.textbutton,select,details):hover{background-color:rgba(38,31,46,.8);background-color:var(--bg-dark);border-color:#c2c;border-color:var(--primary)}.textbutton,input,select{transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out;transition:background-color var(--time) ease-in-out,border-color var(--time) ease-in-out,color var(--time) ease-in-out}:is(input,.textbutton,select):focus-visible,:is(input,.textbutton,select):hover{background-color:rgba(38,31,46,.8);background-color:var(--bg-dark);border-color:#c2c;border-color:var(--primary);color:#c2c;color:var(--primary)}label{border-radius:.25rem;border-radius:var(--br1);color:var(--fg);gap:1rem;position:relative;transition:color .2s ease-in-out,border-color .2s ease-in-out;transition:color var(--time) ease-in-out,border-color var(--time) ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}label>*{margin-left:auto;width:100%}label>input:not([type=checkbox],[type=color]){font-size:small;min-height:24px}label:has(input){background:rgba(38,34,42,.5);background:var(--bg-light);border:2px solid #2cc;border:2px solid var(--secondary);box-shadow:0 0 6px 2px var(--bg);height:36px;padding:8px}label:has(input[type=color]){backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(64,38,115,.6);background:var(--alpha)}label:has(input:not([type=checkbox],[type=color])){background:none;border:none;box-shadow:none;padding:0}label:has(input:checked){color:#ff0;color:var(--tert)}label:focus-visible,label:hover{border-color:#c2c;border-color:var(--primary)}#iColor-label{border:2px solid var(--bg);border-radius:.5rem;border-radius:var(--br2)}select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;font-size:small;min-height:24px;padding:0 0 1px;width:8rem}select option{background:var(--bg);color:#c2c;color:var(--primary)}details{background:rgba(38,34,42,.5);background:var(--bg-light);border-radius:.25rem;border-radius:var(--br1);height:36px;outline:none}details::details-content{display:flex;flex-direction:column;gap:.5rem;gap:var(--gap1);padding:0}details[open]{height:auto}details:has(.enable-checkbox>input:checked) summary{color:#ff0;color:var(--tert)}details>*{padding:8px;width:100%}details fieldset{backdrop-filter:none;-webkit-backdrop-filter:none;border:2px solid #2cc;border:2px solid var(--secondary);box-shadow:none}details select{background:rgba(26,20,31,.5);background:var(--bg-darker)}summary{cursor:pointer;padding:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}button{height:2.5rem}.alphabox,.box,.flex-col{align-items:stretch;border-radius:.5rem;border-radius:var(--br2);display:flex;flex-direction:column;gap:8px}.flex-col{margin:0;width:100%}.alphabox,.box,.fieldset,fieldset{pointer-events:auto;touch-action:manipulation}.alphabox,.fieldset,fieldset{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(64,38,115,.6);background:var(--alpha);box-shadow:0 0 4px 2px var(--bg)}.alphabox{border:2px solid var(--bg);padding:.5rem}fieldset,label:has(input[type=checkbox]),label:has(input[type=color]){pointer-events:auto;transition:background-color .2s ease-in-out;transition:background-color var(--time) ease-in-out}:is(fieldset,label:has(input[type=checkbox]),label:has(input[type=color])):focus-visible,:is(fieldset,label:has(input[type=checkbox]),label:has(input[type=color])):hover{background-color:rgba(42,26,77,.8);background-color:var(--alpha-dark)}.box{padding:8px}.fieldset,.textbutton,details,fieldset,input{box-shadow:0 0 6px 2px var(--bg)}.textbutton{color:var(--fg)}legend,summary{transition:all .2s ease-in-out;transition:all var(--time) ease-in-out}.fieldset,fieldset{align-items:center;border-radius:.5rem;border-radius:var(--br2);display:inline-flex;gap:1rem;justify-content:space-between;margin:0;padding:24px 8px 0;position:relative;touch-action:manipulation;width:100%}.fieldset{padding:4px 8px}legend{left:4px;position:absolute;top:4px}.dd-menu{display:none}.dd-menu.open{display:flex;flex-direction:column;gap:8px;height:-moz-fit-content;height:fit-content;margin:0;padding:8px;position:relative;width:100%;z-index:3}.no-margin{margin:0!important}.flex-row{align-items:center;display:inline-flex}.icon.compact{gap:0}.draggable{border:2px solid transparent;cursor:grab;transition:all .2s ease-in-out;transition:all var(--time) ease-in-out}.draggable:active{cursor:grabbing;opacity:.8}.draggable:after,.draggable:before{align-items:center;display:none;height:56px;justify-content:center;width:100%}.draggable.dragsource{background-color:#0a64!important;background-color:var(--alpha-secondary)!important;border-color:#2cc!important;border-color:var(--secondary)!important;opacity:.5!important}.draggable.dragover{background-color:#8244!important;background-color:var(--alpha-primary)!important;border-color:#c2c!important;border-color:var(--primary)!important}.draggable.dec:before{content:"Insert before";display:flex}.draggable.inc:after{content:"Insert after";display:flex}.draggable.dragfade,.draggable.targetfade{transition:border-color 3s ease-in-out,background-color .7s ease-in-out}.draggable.dragfade{border-color:#2cc;border-color:var(--secondary)}.draggable.targetfade{border-color:#c2c;border-color:var(--primary)}.draggable.dragging>*{pointer-events:none}.draggable:not(.dragover,.dragsource){border-color:var(--bg)}.draghandle.icon{gap:0;position:relative;touch-action:none}.draghandle.icon>svg{height:24px;left:12px;position:absolute;width:24px}.titlebar{max-height:-moz-min-content;max-height:min-content;max-width:-moz-min-content;max-width:min-content}.titlebar,.toolbar{align-items:center;display:inline-flex;gap:0}.toolbar{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(64,38,115,.6);background:var(--alpha);border:2px solid var(--bg);border-radius:.5rem;border-radius:var(--br2);box-shadow:0 0 4px 2px var(--bg)}.icon{background:none;border:none;border-radius:.5rem;border-radius:var(--br2);color:var(--fg);display:flex;flex-direction:column;gap:2px;height:100%;justify-content:center;min-height:44px;min-width:44px;padding:0;position:relative;transition:all .2s ease-in-out;transition:all var(--time) ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.icon:after{color:var(--fg);content:attr(data-iconlabel);font-size:.75rem}.icon:focus-visible,.icon:hover{background:#0004}.af:is(.icon.open>svg){fill:#c2c;fill:var(--primary)}.as:is(.icon.open>svg){stroke:#c2c;stroke:var(--primary)}.icon.open>svg{filter:drop-shadow(0 0 4px var(--bg))}.icon.alphabox{background:rgba(64,38,115,.6);background:var(--alpha)}svg{height:24px;width:24px}.ff{fill:var(--fg)}.bf{fill:var(--bg)}.fs{stroke:var(--fg)}.bs{stroke:var(--bg)}.af{fill:var(--fg);transition:fill .2s ease-in-out;transition:fill var(--time) ease-in-out}.as{stroke:var(--fg);transition:stroke .2s ease-in-out;transition:stroke var(--time) ease-in-out}[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox;border:none;border-radius:.25rem;border-radius:var(--br1);box-shadow:none;flex-shrink:0;height:1.5rem;outline:2px solid #2cc;outline:2px solid var(--secondary);outline-offset:-2px;transition:outline-color .2s ease-in-out;transition:outline-color var(--time) ease-in-out;width:1.5rem}[type=checkbox]:focus-visible,[type=checkbox]:hover{outline-color:#c2c;outline-color:var(--primary)}[type=submit]{font-weight:inherit}[type=search]{-webkit-appearance:textfield;-moz-appearance:none;appearance:none;outline-offset:-2px}[type=color]{background:none;border:none;border-radius:0;box-shadow:none;height:28px;outline:2px solid #2cc;outline:2px solid var(--secondary);outline-offset:-4px;padding:0 2px;transition:outline-color .2s ease-in-out;transition:outline-color var(--time) ease-in-out;width:28px}[type=color]:focus-visible,[type=color]:hover{outline-color:#c2c;outline-color:var(--primary)}[type=number]{width:4.5rem}[type=email],[type=number],[type=password],[type=text]{cursor:text;padding:0 4px 2px}[type=file]{background:rgba(38,34,42,.5);background:var(--bg-light);border-radius:.25rem;border-radius:var(--br1);color:#2cc;color:var(--secondary);overflow:visible;width:100%}[type=file]:focus-visible::file-selector-button,[type=file]:hover::file-selector-button{color:#c2c;color:var(--primary)}::file-selector-button{background:rgba(38,31,46,.8);background:var(--bg-dark);border:none;color:#2cc;color:var(--secondary);cursor:pointer;font-size:100%;height:100%;padding:.5rem;transition:color .2s ease-in-out;transition:color var(--time) ease-in-out;will-change:color}[type=range]{--track-h:.75rem;--thumb-d:1.75rem;--thumb-bw:.15rem;--thumb-bc:#6a11cb;--thumb-bg:var(--fg);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border-radius:.5rem;border-radius:var(--br2);margin:1rem 0;outline:none;width:100%}[type=range]:focus-visible{outline:2px auto}[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#c2c,#2cc);background:var(--range-gradient);border-radius:.5rem;border-radius:var(--br2);height:var(--track-h)}[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--thumb-bg);border:var(--thumb-bw) solid var(--thumb-bc);border-radius:50%;cursor:pointer;height:var(--thumb-d);margin-top:calc((var(--track-h) - var(--thumb-d))/2);-webkit-transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;-webkit-transition:transform var(--time,.15s) ease,box-shadow var(--time,.15s) ease,background var(--time,.15s) ease,border-color var(--time,.15s) ease;transition:transform var(--time,.15s) ease,box-shadow var(--time,.15s) ease,background var(--time,.15s) ease,border-color var(--time,.15s) ease;width:var(--thumb-d)}[type=range]::-moz-range-track{background:linear-gradient(90deg,#c2c,#2cc);background:var(--range-gradient)}[type=range]::-moz-range-progress,[type=range]::-moz-range-track{border-radius:.5rem;border-radius:var(--br2);height:var(--track-h)}[type=range]::-moz-range-progress{background:color-mix(in oklab,#6a11cb 70%,#2575fc 30%)}[type=range]::-moz-range-thumb{background:var(--thumb-bg);border:var(--thumb-bw) solid var(--thumb-bc);border-radius:50%;cursor:pointer;height:var(--thumb-d);-moz-transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;-moz-transition:transform var(--time,.15s) ease,box-shadow var(--time,.15s) ease,background var(--time,.15s) ease,border-color var(--time,.15s) ease;transition:transform var(--time,.15s) ease,box-shadow var(--time,.15s) ease,background var(--time,.15s) ease,border-color var(--time,.15s) ease;width:var(--thumb-d)}[type=range]:hover::-webkit-slider-thumb{background:#faf;box-shadow:0 0 .625rem rgba(0,0,0,.3);transform:scale(1.06)}[type=range]:hover::-moz-range-thumb{background:#faf;box-shadow:0 0 .625rem rgba(0,0,0,.3);transform:scale(1.06)}:is([type=range]:active,[type=range]:focus-visible)::-webkit-slider-thumb{background:#f2f;border-color:#a2f;box-shadow:0 0 .5rem rgba(0,0,0,.2),0 0 0 .1875rem color-mix(in oklab,#a2f 40%,transparent);transform:scale(1.02)}:is([type=range]:active,[type=range]:focus-visible)::-moz-range-thumb{background:#f2f;border-color:#a2f;box-shadow:0 0 .5rem rgba(0,0,0,.2),0 0 0 .1875rem color-mix(in oklab,#a2f 40%,transparent);transform:scale(1.02)}#fallback{display:none;left:50%;padding:0;position:fixed;top:50%;transform:translate(-50%,-50%);white-space:pre-wrap;z-index:2}#fallback.open{display:block}#err{color:#f22;color:var(--error);font-size:1rem;height:100%;margin:0 .5rem .5rem;text-shadow:var(--sh);-moz-user-select:text;user-select:text;-webkit-user-select:text}#err.success{color:#2f2;color:var(--success)}#fallback #err,#fallback #err *{-moz-user-select:text!important;user-select:text!important;-webkit-user-select:text!important}#err-container{max-height:70vh;max-width:70vw;overflow:auto;padding:0 8px 8px;width:-moz-max-content;width:max-content}#err-close{display:flex;height:32px;margin-left:auto;min-height:32px;min-width:32px;position:relative;right:0;top:0;-moz-user-select:none!important;user-select:none!important;-webkit-user-select:none!important;width:32px}#err-close>svg{flex-shrink:0;height:24px;pointer-events:none;width:24px}#err-close:focus{background:#0004}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}