@font-face{font-family:titleFont;src:url(./F25_Executive-Cx9-_ToM.otf)}@font-face{font-family:labelFont;src:url(./RobotoCondensed-Regular-BSmVMXW9.ttf)}:root{font-family:labelFont,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}html,body{touch-action:pan-x pan-y}@media(hover:none)and (pointer:coarse){input,select,textarea{font-size:16px!important}}body.dragging,body.dragging *{cursor:grabbing!important}body.connecting,body.connecting *{cursor:crosshair!important}h1{font-size:3.2em;line-height:1.1}h1,h2,h3{font-family:titleFont,sans-serif;margin:0}button{font-size:unset;font-family:unset}.json{font-family:monospace}.string{color:#ddb84a}.number{color:#dd76a8}.boolean{color:#ea8960}.null{color:#aace78}.key{color:#a292dc}.card-bank{height:100%;flex-grow:1;background-color:#525f7a;display:flex;align-items:center;flex-direction:column;overflow:auto;gap:1rem}.search-bar{position:sticky;top:0;z-index:10;border-bottom:1px solid grey;width:100%;box-sizing:border-box;background-color:#fff;padding:.25rem;display:flex;align-items:center;gap:10px}.search-bar input{width:100%;height:32px;font-family:unset;font-size:unset;color:#000;background-color:transparent;border:none;outline:none}.search-bar .clear-query-btn{background:none;border:none;font-family:unset;font-size:unset;font-size:1.25rem;cursor:pointer;border:0;color:#000}.search-bar .clear-query-btn:hover{color:#333}.input-results{border-top:1px solid grey;position:absolute;left:0;top:100%;width:100%;box-sizing:border-box;background-color:#fff;display:none;flex-direction:row;flex-wrap:wrap;gap:.25rem;padding:.25rem}.input-results.visible{display:flex}.input-results .input-suggestion{padding:.25rem;border-radius:4px;cursor:pointer;background-color:#fff;color:#000;border:none;display:flex;align-items:center}.input-suggestion b{font-family:titleFont,sans-serif;font-weight:700;margin-right:1ch}.input-suggestion:not(:has(img)){width:100%}.input-results .input-suggestion:hover{background-color:#eee}@media(max-width:900px)and (orientation:portrait){#editor-sidebar{position:relative}.card-bank{overflow-x:auto;flex-direction:row;justify-content:flex-start;align-items:flex-start;padding:.5rem}.search-bar{position:absolute;top:unset;left:0;bottom:0}.input-results{box-shadow:0 -2px 5px #0003;top:unset;bottom:100%;border-bottom:1px solid grey}}.card{--background: #fff;width:calc(220px * var(--zoom, 1));min-height:calc(146.667px * var(--zoom, 1));border-radius:calc(8.8px * var(--zoom, 1));flex-shrink:0;background-color:var(--background);color:#000;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;display:flex;flex-direction:column;box-shadow:0 0 5px 2px #00000080;cursor:grab;touch-action:none}.card.debug{border:3px solid transparent;background-image:linear-gradient(var(--card-bg, #fff),var(--card-bg, #fff)),repeating-linear-gradient(45deg,#f8d308 0 6px,#111 6px 12px);background-origin:border-box;background-clip:padding-box,border-box}.card.dragging{pointer-events:none;transform:rotate(-2deg)}.card-placeholder{background-color:#0003}.card .row-input,.card .row-output{padding:calc(3.08px * var(--zoom, 1));min-height:calc(29.7px * var(--zoom, 1));display:flex;justify-content:space-evenly}.card .row-input{align-items:flex-start;border-radius:calc(8.8px * var(--zoom, 1)) calc(8.8px * var(--zoom, 1)) 0 0}.card .row-input.empty{background-color:#3d7af580}.card .row-output{align-items:flex-end;border-radius:0 0 calc(8.8px * var(--zoom, 1)) calc(8.8px * var(--zoom, 1))}.card .row-output.empty{background-color:#f5463d80}.floating-editor{position:absolute;overflow:hidden;border:1px solid #333;border-radius:calc(4px * var(--zoom, 1));left:calc(.25rem * var(--zoom, 1));width:calc(100% - calc(.5rem * var(--zoom, 1)));background-color:#000c;max-height:calc(150px * var(--zoom, 1));color:#fff;font-size:calc(8px * var(--zoom, 1))}.floating-editor svg{width:100%;height:100%;max-height:calc(150px * var(--zoom, 1))}.port:has(.floating-editor):before{content:"";position:absolute;left:50%;height:calc(12px * var(--zoom, 1));width:calc(3px * var(--zoom, 1));background-color:#000c;transform:translate(-50%)}.port:has(.floating-editor .add-data-btn):before{background-color:transparent;width:0;border-left:calc(3px * var(--zoom, 1)) dotted rgba(107,107,107,.8)}.port:has(.floating-editor .add-data-btn.danger):before{border-left-color:#ffa500cc}.card .row-input .port .floating-editor{bottom:calc(100% + calc(15px * var(--zoom, 1)))}.card .row-input .port:has(.floating-editor):before{bottom:calc(100% + calc(3px * var(--zoom, 1)));border-top-color:#000c}.card .row-output .port .floating-editor{top:calc(100% + calc(15px * var(--zoom, 1)))}.card .row-output .port:has(.floating-editor):before{top:calc(100% + calc(3px * var(--zoom, 1)));border-bottom-color:#000c}.card .port{position:relative;display:flex;flex-direction:column;align-items:center;padding:calc(2px * var(--zoom, 1));width:100%;border-radius:calc(6px * var(--zoom, 1));cursor:pointer}.card.docked .port{pointer-events:none}.card .port:not(:has(.floating-editor:hover)):hover{background-color:#0000001a}.card .port span{font-size:calc(7.5px * var(--zoom, 1));line-height:85%;padding:calc(2.7px * var(--zoom, 1))}.card .port img{width:calc(27px * var(--zoom, 1));height:calc(27px * var(--zoom, 1));border-radius:calc(6px * var(--zoom, 1));border-width:calc(1.5px * var(--zoom, 1));pointer-events:none}.card .port .result img{width:5px;aspect-ratio:auto;border-radius:6px;border-width:1.5px;pointer-events:none}.card .row-content{padding:0 calc(12px * var(--zoom, 1));flex-grow:1}.card .row-content h3{font-size:calc(22px * var(--zoom, 1));line-height:85%;padding:calc(2.2px * var(--zoom, 1))}.card .row-content p{font-size:calc(11px * var(--zoom, 1));line-height:95%;margin:0;padding:calc(.88px * var(--zoom, 1)) calc(6.6px * var(--zoom, 1))}.card select{font-size:calc(10px * var(--zoom, 1))}.card select option{font-size:1rem;padding:0}.waveform-visualizer{position:relative;display:flex;flex-direction:row;align-items:center}.waveform-visualizer canvas{flex-shrink:1;max-width:calc(100% - 2.5em)}.waveform-samplerate{position:absolute;left:.25em;bottom:.25em;font-size:.75em;white-space:nowrap;line-height:1;color:#ccc}.waveform-visualizer button{font-size:1em;width:10%;aspect-ratio:1;padding:0;line-height:0;margin:0 .25em;border-radius:50%;border:none}.waveform-visualizer button:hover{background-color:#fff3}.waveform-playback-head{position:absolute;top:0;left:calc(var(--percent, 0) * calc(90% - .5em));width:2px;height:100%;background-color:red}.image-visualizer{display:block;max-width:100%;max-height:calc(150px * var(--zoom, 1));object-fit:contain}.value-input{text-align:center;padding:calc(5px * var(--zoom, 1)) 0;width:calc(100% - calc(6px * var(--zoom, 1)));font-size:unset;margin:calc(1px * var(--zoom, 1));border:none;border-radius:.25em}.floating-editor:has(.text-editor-input){transition:width .14s ease,left .14s ease,transform .14s ease,border-color .14s ease,box-shadow .14s ease}.floating-editor:has(.text-editor-input:focus){left:50%;width:calc(290px * var(--zoom, 1));transform:translate(-50%);z-index:20;border-color:#5aa2ffd9;box-shadow:0 0 0 calc(1px * var(--zoom, 1)) #5aa2ff59,0 calc(4px * var(--zoom, 1)) calc(14px * var(--zoom, 1)) #00000073}.text-editor-input{transition:padding .14s ease}.floating-editor:has(.text-editor-input:focus) .text-editor-input{padding:calc(8px * var(--zoom, 1)) calc(6px * var(--zoom, 1)) calc(8px * var(--zoom, 1))}.value-input::-webkit-outer-spin-button,.value-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.value-input[type=number]{appearance:textfield;-moz-appearance:textfield}.const-color-input-elem{opacity:0;position:absolute;top:0;right:calc(10px * var(--zoom, 1));width:calc(18px * var(--zoom, 1));pointer-events:none}.floating-editor:has(.const-color-btn){line-height:0}.const-color-btn{width:100%;min-height:2.5em;height:100%;padding:0;border:none;align-self:center;cursor:pointer}.const-color-btn:has(img){line-height:0}.const-color-btn img{width:100%!important;height:100%!important;border-radius:0!important;object-fit:contain}.floating-editor>button{width:100%}.nowrap{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.floating-editor>iframe{height:calc(150px * var(--zoom, 1))}.floating-editor canvas{width:100%}.delete-data-btn{border:none;background-color:#0000004d}.delete-data-btn:hover{background-color:#444}.floating-editor:has(.add-data-btn){background-color:transparent;border:none}.add-data-btn.danger{border-style:solid;border-radius:calc(.25em * var(--zoom, 1));background-color:#b37400cc;border-color:orange}.add-data-btn.danger:hover{background-color:#b37400}.vector{display:flex;align-items:center}.vector>button{height:100%;padding:calc(4px * var(--zoom, 1))}.state-button{border:none}.state-button.state-on{background-color:#008000cc}.state-on:not(.state-button){color:#64ff64cc}.state-button.state-on:hover{background-color:green}.state-button.state-off{background-color:#800000cc}.state-off:not(.state-button){color:#ff6464cc}.state-button.state-off:hover{background-color:maroon}.const-value-input{width:80%;text-align:center;background-color:#0000001a;border:1px solid #666;border-radius:4px;color:#000}.const-value-input.disabled{pointer-events:none}.text-card-input{width:80%;text-align:center;background-color:#0000001a;border:calc(1px * var(--zoom, 1)) solid #666;border-radius:calc(4px * var(--zoom, 1));font-size:calc(12px * var(--zoom, 1));margin:0;padding:0;color:#000}.text-card-input.disabled{pointer-events:none}.const-color-input{width:80%;text-align:center;background-color:#0000001a;border:1px solid #666;border-radius:4px;color:#000}.const-color-input.disabled{pointer-events:none}.potentiometer{display:flex;justify-content:center;align-items:center;margin:auto;cursor:ew-resize;gap:calc(.5rem * var(--zoom, 1));padding-left:calc(3rem * var(--zoom, 1))}.potentiometer.disabled{pointer-events:none}.potentiometer-knob{width:calc(2rem * var(--zoom, 1));height:calc(2rem * var(--zoom, 1));background:linear-gradient(to bottom,#bbb,#222);border-radius:50%;position:relative;flex-shrink:0;box-shadow:0 calc(4px * var(--zoom, 1)) calc(4px * var(--zoom),1) #0000004d}.potentiometer-indicator{position:absolute;border-radius:50%;background-color:#999;top:calc(1px * var(--zoom, 1));left:calc(1px * var(--zoom, 1));width:calc(100% - calc(2px * var(--zoom, 1)));height:calc(100% - calc(2px * var(--zoom, 1)))}.potentiometer-indicator:after{content:"";position:absolute;top:calc(2px * var(--zoom, 1));left:calc(calc(1rem - 2px) * var(--zoom, 1));width:calc(2px * var(--zoom, 1));height:calc(.5rem * var(--zoom, 1));background-color:#444}.potentiometer-value{font-size:calc(.7rem * var(--zoom, 1));line-height:1;padding:calc(.2rem * var(--zoom, 1)) calc(.4rem * var(--zoom, 1));width:4ch;border-radius:calc(100px * var(--zoom, 1));font-family:monospace;background-color:#0000001a;-webkit-user-select:none;user-select:none}.combine-depthmap-select{width:80%;text-align:center;background-color:#0000001a;border:1px solid #666;border-radius:4px;color:#000}.combine-depthmap-select.disabled{pointer-events:none}.scale-method-select{width:80%;text-align:center;background-color:#0000001a;border:1px solid #666;border-radius:4px;color:#000}.scale-method-select.disabled{pointer-events:none}.const-text-input{width:80%;text-align:center;background-color:#0000001a;border:1px solid #666;border-radius:4px;color:#000}.const-text-input.disabled{pointer-events:none}.button-card-ui{width:90%;padding:calc(.5rem * var(--zoom, 1)) 0;background-color:#f5463d80;color:#000;border:none;border-radius:calc(8.8px * var(--zoom, 1));font-size:calc(12px * var(--zoom, 1));line-height:1;cursor:pointer;transition:background .2s}.button-card-ui.pressed{background-color:#f5463dbf}.button-card-ui.disabled{pointer-events:none;opacity:.5}.image-card-input{width:80%;text-align:center;background-color:#0000001a;border:1px solid #666;border-radius:4px;color:#000}.image-card-input.disabled{pointer-events:none}.basic-shape-input{width:80%;text-align:center;background-color:#0000001a;border:1px solid #666;border-radius:4px;color:#000}.basic-shape-input.disabled{pointer-events:none}.wheel-ui-container{padding:calc(15px * var(--zoom, 1)) 0;-webkit-user-select:none;user-select:none}.card.docked .wheel-ui-container{pointer-events:none}.carnival-needle{width:0;height:0;border-left:calc(8px * var(--zoom, 1)) solid transparent;border-right:calc(8px * var(--zoom, 1)) solid transparent;border-top:calc(16px * var(--zoom, 1)) solid red;margin:0 auto;margin-bottom:calc(-10px * var(--zoom, 1));position:relative;z-index:2}.carnival-wheel{width:calc(120px * var(--zoom, 1));height:calc(120px * var(--zoom, 1));border-radius:50%;border:calc(6px * var(--zoom, 1)) solid black;cursor:grab;margin:0 auto;background:conic-gradient(#f39c12 0deg 36deg,#fff 36deg 72deg,#f39c12 72deg 108deg,#fff 108deg 144deg,#f39c12 144deg 180deg,#fff 180deg 216deg,#f39c12 216deg 252deg,#fff 252deg 288deg,#f39c12 288deg 324deg,#fff 324deg 360deg);display:flex;align-items:center;justify-content:center;position:relative}.wheel-segment-text{position:absolute;height:100%;padding-top:calc(8px * var(--zoom, 1));font-size:calc(12px * var(--zoom, 1));font-weight:700;color:#000}.canvas{position:relative;overflow:hidden;width:100%;height:100%;touch-action:none;cursor:grab;background-size:calc(40px * var(--zoom, 1)) calc(40px * var(--zoom, 1));background-image:linear-gradient(to right,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.1) 1px,transparent 1px)}.canvas.dragging{cursor:grabbing}.card.dragging{position:fixed;z-index:1000}.drag-selector{position:absolute;border:1px solid rgba(255,255,255,.5);background-color:#ffffff1a;pointer-events:none}.quick-add-popup{position:absolute;z-index:50;width:280px;max-height:260px;border:1px solid rgba(255,255,255,.3);border-radius:0 8px 8px;background-color:#0f0f14f2;box-shadow:8px 8px 30px #00000073;display:flex;flex-direction:column;overflow:hidden;transform-origin:top left;animation:popIn .15s ease}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.quick-add-popup-title{color:#ffffffb3;font-size:.75rem;padding:.25rem .4rem .35rem}.quick-add-popup-datatype{position:absolute;top:.25rem;right:.25rem}.quick-add-filter{width:calc(100% - .8rem);box-sizing:border-box;border:1px solid rgba(255,255,255,.25);border-radius:6px;background-color:#ffffff14;color:#fff;font-size:.78rem;padding:.35rem .45rem;margin:0 .35rem .35rem}.quick-add-results{padding:.35rem;height:100%;overflow:auto;display:flex;flex-direction:column}.quick-add-empty{color:#ffffffb3;font-size:.74rem;padding:.45rem .5rem}.quick-add-option{width:100%;border:none;border-radius:6px;padding:.45rem .5rem;margin:.1rem 0;background:transparent;color:#fff;cursor:pointer;text-align:left}.quick-add-option:hover{background-color:#ffffff24}.quick-add-option.active{background-color:#fff3}.quick-add-option-title{font-family:titleFont,sans-serif;font-size:.83rem;font-weight:700}.quick-add-option-description{font-size:.7rem;opacity:.8}.connection-layer{position:absolute;inset:0;width:100%;height:100%;z-index:20;overflow:visible;pointer-events:none;transform-origin:0 0}.connection-layer path{stroke-dashoffset:2000;stroke-dasharray:2000 2000;animation:fillStroke 1s ease-out forwards}@keyframes fillStroke{99%{stroke-dashoffset:0}to{stroke-dashoffset:0;stroke-dasharray:none}}.connection-layer path{fill:none}.json-panel{display:inline-block;position:relative}.json-panel .playback-btn{display:flex;align-items:center;justify-content:center;width:unset!important}.json-panel .playback-btn.active:hover{background-color:#444!important}.json-panel .playback-btn.active{background-color:#444}.json-panel .save-options{position:absolute;top:100%;right:0;border-radius:.5rem;gap:1px;background-color:#777;overflow:hidden;display:flex;flex-direction:column;z-index:1000}.save-options .save-option{padding:.5rem 1rem;white-space:nowrap;border-radius:0;background-color:#333;color:#fff;border:none;cursor:pointer}.save-options .save-option:hover{background-color:#555}.save-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:5000;background-color:#00000080}.save-modal-content{max-height:calc(90vh - 4rem);overflow:auto;width:fit-content;display:grid;grid-template-columns:1fr 1fr;max-width:min(90vw,800px);align-items:center;gap:2rem;padding:2rem;border-radius:.5rem;box-shadow:0 2px 10px #00000080;background-color:#333}.save-modal-content canvas{width:100%;justify-self:center;max-width:400px}.save-settings{height:100%;display:flex;justify-content:flex-start;flex-direction:column}.save-settings input,.save-settings textarea{border:1px solid #777;margin-top:.5rem;padding:.5rem;border-radius:.25rem;font-size:unset;font-family:unset;margin-bottom:1rem}.save-settings textarea{resize:none}.save-settings .colors{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.save-settings .colors .color-option{width:24px;height:24px;line-height:0;padding:0;margin-top:0;border-radius:100px;cursor:pointer}.save-settings hr{width:100%;border:none;border-top:1px solid #555;margin:1rem 0}.save-settings span{font-size:.8rem;color:#aaa;text-align:right}.save-settings button{margin-top:.5rem}.save-settings p{margin:0}.progress-bar{width:100%;height:.5rem;background-color:#555;border-radius:.25rem;overflow:hidden}.progress-bar .progress{height:100%;background-color:#ccc;width:0%;transition:width .3s ease-in-out}@media screen and (max-width:900px){.save-modal-content{grid-template-columns:1fr}}.playback{display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;padding:2rem .5rem;border-bottom:1px solid #ccc}.playback h1{font-size:2rem;margin-top:0}.playback .error-message{color:red;font-size:.8rem;margin-top:.5rem;text-align:center}.playback .btn-row{width:calc(100% - 2rem);display:flex;align-items:center;gap:1rem}.playback .playback-btn{padding:.5rem 1rem;border-radius:100px;border:1px solid #ccc;background-color:#666;cursor:pointer;width:100%;transition:padding .3s ease-in-out,width .3s ease-in-out}.playback .playback-btn:not(:disabled):hover{background-color:#777}.playback .playback-btn:disabled{opacity:.5;cursor:not-allowed}.playback .playback-btn.playing{padding:.5rem 2rem;background:linear-gradient(to right,#444,#888,#444,#888,#444,#888);background-size:500% 100%;animation:run 5s linear infinite}@media(max-width:900px){.playback{padding:1rem .75rem}.playback h1{font-size:1.5rem}}@keyframes run{0%{background-position-x:100%}to{background-position-x:0%}}.editor{--sidebar-width: 300px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);display:flex;align-items:stretch;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.editor.sidebar-collapsed{--sidebar-width: 0px}.editor aside{display:flex;flex-direction:column;background-color:#525f7a;border-right:1px solid #777;box-sizing:border-box;width:var(--sidebar-width);flex-shrink:0;min-width:0;height:100%;overflow:auto;z-index:200;transition:width .2s ease,height .2s ease}.editor>.canvas{flex:1 1 auto;min-width:0;min-height:0}.editor.sidebar-collapsed aside{border-right:none;overflow:hidden;pointer-events:none}#card-data{position:fixed;left:calc(var(--safe-left) + var(--sidebar-width));top:var(--safe-top);width:calc(100% - var(--safe-left) - var(--safe-right) - var(--sidebar-width) - 2rem - 4px);height:calc(100% - var(--safe-top) - var(--safe-bottom) - 2rem - 4px);overflow:auto;border:2px solid #ffffff;padding:1rem;background-color:#00000080;z-index:102}.toggle-card-bank{position:fixed;bottom:calc(var(--safe-bottom) + 1rem);right:calc(var(--safe-right) + 1rem);z-index:103}.toggle-sidebar-edge{z-index:101;position:fixed;top:50%;left:calc(var(--safe-left) + var(--sidebar-width));transform:translateY(-50%);width:24px;height:min(30vh,100px);padding:0;border-radius:0 1rem 1rem 0;border:1px solid rgba(255,255,255,.45);border-left-color:transparent;background:#10141ee6;color:#fff;font-size:.9rem;line-height:1;cursor:pointer;transition:left .2s ease,background .2s ease,border-radius .2s ease}.toggle-sidebar-edge:hover{background:#1c2436f2}.editor.sidebar-collapsed .toggle-sidebar-edge{left:calc(var(--safe-left) + .5rem);border-radius:1rem;border-left-color:#ffffff73}#card-data.hidden{background-color:transparent;border-color:transparent;overflow:hidden;z-index:-1;opacity:.5;pointer-events:none}.editor:has(#card-data>*) .toggle-card-bank:after{content:"!";background-color:transparent;border-radius:100px;padding:0 10px;margin-left:5px}.editor:has(#card-data.hidden>*) .toggle-card-bank:after{color:#000;background-color:#fff}#dropzone{position:fixed;top:0;left:0;width:calc((100% - var(--safe-left)) - var(--safe-right));height:calc((100% - var(--safe-top)) - var(--safe-bottom));box-sizing:border-box;background-color:#000c;z-index:3000;border:2px dashed #777;font-size:2rem;transition:opacity .3s ease,background-color .3s ease;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#dropzone p{text-align:center;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#dropzone.hidden{background-color:transparent;display:none}#dropzone.error{border-color:red}#dropzone.error>p{color:red;animation:.5s shake cubic-bezier(.075,.82,.165,1)}@keyframes shake{0%{transform:translate(calc(-50% - 10px),-50%)}10%{transform:translate(calc(-50% + 10px),-50%)}20%{transform:translate(calc(-50% - 10px),-50%)}30%{transform:translate(calc(-50% + 8px),-50%)}40%{transform:translate(calc(-50% - 8px),-50%)}50%{transform:translate(calc(-50% + 4px),-50%)}60%{transform:translate(calc(-50% - 4px),-50%)}70%{transform:translate(calc(-50% + 4px),-50%)}80%{transform:translate(calc(-50% - 2px),-50%)}90%{transform:translate(calc(-50% + 2px),-50%)}to{transform:translate(-50%,-50%)}}.loaded-card{position:fixed;top:50%;left:calc(50% + 150px);transform:translate(-50%,-50%);max-width:30vw;max-height:30vh;z-index:4000;transform-origin:0 0;border-radius:10px;box-shadow:0 0 10px #00000080;animation:pop 1.5s cubic-bezier(.075,.82,.165,1);animation-fill-mode:forwards}.editor.editor.sidebar-collapsed .loaded-card{left:50%}@keyframes pop{0%{transform:scale(0) rotate(-10deg) translate(-50%,-50%);opacity:1}50%{transform:scale(1) translate(-50%,-50%);opacity:1}to{transform:scale(1) translate(-50%,-50%);opacity:0}}.editor.loaded-json .canvas .card{animation:boom calc(1.5s - calc(var(--percent) * .3s)) calc(var(--percent) * .3s) cubic-bezier(.075,.82,.165,1);animation-fill-mode:backwards}@keyframes boom{0%{z-index:100;opacity:0;left:calc(50% - calc(var(--zoom) * 220px / 2));top:calc(50% - calc(var(--zoom) * 146.667px / 2))}1%{z-index:100;opacity:1;left:calc(50% - calc(var(--zoom) * 220px / 2));top:calc(50% - calc(var(--zoom) * 146.667px / 2))}50%{left:calc(calc(50% - calc(var(--zoom) * 220px / 2)) + sin(calc(var(--percent) * 360deg)) * 30vw);top:calc(calc(50% - calc(var(--zoom) * 146.667px / 2)) + cos(calc(var(--percent) * 360deg)) * 30vh)}}@media(max-width:900px)and (orientation:portrait){.editor{--mobile-sidebar-height: clamp(180px, 42vh, 340px);flex-direction:column}.editor aside{width:100%;height:var(--mobile-sidebar-height);border-right:none;border-bottom:1px solid #777}.editor.sidebar-collapsed aside{height:0;border-bottom:none}.editor.sidebar-collapsed #card-data{top:var(--safe-top);height:calc(100% - var(--safe-top) - var(--safe-bottom) - 2rem - 4px)}#card-data{left:var(--safe-left);top:calc(var(--safe-top) + var(--mobile-sidebar-height));width:calc(100% - var(--safe-left) - var(--safe-right) - 2rem - 4px);height:calc(100% - var(--safe-top) - var(--safe-bottom) - var(--mobile-sidebar-height) - 2rem - 4px)}.toggle-card-bank{bottom:calc(var(--safe-bottom) + .75rem);right:calc(var(--safe-right) + .75rem)}.toggle-sidebar-edge{top:calc(var(--safe-top) + var(--mobile-sidebar-height) - 2.4rem);left:calc((100% + var(--safe-left) - var(--safe-right)) / 2);right:auto;width:28px;transform:translate(-50%) rotate(90deg);height:min(30vw,100px);transition:top .2s ease,left .2s ease,background .2s ease}.editor.sidebar-collapsed .toggle-sidebar-edge{top:var(--safe-top);left:calc((100% + var(--safe-left) - var(--safe-right)) / 2);right:auto;transform:translate(-50%) rotate(90deg)}.editor:not(.sidebar-collapsed) .loaded-card{top:calc(50% + var(--mobile-sidebar-height) / 2)!important}.loaded-card{max-width:80vw;left:50%!important}}@media(max-width:900px)and (orientation:landscape){.editor{--sidebar-width: clamp(220px, 34vw, 300px);flex-direction:row}}