@charset "UTF-8";.sprite[data-v-d68fbb77]{min-width:var(--v5419cb70);min-height:var(--v1550a8bd);width:var(--v5419cb70);height:var(--v1550a8bd);background-image:url(/assets/app-spritesheet-yua-jG6a.png);background-repeat:no-repeat}#smtx-header{z-index:5;padding:1rem;background:transparent;border-bottom:4px dashed white}#logo-container{display:flex;align-items:center;justify-content:center;gap:.5rem}#logo-container hr{height:2.5rem;width:2px;border:2px solid var(--smtx-primary)}@media screen and (max-width:767px){#smtx-header{padding:0}#smtx-header #logo-container{transform:scale(.75)}}div[data-v-348b599d]{background:var(--smtx-background);border:1px solid var(--smtx-text-hint);border-radius:2px;padding:.2em .6em}pre[data-v-348b599d]{margin:0;line-height:125%}span[json-prop][data-v-348b599d]{color:#ff79c6}span[json-string][data-v-348b599d]{color:#bd93f9}span[json-number][data-v-348b599d]{color:#ffb86c}.warning-box{padding:.5rem .75rem;margin:1rem auto;border:1px solid var(--smtx-warn);border-radius:4px;background:var(--smtx-panel-warn)}dialog{opacity:0;visibility:hidden;pointer-events:none;position:fixed;padding:1.5rem;margin:auto;min-width:50%;max-width:60%;min-height:5.5rem;max-height:90%;background:var(--smtx-panel);border:1px solid var(--smtx-primary);border-radius:4px;box-shadow:0 0 16px #000;color:inherit;font-size:.875rem;display:flex;flex-direction:column;overflow-y:auto}dialog button.action-close{position:absolute;top:.75rem;right:.75rem}dialog button#action-download-example-spritesheet{display:inline;color:var(--smtx-link);font-size:inherit}dialog button#action-download-example-spritesheet:hover{filter:brightness(1.25)}dialog section>header{margin-bottom:.5rem}dialog hr{border:2px dashed #fff;margin:2rem 0}dialog ul{list-style-type:"- "}dialog[open]{opacity:1;visibility:visible;pointer-events:all}dialog::backdrop{background:#0008}#help-controls #controls-grid{margin-top:1.5rem;display:grid;grid-template-columns:2.5rem 1fr 2.5rem 1fr;align-items:center;gap:1rem .5rem}#help-spritesheets #example-json-descriptor{margin:.5rem auto}#help-spritesheets #spritesheet-file-explanations{max-width:800px;margin:1.5rem auto;display:grid;grid-template-columns:auto auto;align-items:center;justify-items:center;justify-content:center;gap:2rem}#help-spritesheets #spritesheet-file-explanations .file-explanation{display:flex;align-items:center;gap:.5rem}#help-spritesheets #sprite-gradient-map-table{margin-top:.5rem;table-layout:fixed;border:1px solid var(--smtx-primary);border-collapse:collapse;overflow-x:auto}#help-spritesheets #sprite-gradient-map-table tr td,#help-spritesheets #sprite-gradient-map-table th{padding:0 .5rem;border:1px solid var(--smtx-primary)}#help-spritesheets #sprite-gradient-map-table th{text-align:start;background:var(--smtx-primary)}#help-spritesheets #sprite-gradient-map-table tr td:first-child{padding:0;width:64px}#help-spritesheets #sprite-gradient-map-table tr td:nth-child(2){width:64px}#help-spritesheets #sprite-gradient-map-table tr td:nth-child(3),#help-spritesheets #sprite-gradient-map-table tr td:nth-child(4),#help-spritesheets #sprite-gradient-map-table tr td:nth-child(5),#help-spritesheets #sprite-gradient-map-table tr td:nth-child(6){width:5ch}#help-credits{position:relative}#sleeping-cat{position:absolute;bottom:0;right:1rem;opacity:.5;-webkit-user-select:none;user-select:none;pointer-events:none}.text-block{margin:2rem auto;display:flex;flex-direction:column;overflow-x:auto}.text-block img{margin:.5rem auto;max-width:100%}.text-block:last-of-type{margin-bottom:0}.color-block{width:64px;height:2rem}.color-block.light{background:#ddd}.color-block.exact{background:#aaa}.color-block.dark{background:#555}@media screen and (max-width:1199px){dialog{max-width:80%}}@media screen and (max-width:767px){dialog{width:100%;max-width:calc(100% - 2rem)}#help-controls #controls-grid{grid-template-columns:2.5rem 1fr}#help-spritesheets #spritesheet-file-explanations{grid-template-columns:auto;margin:1.5rem}#sleeping-cat{top:-36px}}#smtx-footer{z-index:5;padding:1rem;background:transparent;border-top:4px dashed white;font-size:.875rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}#smtx-footer #footer-links{display:flex;align-items:center;justify-content:center;gap:1rem}#smtx-footer #footer-links a:hover .sprite{cursor:pointer;transform:scale(1.0625)}#smtx-footer #footer-links a:active .sprite{transform:scale(.9)}@media screen and (max-width:767px){#smtx-footer{padding:.5rem;font-size:.75rem;gap:.5rem}#smtx-footer #footer-links{gap:.5rem}}.radio-options[data-v-65d364c4]{min-height:2rem;height:100%;border-radius:2px;border:none;font-family:inherit;display:flex;align-items:center;justify-content:flex-end;gap:2px}.radio-options[data-v-65d364c4]>.radio-option:first-of-type{border-top-left-radius:2px;border-bottom-left-radius:2px}.radio-options[data-v-65d364c4]>.radio-option:last-of-type{border-top-right-radius:2px;border-bottom-right-radius:2px}.radio-option[data-v-d467f790]{flex:1;height:100%;padding:0 .75rem;background:var(--smtx-radio);border:none;color:var(--smtx-text);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center}.radio-option[data-v-d467f790]:hover{background:var(--smtx-primary)}.radio-option[data-v-d467f790]:active{background:var(--smtx-radio)}.radio-option.selected[data-v-d467f790]{background:var(--smtx-accent);cursor:default}input[type=radio][data-v-d467f790]{display:none}#word-properties-hint{flex:1;width:100%;padding:1rem;color:var(--smtx-text-hint);text-align:center;line-height:1.1;font-weight:600;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}#word-properties-panel-scrollzone{display:flex;flex-direction:column;overflow-y:auto}#sprite-props{padding:1rem 1rem 1rem .5rem;border-bottom:4px dashed white;display:grid;grid-template-columns:3rem 1fr;gap:1rem 0}#sprite-props input{width:100%;font-size:1.25rem;font-weight:600;border-radius:2px}#sprite-props #prop-word{text-transform:uppercase}#sprite-props #prop-color{width:100%;height:100%;background:var(--v59f82efe);border-radius:2px}#sprite-color{padding:1rem;border-bottom:4px dashed white}@media screen and (max-width:1023px){#word-properties-hint,#word-properties-panel-scrollzone{background:var(--smtx-panel);border-radius:0 8px 8px}#word-properties-panel-scrollzone{padding:.5rem}#sprite-props,#sprite-color{padding:0;border:none}#sprite-color{padding-top:1rem}}input[type=range][data-v-26e8ab67]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:0;background:transparent;border:none;align-self:center}input[type=range][data-v-26e8ab67]::-webkit-slider-runnable-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:2px;height:8px;background-color:transparent;background:var(--smtx-slider-track)}input[type=range][data-v-26e8ab67]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-.5rem;z-index:1;background-color:transparent;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAAXNSR0IArs4c6QAAAAlQTFRFAAAAkSxn8mS3FU0OqwAAAAN0Uk5TAP//RFDWIQAAAFFJREFUKJGl0tsOABAMA1Dt/3+0xHWbIqJveuKBLaVr2KLbSKSUfgbgZLQlATAzxfdVxAUHgJIHwAdw6Y+wiH25FXpQnxinYSa16/eTNXZfmgzSCAJnK/gO/gAAAABJRU5ErkJggg==);border:none;height:1.5rem;width:1.5rem;cursor:pointer}input[type=range][data-v-26e8ab67]::-moz-range-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:2px;height:8px;background-color:transparent;background:var(--smtx-slider-track)}input[type=range][data-v-26e8ab67]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-.5rem;z-index:1;background-color:transparent;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAAXNSR0IArs4c6QAAAAlQTFRFAAAAkSxn8mS3FU0OqwAAAAN0Uk5TAP//RFDWIQAAAFFJREFUKJGl0tsOABAMA1Dt/3+0xHWbIqJveuKBLaVr2KLbSKSUfgbgZLQlATAzxfdVxAUHgJIHwAdw6Y+wiH25FXpQnxinYSa16/eTNXZfmgzSCAJnK/gO/gAAAABJRU5ErkJggg==);border:none;height:1.5rem;width:1.5rem;cursor:pointer}input[type=range][data-v-26e8ab67]::-ms-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:2px;height:8px;background-color:transparent;background:var(--smtx-slider-track)}input[type=range][data-v-26e8ab67]::-ms-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-.5rem;z-index:1;background-color:transparent;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAAXNSR0IArs4c6QAAAAlQTFRFAAAAkSxn8mS3FU0OqwAAAAN0Uk5TAP//RFDWIQAAAFFJREFUKJGl0tsOABAMA1Dt/3+0xHWbIqJveuKBLaVr2KLbSKSUfgbgZLQlATAzxfdVxAUHgJIHwAdw6Y+wiH25FXpQnxinYSa16/eTNXZfmgzSCAJnK/gO/gAAAABJRU5ErkJggg==);border:none;height:1.5rem;width:1.5rem;cursor:pointer}input[type=range][data-v-26e8ab67]:focus::-webkit-slider-thumb{outline:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAAXNSR0IArs4c6QAAAAlQTFRFAAAAkSxn8mS3FU0OqwAAAAN0Uk5TAP//RFDWIQAAADlJREFUKJFjYCAImKAAuyi6FBMTVhkmDIBLHLcEE14JbOK4JZgGrQTpPscdiJgyhOIJT8wiyRFONACsxQMfx19fogAAAABJRU5ErkJggg==)}input[type=range][data-v-26e8ab67]:focus::-moz-range-thumb{outline:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAAXNSR0IArs4c6QAAAAlQTFRFAAAAkSxn8mS3FU0OqwAAAAN0Uk5TAP//RFDWIQAAADlJREFUKJFjYCAImKAAuyi6FBMTVhkmDIBLHLcEE14JbOK4JZgGrQTpPscdiJgyhOIJT8wiyRFONACsxQMfx19fogAAAABJRU5ErkJggg==)}input[type=range][data-v-26e8ab67]:focus::-ms-thumb{outline:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAAXNSR0IArs4c6QAAAAlQTFRFAAAAkSxn8mS3FU0OqwAAAAN0Uk5TAP//RFDWIQAAADlJREFUKJFjYCAImKAAuyi6FBMTVhkmDIBLHLcEE14JbOK4JZgGrQTpPscdiJgyhOIJT8wiyRFONACsxQMfx19fogAAAABJRU5ErkJggg==)}#export-settings{width:100%;padding:.5rem;background:var(--smtx-panel);border-radius:8px 8px 0;display:grid;grid-template-columns:3rem 1fr;grid-template-rows:repeat(4,auto);gap:1rem 0}#export-settings input{width:100%;font-size:1.25rem;font-weight:600;border-radius:2px}#export-settings button#button-export{grid-column:1/span 2;color:var(--smtx-text);font-size:1.125rem;font-weight:600;display:flex;align-items:center;justify-content:center;min-height:2.5rem}.setting-wrapper{display:flex;align-items:center;justify-content:center}.setting-wrapper p{align-self:center;min-width:3ch;width:3ch;padding-left:8px;font-size:1.25rem;font-weight:600;text-align:center}#word-grid{margin:auto;padding:4rem;pointer-events:none}#inner-grid{--width: var(--v31ff5c44);--height: var(--v17c59b2e);border-top:1px dashed var(--smtx-grid-border);border-left:1px dashed var(--smtx-grid-border);pointer-events:all;display:grid;grid-template-columns:repeat(var(--width),5rem);grid-template-rows:repeat(var(--height),5rem)}#inner-grid>*{width:5rem;height:5rem;border-right:1px dashed var(--smtx-grid-border);border-bottom:1px dashed var(--smtx-grid-border);display:flex;align-items:center;justify-content:center}#inner-grid .action-add{align-self:center;width:100%;height:100%;padding:4px;opacity:.25;border-radius:8px;display:flex;align-items:center;justify-content:center}#inner-grid .action-add:hover{opacity:1}.word-special-hint{position:absolute;top:.25rem;left:.25rem}#word-actions-panel{padding:.25rem;border-radius:8px;pointer-events:none}#word-actions-panel #word-actions-container{position:relative;display:grid;grid-template-columns:3.5rem 6rem 3.5rem;grid-template-rows:3.5rem 6rem 3.5rem;pointer-events:none}#word-actions-panel #word-actions-container button{filter:drop-shadow(0 0 8px rgba(0,0,0,.5333333333));pointer-events:all}#word-actions-panel #word-actions-container button[id^=action-move-]{height:3.5rem;width:3.5rem;background:var(--smtx-panel);display:flex;align-items:center;justify-content:center}#word-actions-panel #word-actions-container #action-move-left{grid-column:1;grid-row:2;align-self:center;border-top-left-radius:1rem;border-bottom-left-radius:1rem}#word-actions-panel #word-actions-container #action-move-right{grid-column:3;grid-row:2;align-self:center;border-top-right-radius:1rem;border-bottom-right-radius:1rem}#word-actions-panel #word-actions-container #action-move-up{grid-column:2;grid-row:1;justify-self:center;border-top-left-radius:1rem;border-top-right-radius:1rem}#word-actions-panel #word-actions-container #action-move-down{grid-column:2;grid-row:3;justify-self:center;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}#word-actions-panel #word-actions-container #action-delete{position:absolute;background:var(--smtx-panel);padding:4px;border-radius:8px;top:0;right:0}#grid-settings{width:100%;padding:.5rem;background:var(--smtx-panel);border-radius:0 8px 8px;display:grid;grid-template-columns:3rem 1fr auto;grid-template-rows:repeat(2,auto);gap:1rem 0}#grid-settings input{width:100%;font-size:1.25rem;font-weight:600;border-radius:2px}#grid-settings p{width:3ch;align-self:center;padding-left:8px;font-size:1.25rem;font-weight:600;text-align:center}input[type=file]{display:none}button.button-file-input{height:100%;padding:.25rem .5rem;color:inherit;border:2px dashed var(--smtx-button);border-radius:2px;display:flex;align-items:center;justify-content:center}button.button-file-input span{width:min-content;max-width:24ch}button.button-file-input:hover{border:2px dashed var(--smtx-button-hover)}button.button-file-input:active{border:2px dashed var(--smtx-button-active)}#spritesheet-settings{width:100%;padding:.5rem;background:var(--smtx-panel);border-radius:0 8px 8px;display:grid;grid-template-columns:3rem 1fr auto;grid-template-rows:repeat(2,auto);align-items:center;gap:1rem 0}#spritesheet-settings input{width:100%;font-size:1.25rem;font-weight:600;border-radius:2px}#spritesheet-settings #object-spritesheet-toggle{grid-column:2/span 2}#spritesheet-settings p{width:3ch;align-self:center;padding-left:8px;font-size:1.25rem;font-weight:600;text-align:center}.file-indicator{margin-left:8px}main{flex:1;position:relative;overflow:hidden;background:transparent;display:grid;grid-template-rows:1fr;grid-template-columns:auto 1fr}main #export-loader{display:none;transition:opacity .25s ease;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:20;position:absolute;inset:0;background:#000c;font-size:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}main #export-loader.visible{display:flex;opacity:1}#words{position:relative;overflow:hidden;display:flex;align-items:center}#words #button-reset{position:absolute;top:1rem;right:1rem;background:var(--smtx-panel);padding:.5rem;border-radius:8px}#words #words-scrollzone{flex:1;width:100%;height:100%;overflow:auto;display:flex;align-items:center}#spritesheet-settings-panel,#grid-settings-panel,#export-settings-panel{position:absolute;width:fit-content;border-radius:8px;display:flex;justify-content:center}#spritesheet-settings-panel #button-toggle-export-settings,#spritesheet-settings-panel #button-toggle-spritesheet-settings,#spritesheet-settings-panel #button-toggle-grid-settings,#grid-settings-panel #button-toggle-export-settings,#grid-settings-panel #button-toggle-spritesheet-settings,#grid-settings-panel #button-toggle-grid-settings,#export-settings-panel #button-toggle-export-settings,#export-settings-panel #button-toggle-spritesheet-settings,#export-settings-panel #button-toggle-grid-settings{padding:.5rem;background:var(--smtx-panel);border-radius:8px}#spritesheet-settings-panel.collapsed section,#grid-settings-panel.collapsed section,#export-settings-panel.collapsed section{display:none}#spritesheet-settings-panel{top:1rem;left:1rem;flex-direction:column}#spritesheet-settings-panel #button-toggle-spritesheet-settings{align-self:flex-start}#spritesheet-settings-panel #button-toggle-spritesheet-settings.active{border-bottom-left-radius:0;border-bottom-right-radius:0}#grid-settings-panel{top:1rem;left:5.5rem;flex-direction:column}#grid-settings-panel #button-toggle-grid-settings{align-self:flex-start}#grid-settings-panel #button-toggle-grid-settings.active{border-bottom-left-radius:0;border-bottom-right-radius:0}#export-settings-panel{bottom:1rem;right:1rem;flex-direction:column-reverse}#export-settings-panel #button-toggle-export-settings{align-self:flex-end}#export-settings-panel #button-toggle-export-settings.active{border-top-left-radius:0;border-top-right-radius:0}#word-properties-sidebar{width:14rem;border-right:4px dashed white;display:flex;flex-direction:column;align-items:center}#word-properties-sidebar #button-toggle-sidebar{display:none;padding:.5rem;background:var(--smtx-panel);border-radius:8px}#word-properties-sidebar #button-toggle-sidebar.active{border-bottom-left-radius:0;border-bottom-right-radius:0}@media screen and (max-width:1023px){main{grid-template-columns:1fr}#word-properties-sidebar{z-index:10;position:absolute;top:1rem;left:1rem;overflow:hidden;max-height:calc(100% - 1rem);align-items:flex-start;border:none}#word-properties-sidebar #button-toggle-sidebar{display:block}#word-properties-sidebar.collapsed{width:fit-content}#word-properties-sidebar.collapsed>*{display:none}#spritesheet-settings-panel{z-index:10;top:1rem;left:5.5rem}#grid-settings-panel{z-index:10;top:1rem;left:10rem}}canvas[data-v-1fffde93]{width:var(--v74e7ce40);height:var(--v74e7ce40);pointer-events:none}.vacp-color-picker{max-inline-size:var(--vacp-width-color-space, 300px);padding:var(--vacp-spacing, 6px);display:grid;grid-gap:var(--vacp-spacing, 6px);grid-template-columns:1fr min-content;font-size:var(--vacp-font-size, .8em);font-family:var(--vacp-font-family, -apple-system, BlinkMacSystemFont, Segoe UI, Arial, sans-serif);color:var(--vacp-color-text, currentColor);background-color:var(--vacp-color-background, #fff)}.vacp-color-picker,.vacp-color-picker *,.vacp-color-picker *:before,.vacp-color-picker *:after{box-sizing:border-box}.vacp-color-picker :focus{outline:2px solid var(--vacp-color-focus, #19f)}.vacp-color-picker button::-moz-focus-inner{border:none;padding:0}:where(.vacp-color-picker) button{inline-size:calc(var(--vacp-spacing, 6px) * 6);block-size:calc(var(--vacp-spacing, 6px) * 6);margin:0;padding:var(--vacp-spacing, 6px);display:flex;align-items:center;justify-content:center;border:var(--vacp-width-border, 1px) solid transparent;border-radius:50%;font:inherit;color:var(--vacp-color-text-input, currentColor);background-color:var(--vacp-color-background-input, #fff)}:where(.vacp-color-picker) button:focus{border-color:var(--vacp-color-border, #000)}:where(.vacp-color-picker) button:enabled:hover{background-color:#0002}.vacp-color-space{grid-column:1/-1;overflow:hidden;aspect-ratio:1/.6}.vacp-color-space-thumb{--vacp-thumb-size: calc(var(--vacp-spacing, 6px) * 4);inline-size:var(--vacp-thumb-size);block-size:var(--vacp-thumb-size);margin-inline-start:calc(-1 * var(--vacp-thumb-size) / 2);margin-block-end:calc(-1 * var(--vacp-thumb-size) / 2);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 var(--vacp-width-border, 1px) var(--vacp-color-border, #000);transform:rotate(0)}.vacp-color-space-thumb:focus{outline-color:transparent;box-shadow:0 0 0 var(--vacp-width-border, 1px) var(--vacp-color-border, #000),0 0 0 calc(var(--vacp-width-border, 1px) + 2px) var(--vacp-color-focus, #19f)}.vacp-range-input-label{--vacp-slider-track-height: calc(var(--vacp-spacing, 6px) * 3);--vacp-slider-thumb-size: calc(var(--vacp-spacing, 6px) * 4 - var(--vacp-width-border, 1px) * 2);display:block}.vacp-range-input-group{display:flex;flex-direction:column;justify-content:center}.vacp-range-input-group>:not(:first-child){margin-block-start:var(--vacp-spacing, 6px)}.vacp-range-input,.vacp-range-input::-webkit-slider-thumb{-webkit-appearance:none}.vacp-range-input{display:block;inline-size:100%;block-size:var(--vacp-slider-track-height);margin-inline:0;margin-block:calc(var(--vacp-spacing, 6px) / 2 + 1px);padding:0;border:none;background:none}.vacp-range-input:focus{outline:none}.vacp-range-input::-moz-focus-outer{border:none}.vacp-range-input--alpha{background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee),linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee);background-size:calc(var(--vacp-spacing, 6px) * 2) calc(var(--vacp-spacing, 6px) * 2);background-position:0 0,var(--vacp-spacing, 6px) var(--vacp-spacing, 6px)}.vacp-range-input::-moz-range-track{box-sizing:border-box;inline-size:100%;block-size:var(--vacp-slider-track-height);border:var(--vacp-width-border, 1px) solid var(--vacp-color-border, #000)}.vacp-range-input::-webkit-slider-runnable-track{box-sizing:border-box;inline-size:100%;block-size:var(--vacp-slider-track-height);border:var(--vacp-width-border, 1px) solid var(--vacp-color-border, #000)}.vacp-range-input::-ms-track{box-sizing:border-box;inline-size:100%;block-size:var(--vacp-slider-track-height);border:var(--vacp-width-border, 1px) solid var(--vacp-color-border, #000)}.vacp-range-input:focus::-moz-range-track{outline:2px solid var(--vacp-color-focus, #19f)}.vacp-range-input:focus::-webkit-slider-runnable-track{outline:2px solid var(--vacp-color-focus, #19f)}.vacp-range-input:focus::-ms-track{outline:2px solid var(--vacp-color-focus, #19f)}.vacp-range-input--alpha::-moz-range-track{background-image:linear-gradient(to right,transparent,var(--vacp-color))}.vacp-range-input--alpha::-webkit-slider-runnable-track{background-image:linear-gradient(to right,transparent,var(--vacp-color))}.vacp-range-input--alpha::-ms-track{background-image:linear-gradient(to right,transparent,var(--vacp-color))}.vacp-range-input--hue::-moz-range-track{background-image:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.vacp-range-input--hue::-webkit-slider-runnable-track{background-image:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.vacp-range-input--hue::-ms-track{background-image:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.vacp-range-input::-moz-range-thumb{box-sizing:border-box;inline-size:var(--vacp-slider-thumb-size);block-size:var(--vacp-slider-thumb-size);border:3px solid #fff;border-radius:50%;background-color:transparent;box-shadow:0 0 0 var(--vacp-width-border, 1px) var(--vacp-color-border, #000);isolation:isolate}.vacp-range-input::-webkit-slider-thumb{box-sizing:border-box;inline-size:var(--vacp-slider-thumb-size);block-size:var(--vacp-slider-thumb-size);margin-block-start:calc(-1 * var(--vacp-spacing, 6px) / 2);border:3px solid #fff;border-radius:50%;background-color:transparent;box-shadow:0 0 0 var(--vacp-width-border, 1px) var(--vacp-color-border, #000);isolation:isolate}.vacp-range-input::-ms-thumb{box-sizing:border-box;inline-size:var(--vacp-slider-thumb-size);block-size:var(--vacp-slider-thumb-size);margin-block-start:calc(-1 * var(--vacp-spacing, 6px) / 2);border:3px solid #fff;border-radius:50%;background-color:transparent;box-shadow:0 0 0 var(--vacp-width-border, 1px) var(--vacp-color-border, #000);isolation:isolate}.vacp-actions{justify-self:center;align-self:center;display:flex;gap:var(--vacp-spacing, 6px);align-items:center}.vacp-color-inputs{grid-column:1/-1;display:flex;align-items:center}.vacp-color-inputs>:not(:first-child){margin-inline-start:var(--vacp-spacing, 6px)}.vacp-color-input-group{flex-grow:1;display:grid;grid-auto-flow:column;column-gap:var(--vacp-spacing, 6px)}.vacp-color-input-label{text-align:center}.vacp-color-input{width:100%;margin:0;margin-block-start:calc(var(--vacp-spacing, 6px) / 2);padding:var(--vacp-spacing, 6px);border:var(--vacp-width-border, 1px) solid var(--vacp-color-border, #000);font:inherit;text-align:center;color:inherit;color:var(--vacp-color-text-input, currentColor);background-color:var(--vacp-color-background-input, #fff)}.vacp-format-switch-button{flex-shrink:0}.vacp-visually-hidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;white-space:nowrap}*,*:before,*:after{box-sizing:border-box;margin:0}html{background:transparent;scroll-behavior:smooth;display:flex;flex-direction:column;height:100%}body{flex:1;height:100%;border-radius:2px;background:var(--smtx-background);color:var(--smtx-text);font-family:JetBrains Mono,monospace;line-height:1.5;image-rendering:pixelated;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}body #app{flex:1;display:flex;flex-direction:column;height:100%}body:has(dialog[open]){touch-action:none;overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:none}:root{--smtx-text: #fff;--smtx-text-hint: #555;--smtx-text-highlight: #80c2ff;--smtx-text-subscript: #aaa;--smtx-text-disabled: #c5c5c5;--smtx-background: #0a090c;--smtx-panel: #1c1822;--smtx-panel-warn: #221410;--smtx-primary: #5e3b4f;--smtx-accent: #912c67;--smtx-warn: #8a3e00;--smtx-radio: #3a1c27;--smtx-slider-track: var(--smtx-primary);--smtx-slider-thumb: var(--smtx-accent);--smtx-slider-thumb-focus: #f264b7;--smtx-button: var(--smtx-accent);--smtx-button-hover: #682a4e;--smtx-button-active: #3a1c27;--smtx-link: #ce4294;--smtx-link-visited: #a03873;--smtx-word-empty: #555;--smtx-grid-border: #555a}input{padding:.25rem;font-family:inherit;border:2px solid var(--smtx-primary);background:#000;color:var(--smtx-text);text-align:center}button{position:relative;border:none;background:none;font-family:inherit;padding:0;display:flex;align-items:center}button:hover,button:active{cursor:pointer}button:disabled{pointer-events:none;transform:none}button.animated:hover>*{transform:scale(1.0625)}button.animated:active>*{transform:scale(.9)}button.primary{padding:4px;background:var(--smtx-button);border-radius:4px}button.primary:hover{background:var(--smtx-button-hover)}button.primary:active{background:var(--smtx-button-active)}a{color:var(--smtx-link);text-decoration:none;font-weight:650;font-family:inherit}a:not(:has(div)):visited{color:var(--smtx-link-visited)}a:not(:has(div)):hover{filter:brightness(1.5)}span[emphasis],p[emphasis]{color:var(--smtx-text-highlight);font-style:italic}span[subscript],p[subscript]{font-size:.675rem;color:var(--smtx-text-subscript)}ul,ol{list-style-position:inside;list-style-type:none;padding:0}:root{--vacp-color-background: transparent;--vacp-color-background-input: transparent;--vacp-color-border: transparent}div.vacp-color-picker{padding:0;grid-gap:.5rem 0;font-family:inherit}div.vacp-color-picker div.vacp-color-space{aspect-ratio:unset;height:100%;min-height:128px}div.vacp-color-picker div.vacp-actions,div.vacp-color-picker span.vacp-color-input-label-text{display:none}div.vacp-color-picker input.vacp-color-input{padding:.25rem;font-size:1rem;border-radius:2px;border:2px solid var(--smtx-primary);background:#000;color:var(--smtx-text);text-align:center}@media screen and (max-width:767px){div.vacp-color-space-thumb{--vacp-thumb-size: calc(var(--vacp-spacing, 6px) * 4.75)}input#color-picker-hue-slider{--vacp-slider-track-height: calc(var(--vacp-spacing, 6px) * 4);--vacp-slider-thumb-size: calc(var(--vacp-spacing, 6px) * 5 - var(--vacp-width-border, 1px) * 2)}}@font-face{src:url(/assets/JetBrainsMono_wght_-DgTxpPXt.ttf);font-family:JetBrains Mono;font-size:1rem}