@charset "UTF-8";.action-body{width:calc(100% - 25px);border:1px solid #ababab;border-radius:6px;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.action-header{min-height:35px;display:grid;grid-template-columns:35px 1fr 35px;background-color:#eaeaea}.action-icon{display:flex;justify-content:center;align-items:center;cursor:pointer}.action-icon:hover{background-color:#d5d5d5}.action-icon.delete-icon:hover{color:#fff;background-color:#f65454}.action-title{display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}.action-controls{height:min-content;background-color:#fcfcfc;display:flex;justify-content:center;align-items:center;transition:height .3s ease}.action-settings{width:100%;padding:4px 0;display:flex;flex-direction:column;gap:4px}.action-setting-slot{min-height:40px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:0 12px;font-family:Roboto,sans-serif;font-size:14px}.dropdown-body.svelte-yylew5.svelte-yylew5{min-width:120px;height:32px;background:white;border:1px solid gray;border-radius:6px;-webkit-user-select:none;user-select:none}.dropdown-body.svelte-yylew5 .dropdown-main.svelte-yylew5{height:32px;display:grid;grid-template-columns:1fr 18px;cursor:pointer;overflow:hidden}.dropdown-body.svelte-yylew5 .dropdown-main .dropdown-selection-display.svelte-yylew5{display:flex;align-items:center;padding:8px;font-family:Inter,sans-serif;font-size:14px}.dropdown-body.svelte-yylew5 .dropdown-main .dropdown-button.svelte-yylew5{background:lightgray;display:flex;justify-content:center;align-items:center}.dropdown-body.svelte-yylew5 .dropdown-main .dropdown-button.svelte-yylew5:hover{background-color:#b7b7b7}.dropdown-body.svelte-yylew5 .option-selector.svelte-yylew5{position:fixed;margin-top:6px;margin-left:-10px;padding:6px 0;max-height:200px;overflow-y:auto;background:white;border:1px solid gray;border-radius:6px;display:flex;flex-direction:column;gap:.2rem;filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25))}.dropdown-body.svelte-yylew5 .option-selector .selectable-option.svelte-yylew5{min-height:28px;display:flex;align-items:center;text-indent:8px;background-color:#efefef;cursor:pointer}.dropdown-body.svelte-yylew5 .option-selector .selectable-option span.svelte-yylew5{font-family:Inter,sans-serif;font-size:14px}.dropdown-body.svelte-yylew5 .option-selector .selectable-option.svelte-yylew5:hover{background-color:#dde5ff}.dropdown-body.svelte-yylew5 .option-selector.svelte-yylew5::-webkit-scrollbar{width:10px}.dropdown-body.svelte-yylew5 .option-selector.svelte-yylew5::-webkit-scrollbar-track{background:#ffffff}.dropdown-body.svelte-yylew5 .option-selector.svelte-yylew5::-webkit-scrollbar-thumb{padding:2px;background:#b9b9b9;border:2px solid #ffffff;border-radius:8px}.dropdown-body.svelte-yylew5 .option-selector.svelte-yylew5::-webkit-scrollbar-thumb:hover{background:#8c8c8c}.numeric-up-down-body.svelte-4th7nt.svelte-4th7nt{min-width:60px;height:32px;background:white;border:1px solid gray;border-radius:6px;display:flex;overflow:hidden;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}.numeric-up-down-body.svelte-4th7nt input.svelte-4th7nt{width:100%;outline:0;border:none;text-indent:8px;font-family:Inter,sans-serif;font-size:14px}.numeric-up-down-body.svelte-4th7nt input.svelte-4th7nt::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.numeric-up-down-body.svelte-4th7nt .numeric-up-down-buttons-container.svelte-4th7nt{width:18px;flex-shrink:0;background:lightgray;cursor:pointer}.numeric-up-down-body.svelte-4th7nt .numeric-up-down-buttons-container .num-button.svelte-4th7nt{height:50%;display:flex;justify-content:center;align-items:center}.numeric-up-down-body.svelte-4th7nt .numeric-up-down-buttons-container .num-button.svelte-4th7nt:hover{background-color:#b7b7b7}.checkbox-body.svelte-15o1o61.svelte-15o1o61{display:flex;align-items:center;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none}.checkbox-body.svelte-15o1o61 .checkbox.svelte-15o1o61{width:28px;height:28px;background:white;border:1px solid gray;border-radius:6px;cursor:pointer;display:flex;justify-content:center;align-items:center}.checkbox-body.svelte-15o1o61 .checkbox .inner-checkbox.svelte-15o1o61{width:28px;height:28px;display:flex;justify-content:center;align-items:center;scale:.2;opacity:0;transition:scale .2s ease,opacity .2s ease}.checkbox-body.svelte-15o1o61 .checkbox .inner-checkbox.checked.svelte-15o1o61{scale:1;opacity:1}.checkbox-body.svelte-15o1o61 span.svelte-15o1o61{margin-left:.6rem;font-family:Inter,sans-serif}.sysex-input.svelte-1553a1o.svelte-1553a1o{box-sizing:border-box;min-height:32px;height:32px;margin-top:4px;margin-bottom:4px;max-width:240px;border-radius:6px;background:white;border:1px solid gray;padding:8px;resize:vertical;overflow:hidden;white-space:pre-wrap;font-family:Inter,sans-serif;font-size:14px;transition:background-color .3s ease,color .3s ease,border .3s ease}.sysex-input.svelte-1553a1o.svelte-1553a1o:focus{outline:none;box-shadow:none;border-color:inherit}.sysex-input-error.svelte-1553a1o.svelte-1553a1o{background-color:#f8d7da;color:#721c24;border:1px solid #721c24}.action-error-box.svelte-1553a1o.svelte-1553a1o{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:12px;margin-left:10px;margin-right:10px;margin-bottom:6px;border-radius:6px;font-family:Roboto,sans-serif;font-size:14px}.action-error-box.svelte-1553a1o span.svelte-1553a1o{text-align:center}.custom-button.svelte-1d4t5mz{min-width:120px;height:32px;background:white;border:1px solid gray;border-radius:6px;padding:0 8px;font-family:Inter,sans-serif;font-size:14px;cursor:pointer}.custom-button.svelte-1d4t5mz:hover{background:#efefef}.popup-background.svelte-shkzr8.svelte-shkzr8{position:fixed;top:0;left:0;z-index:9999;width:100vw;height:100vh;background:rgba(0,0,0,0);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);display:flex;justify-content:center;align-items:center;transition:background .3s,backdrop-filter .1s;pointer-events:none}.popup-background.animate.svelte-shkzr8.svelte-shkzr8{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.popup-background.animate.svelte-shkzr8.svelte-shkzr8{pointer-events:auto}.popup-body.svelte-shkzr8.svelte-shkzr8{padding:28px;border-radius:16px;background-color:#fff;filter:drop-shadow(0 0 12px rgba(0,0,0,.25));max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.popup-body.svelte-shkzr8 .popup-header.svelte-shkzr8{display:flex;justify-content:center;align-items:center}.popup-body.svelte-shkzr8 .popup-header span.svelte-shkzr8{font-family:Inter,sans-serif;font-size:1.6rem}.key-selector-popup.svelte-1ebhcz0 .bottom-bar.svelte-1ebhcz0{width:100%;display:flex;justify-content:center;margin-top:1rem}.key-selector-popup.svelte-1ebhcz0 .key-view-grid.svelte-1ebhcz0{max-height:50vh;overflow-y:auto;display:grid;grid-template-columns:100px 1fr;gap:20px 8px;margin-top:2rem}.key-selector-popup.svelte-1ebhcz0 .key-view-grid .key-collection-title-container.svelte-1ebhcz0{text-align:end;padding-right:12px}.key-selector-popup.svelte-1ebhcz0 .key-view-grid .key-collection-title-container span.svelte-1ebhcz0{font-family:Inter,sans-serif;font-size:18px;font-weight:600}.key-selector-popup.svelte-1ebhcz0 .key-view-grid .key-collection-container.svelte-1ebhcz0{display:grid;grid-template-columns:repeat(14,60px);gap:10px;padding-right:8px}.key-selector-popup.svelte-1ebhcz0 .key-view-grid .key-collection-container .keyboard-key.svelte-1ebhcz0{width:60px;height:60px;padding:4px;background-color:#fff;display:flex;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:14px;font-weight:600;box-sizing:border-box;border:1px solid gray;border-radius:4px;cursor:pointer;overflow-wrap:anywhere;text-align:center}.key-selector-popup.svelte-1ebhcz0 .key-view-grid .key-collection-container .keyboard-key span.svelte-1ebhcz0{cursor:pointer}.key-selector-popup.svelte-1ebhcz0 .key-view-grid .key-collection-container .keyboard-key.svelte-1ebhcz0:hover{background-color:#ececec}.key-selector-popup.svelte-1ebhcz0 .key-view-grid .key-collection-container .keyboard-key.selected-key.svelte-1ebhcz0{border:1px solid cornflowerblue;background-color:#ccdfff}.key-selector-popup.svelte-1ebhcz0 .key-view-grid .key-collection-container .keyboard-key.selected-key.svelte-1ebhcz0:hover{background-color:#b1cbf5}.action-setting-slot.svelte-wv6vt5{height:40px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:0 12px;font-family:Roboto,sans-serif;font-size:14px}.macro-setting-slot.svelte-1twiamt{height:40px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:0 12px;font-family:Roboto,sans-serif;font-size:14px;flex-direction:column;margin-bottom:12px}.auto-expand.svelte-1twiamt{width:100%;min-height:40px;padding:8px;font-size:14px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;overflow:hidden;white-space:pre-wrap;word-wrap:break-word;outline:none}.auto-expand.svelte-1twiamt:focus{border-color:#007bff;box-shadow:0 0 4px #007bff40}.key-selector-popup.svelte-k5qj2m .bottom-bar.svelte-k5qj2m{width:100%;display:flex;justify-content:center;margin-top:1rem}.key-selector-popup.svelte-k5qj2m .key-view-grid.svelte-k5qj2m{max-height:50vh;overflow-y:auto;display:grid;grid-template-columns:100px 1fr;gap:20px 8px;margin-top:2rem}.key-selector-popup.svelte-k5qj2m .key-view-grid .key-collection-title-container.svelte-k5qj2m{text-align:end;padding-right:12px}.key-selector-popup.svelte-k5qj2m .key-view-grid .key-collection-title-container span.svelte-k5qj2m{font-family:Inter,sans-serif;font-size:18px;font-weight:600}.key-selector-popup.svelte-k5qj2m .key-view-grid .key-collection-container.svelte-k5qj2m{display:grid;grid-template-columns:repeat(14,60px);gap:10px;padding-right:8px}.key-selector-popup.svelte-k5qj2m .key-view-grid .key-collection-container .gamepad-key.svelte-k5qj2m{width:60px;height:60px;padding:4px;background-color:#fff;display:flex;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:14px;font-weight:600;box-sizing:border-box;border:1px solid gray;border-radius:4px;cursor:pointer;overflow-wrap:anywhere;text-align:center}.key-selector-popup.svelte-k5qj2m .key-view-grid .key-collection-container .gamepad-key span.svelte-k5qj2m{cursor:pointer}.key-selector-popup.svelte-k5qj2m .key-view-grid .key-collection-container .gamepad-key.svelte-k5qj2m:hover{background-color:#ececec}.key-selector-popup.svelte-k5qj2m .key-view-grid .key-collection-container .gamepad-key.selected-key.svelte-k5qj2m{border:1px solid cornflowerblue;background-color:#ccdfff}.key-selector-popup.svelte-k5qj2m .key-view-grid .key-collection-container .gamepad-key.selected-key.svelte-k5qj2m:hover{background-color:#b1cbf5}.preview-key-section.svelte-1a3uaf0.svelte-1a3uaf0{height:100px;display:flex;justify-content:center;align-items:center}.preview-key-section.svelte-1a3uaf0 .key-preview.svelte-1a3uaf0{width:80px;height:80px;background:white;border:2px solid #8f8f8f;border-radius:10%;display:flex;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:14px;text-align:center;box-shadow:2px 2px 4px #00000040,inset 2px 2px 4px #00000040;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none}.color-input.svelte-m8h2r4{border:0px;padding:0;margin-left:5px;outline:0px;border-radius:10%;cursor:pointer}.color-input.svelte-9i743g{border:0px;padding:0;outline:0px;border-radius:10%;cursor:pointer}.mystrix-border.svelte-1ri24vk.svelte-1ri24vk{background:rgb(20,20,20);border:2px solid rgb(120,120,120);border-radius:3%;padding:3%;filter:drop-shadow(0px 0px 12px rgba(0,0,0,.5));aspect-ratio:1/1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:1.5%}.mystrix-button-container.svelte-1ri24vk.svelte-1ri24vk{width:92%;height:92%;margin:4%;border-radius:10%;transition:width .1s ease,height .1s ease,margin .1s ease}.mystrix-button-container.selected.svelte-1ri24vk.svelte-1ri24vk{box-shadow:0 0 0 4px #6495ed}.mystrix-button-container.svelte-1ri24vk.svelte-1ri24vk:hover{margin:2%;width:96%;height:96%}.mystrix-button.svelte-1ri24vk.svelte-1ri24vk{width:100%;height:100%;border-radius:8%;background-color:#969696;overflow:hidden;transition:background-color .1s ease;cursor:pointer}.mystrix-button.svelte-1ri24vk.svelte-1ri24vk:hover{background-color:#505050}.mystrix-button.svelte-1ri24vk .button-action-display.svelte-1ri24vk{width:100%;height:100%;background-color:#868686;display:grid;place-items:center}.mystrix-button.svelte-1ri24vk .button-action-display .action-display-container.svelte-1ri24vk{width:70%;height:70%;border-radius:8%;background-color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column}.mystrix-button.svelte-1ri24vk .button-action-display .action-display-container span.svelte-1ri24vk{font-family:Inter,sans-serif}.mystrix-button.svelte-1ri24vk .button-action-display .action-display-container span.action-title.svelte-1ri24vk{font-size:.75rem;font-weight:600}.mystrix-button.svelte-1ri24vk .button-action-display .action-display-container .subtitle-container.svelte-1ri24vk{width:100%;padding:0 8%;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:clip;text-align:center}.mystrix-button.svelte-1ri24vk .button-action-display .action-display-container .subtitle-container span.action-subtitle.svelte-1ri24vk{font-size:.8rem;font-weight:300}.menu-container.svelte-1rspgge.svelte-1rspgge{width:300px;max-height:325px;border-radius:8px;border:1px solid lightgray;filter:drop-shadow(1px 2px 2px #818181);background-color:#fff;display:flex;gap:10px;flex-direction:column}.menu-container.svelte-1rspgge .menu-action-list.svelte-1rspgge{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:10px;box-sizing:border-box;padding:8px}.menu-container.svelte-1rspgge .menu-action-list .menu-action-item.svelte-1rspgge{height:50px;width:100%;display:flex;background:#dde8fd;border-radius:4px;transition:background-color .1s ease;cursor:pointer}.menu-container.svelte-1rspgge .menu-action-list .menu-action-item.svelte-1rspgge:hover{background:#c8dbfa}.menu-container.svelte-1rspgge .menu-action-list .menu-action-item .icon-section.svelte-1rspgge{height:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.menu-container.svelte-1rspgge .menu-action-list .menu-action-item .label-section.svelte-1rspgge{width:100%;display:flex;align-items:center;text-indent:10px;font-family:Roboto,sans-serif;user-select:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none}.sidebar-container.svelte-6tqqsw.svelte-6tqqsw{width:100%;height:100%;background-color:#fff}.sidebar-body.svelte-6tqqsw.svelte-6tqqsw{display:flex;align-items:center;flex-direction:column;gap:24px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:100%;padding:13.5px 0;max-width:400px;margin:auto}.sidebar-body.svelte-6tqqsw .no-key-selected.svelte-6tqqsw{display:grid;place-items:center;width:calc(100% - 30px);height:60px;border:1px solid black;border-radius:4px;cursor:not-allowed;user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}.sidebar-body.svelte-6tqqsw .no-key-selected span.svelte-6tqqsw{font-family:Roboto Light,sans-serif;font-size:18px}.sidebar-body.svelte-6tqqsw .add-action-button.svelte-6tqqsw{height:40px;display:flex;justify-content:center;align-items:center;gap:12px;padding:0 8px;flex-shrink:0;cursor:pointer;border-radius:20px;background-color:#e0e0e0}.sidebar-body.svelte-6tqqsw .add-action-button.svelte-6tqqsw:hover{background-color:#cbcbcb}.sidebar-body.svelte-6tqqsw .add-action-button span.svelte-6tqqsw{padding-left:8px;font-family:Roboto Light,sans-serif}.sidebar-body.svelte-6tqqsw .sidebar-topbar.svelte-6tqqsw{height:40px;width:calc(100% - 30px);display:flex;border-radius:4px;overflow:hidden}.sidebar-body.svelte-6tqqsw .sidebar-topbar .tab-button.svelte-6tqqsw{display:grid;place-items:center;width:100%;cursor:pointer;user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}.sidebar-body.svelte-6tqqsw .sidebar-topbar .tab-button span.svelte-6tqqsw{font-family:Roboto,sans-serif;font-weight:500}.sidebar-body.svelte-6tqqsw .sidebar-topbar .sidebar-page-indicator.svelte-6tqqsw{position:absolute;margin-top:36px}.sidebar-body.svelte-6tqqsw .sidebar-topbar .sidebar-page-indicator.svelte-6tqqsw:after{content:" ";position:absolute;height:6px;border-radius:6px;width:calc(var(--width) + 20px);margin-left:calc(var(--posX) - 10px);background-color:#6c9fff;transition:width .2s ease,margin-left .2s ease}.layer-selector-container.svelte-6rbxn1.svelte-6rbxn1{width:100%;display:flex;justify-content:center;align-items:center;gap:1em;filter:drop-shadow(0px 0px 3px rgba(0,0,0,.25))}.layer-selector-container.svelte-6rbxn1 .layers-container.svelte-6rbxn1{display:flex;grid-template-columns:repeat(auto-fit,80px);width:100%;gap:.5em;justify-content:center;justify-items:center;overflow:hidden}.layer-selector-container.svelte-6rbxn1 .layers-container .layer.svelte-6rbxn1{min-width:20px;max-width:40px;height:40px;border-radius:6px;background-color:#a6a6a6;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-shrink:1;flex-grow:1;transition:background-color .2s ease,min-width .2s ease,max-width .2s ease}.layer-selector-container.svelte-6rbxn1 .layers-container .layer span.svelte-6rbxn1{color:#fff;font-family:Inter,sans-serif;font-weight:500}.layer-selector-container.svelte-6rbxn1 .layers-container .layer.svelte-6rbxn1:hover{background-color:#969696;min-width:50px}.layer-selector-container.svelte-6rbxn1 .layers-container .layer.selected.svelte-6rbxn1{background-color:#2c2c2c;min-width:60px;max-width:80px}.layer-selector-container.svelte-6rbxn1 .layers-container .layer.selected.svelte-6rbxn1:hover{background-color:#c00000}.layer-selector-container.svelte-6rbxn1 .layers-container .layer.selected:hover span.svelte-6rbxn1{text-decoration:line-through}.layer-selector-container.svelte-6rbxn1 .layers-container .layer-control.svelte-6rbxn1{width:36px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;flex-shrink:0;margin:0 .2rem;border:2px solid gray;transition:background-color .2s ease;background-color:#eff0f3}.layer-selector-container.svelte-6rbxn1 .layers-container .layer-control.svelte-6rbxn1:hover{background-color:#d3d3d3}.layer-selector-container.svelte-6rbxn1 .layers-container .layer-control.svelte-6rbxn1:active{background-color:#lightgray;scale:.95}.layer-selector-container.svelte-6rbxn1 .layers-container .layer-add-button.svelte-6rbxn1{min-width:20px;max-width:40px;height:40px;border-radius:6px;box-sizing:border-box;background-color:#dadada;border:1px solid #cecece;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease,width .2s ease,min-width .2s ease,max-width .2s ease}.layer-selector-container.svelte-6rbxn1 .layers-container .layer-add-button.svelte-6rbxn1:hover{background-color:#cecece;min-width:50px}main.svelte-1kvehh.svelte-1kvehh{display:flex;width:100vw;height:100%;background-color:#eff0f3}.mobile.svelte-1kvehh.svelte-1kvehh{flex-direction:column;gap:0;overflow:hidden}.editor-container.svelte-1kvehh.svelte-1kvehh{display:grid;grid-template-rows:75px 1fr;flex-grow:1}.editor-container.svelte-1kvehh .header.svelte-1kvehh{display:grid;grid-template-columns:1fr max-content 1fr;grid-template-rows:100px;align-items:center}.editor-container.svelte-1kvehh .logo img.svelte-1kvehh{display:flex;justify-content:center;align-items:center;height:100px;padding:34px;box-sizing:border-box}.editor-container.svelte-1kvehh .title.svelte-1kvehh{display:flex;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-weight:400;letter-spacing:.2rem;font-size:2.2rem;padding-top:3px}.editor-container.svelte-1kvehh .controls.svelte-1kvehh{display:flex;justify-content:end;align-items:center;padding-right:18px;gap:12px;justify-self:end}.editor-container.svelte-1kvehh .controls .control.svelte-1kvehh{display:flex;align-items:center;justify-content:center;height:50px;min-width:50px;padding:0 12px;border-radius:25px;background-color:#000;color:#fff;cursor:pointer;transition:background-color .2s ease,max-width .3s ease;filter:drop-shadow(0px 0px 3px rgba(0,0,0,.25));box-sizing:border-box}.editor-container.svelte-1kvehh .controls .control.svelte-1kvehh:hover{background-color:#404040}.editor-container.svelte-1kvehh .controls .control.svelte-1kvehh:active{background-color:#404040;scale:.95}.editor-container.svelte-1kvehh .controls .control span.control-text.svelte-1kvehh{font-family:Inter,sans-serif;font-size:1rem;white-space:nowrap;opacity:1;max-width:0;overflow:hidden;direction:rtl;text-align:left;text-overflow:ellipsis;transition:max-width .3s ease,padding-left .3s ease;padding-left:0}.editor-container.svelte-1kvehh .controls .control:hover span.control-text.svelte-1kvehh{padding-left:8px;max-width:200px}@media (max-width: 1500px){.editor-container.svelte-1kvehh .header.svelte-1kvehh{grid-template-columns:1fr 1fr}.editor-container.svelte-1kvehh .title.svelte-1kvehh{display:none}}@media (max-width: 1200px){.editor-container.svelte-1kvehh .header.svelte-1kvehh{min-height:100px;padding-top:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.editor-container.svelte-1kvehh .logo img.svelte-1kvehh{display:flex;justify-content:center;align-items:center;height:28px;padding:0}.editor-container.svelte-1kvehh .title.svelte-1kvehh{display:flex;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-weight:400;letter-spacing:.2rem;padding-top:3px;font-size:1.8rem;text-align:center;white-space:nowrap}}.editor-container.svelte-1kvehh .device-container.svelte-1kvehh{display:flex;justify-content:center;align-items:center;gap:4rem;flex-direction:column}.editor-container.svelte-1kvehh .device-container .device.svelte-1kvehh{width:100%;max-width:min(600px,90vw);box-sizing:border-box}.editor-container.svelte-1kvehh .layer-selector.svelte-1kvehh{padding-bottom:30px}.mobile.svelte-1kvehh .editor-container.svelte-1kvehh{display:flex;flex-direction:column;gap:100px}.sidebar-container.svelte-1kvehh.svelte-1kvehh{width:335px;height:100vh}.mobile.svelte-1kvehh .sidebar-container.svelte-1kvehh{height:auto;width:100vw}.popup-error.svelte-1kvehh.svelte-1kvehh{filter:drop-shadow(0 0 12px rgba(255,0,0,.25));border:1px solid red}.settings-popup.svelte-1kvehh.svelte-1kvehh{width:500px;max-width:80vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-top:50px;gap:50px}.settings-popup.svelte-1kvehh .setting.svelte-1kvehh{height:35px;width:100%;display:flex;align-items:center;justify-content:space-between}.settings-popup.svelte-1kvehh .setting .setting-name.svelte-1kvehh{display:flex;align-items:center;color:#000;font-family:Roboto Mono,sans-serif;font-weight:400}.settings-popup.svelte-1kvehh .setting .setting-option.svelte-1kvehh{display:flex;flex-direction:row-reverse}.settings-popup.svelte-1kvehh button.svelte-1kvehh{margin-top:auto;border-radius:6px;width:80px;height:40px;background-color:#dadada;border:1px solid #cecece;transition:background-color .2s ease;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-shrink:0;transition:background-color .2s ease,width .2s ease,opacity .2s ease;filter:drop-shadow(0px 0px 3px rgba(0,0,0,.25))}.settings-popup.svelte-1kvehh button.svelte-1kvehh:hover{background-color:#cecece}.settings-popup.svelte-1kvehh button.svelte-1kvehh:active{background-color:#cecece;scale:.95}.editor-state-popup.svelte-1kvehh.svelte-1kvehh{width:500px;height:200px;max-width:80vw;max-height:80vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-top:1rem}.editor-state-popup.svelte-1kvehh>.svelte-1kvehh:not(button){flex-grow:1;display:flex;justify-content:center;align-items:center;width:100%}.editor-state-popup.svelte-1kvehh button.svelte-1kvehh{margin-top:auto;border-radius:6px;width:80px;height:40px;background-color:#dadada;border:1px solid #cecece;transition:background-color .2s ease;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-shrink:0;transition:background-color .2s ease,width .2s ease,opacity .2s ease;filter:drop-shadow(0px 0px 3px rgba(0,0,0,.25))}.editor-state-popup.svelte-1kvehh button.svelte-1kvehh:hover{background-color:#cecece}.editor-state-popup.svelte-1kvehh button.svelte-1kvehh:active{background-color:#cecece;scale:.95}.editor-state-popup.svelte-1kvehh span.svelte-1kvehh{font-family:Inter,sans-serif;font-size:1.3rem}.editor-state-popup.svelte-1kvehh progress.svelte-1kvehh{width:100%}