.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:#0000001a;margin:0;position:absolute;width:auto;z-index:0!important}.grid-stack>.grid-stack-item{position:absolute;padding:0;top:0;left:0;width:var(--gs-column-width);height:var(--gs-cell-height)}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;width:auto;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack>.grid-stack-item>.grid-stack-item-content,.grid-stack>.grid-stack-placeholder>.placeholder-content{top:var(--gs-item-margin-top);right:var(--gs-item-margin-right);bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');background-repeat:no-repeat;background-position:center}.grid-stack-item>.ui-resizable-ne{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:var(--gs-item-margin-top);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:var(--gs-item-margin-top);left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:var(--gs-item-margin-top);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px;right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:var(--gs-item-margin-bottom);right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px;left:var(--gs-item-margin-left)}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px #0003;opacity:.8}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left 0s,top 0s,height 0s,width 0s}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0 auto;max-width:400px}.editor{position:sticky;left:0;bottom:0;background-color:#363636;margin-left:auto;margin-right:auto;display:none;max-width:99%;height:50vh;border-top-left-radius:12px;border-top-right-radius:12px;box-shadow:0 -6px 24px #000;z-index:1000}.grid-stack{max-width:400px;height:100%;margin:6px;margin-bottom:80vh;--gs-item-margin-top: 5px !important;--gs-item-margin-bottom: 5px !important;--gs-item-margin-left: 5px !important;--gs-item-margin-right: 5px !important}.grid-stack .tile.trash-active:nth-child(2n){animation-name:wiggle-kf-1;animation-iteration-count:infinite;transform-origin:50% 10%}.grid-stack .tile.trash-active:nth-child(2n-1){animation-name:wiggle-kf-2;animation-iteration-count:infinite;animation-direction:alternate;transform-origin:30% 5%}@keyframes wiggle-kf-1{0%{transform:rotate(-1deg);animation-timing-function:ease-in}50%{transform:rotate(1.5deg);animation-timing-function:ease-out}}@keyframes wiggle-kf-2{0%{transform:rotate(1deg);animation-timing-function:ease-in}50%{transform:rotate(-1.5deg);animation-timing-function:ease-out}}.grid-stack-item-content{background-color:#efede5;color:#000;border-radius:2px;display:flex;justify-content:center;align-items:center}.grid-stack-placeholder>.placeholder-content{background-color:#efede51a}.editor>sl-tab-group>button{background:none;outline:none;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;aspect-ratio:1 / 1;width:auto}.editor>sl-tab-group>button.trash{margin-left:auto}.editor>sl-tab-group>button.trash.trash-active{background:#b45a5a;color:#000}.editor>sl-tab-group>button.close{border-top-right-radius:12px}.editor>sl-tab-group>button:hover{background:#242424}.editor sl-tab-panel{padding:0;--padding: 0;max-width:99%;margin-left:auto;margin-right:auto}.editor sl-tab-panel>div{display:flex;flex-direction:column;gap:1em;padding-left:8px;padding-right:8px;padding-top:8px;min-height:20vh}.editor sl-tab-panel>div .add{margin-top:4em}.editor .macro-selector{display:flex;width:100%;height:100%}.editor .macro-selector sl-select{width:100%;margin-left:.5em;margin-right:.5em}.editor .macro-selector button{display:flex;justify-content:center;align-items:center;aspect-ratio:1 / 1}.editor #macro-editor-elements{overflow-y:auto;max-height:20vh;min-height:20vh;background-color:#242424;border-radius:4px;border:1px solid gray;list-style:none;padding:0}.editor #macro-editor-elements .handle{cursor:grab}.editor #macro-editor-elements li:nth-child(2n){background-color:#363636}.editor #macro-editor-elements li{display:flex;align-items:center;padding:.5em;gap:1em}.editor #macro-editor-elements li span{text-overflow:ellipsis;max-width:70vw;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none}.editor #macro-editor-elements li .remove{margin-left:auto;cursor:pointer;border:none;padding:0;background:none;aspect-ratio:1 / 1;width:auto;display:flex;justify-content:center;align-items:center}.editor #macro-editor-elements li .remove:hover{background:#b45a5a}.editor .command-selector{display:flex;width:100%;height:100%}.editor .command-selector button{display:flex;justify-content:center;align-items:center;aspect-ratio:1 / 1;margin-left:.5em}.editor .preset-selector{display:flex;width:100%;height:100%}.editor .preset-selector button{display:flex;justify-content:center;align-items:center;aspect-ratio:1 / 1;margin-right:.5em}.editor .preset-selector sl-select{width:100%}.editor .color-icon-selector{display:flex;width:100%;height:100%;gap:.5em}#editor-elements-commands-icon .icon-select{display:flex;align-items:center;gap:1em}.api-init{box-sizing:border-box;display:flex;position:absolute;top:0;width:100%;max-width:400px;height:100%;background:#242424;z-index:1100;align-items:center;flex-direction:column;text-align:center;padding-bottom:10em;gap:2em;padding-left:1em;padding-right:1em}.api-init h2{margin-top:10em}.api-init sl-input,.api-init sl-button{width:100%}.api-init .loading{position:absolute;background:#000;width:100%;height:100%;z-index:2;display:none;justify-content:center;align-items:center}