html{visibility:visible!important;opacity:1!important}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{width:100vw;height:100vh;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;padding:0;margin:0}#panel{position:fixed;left:20px;top:12px;z-index:10000;filter:drop-shadow(0px 0px 1px rgba(0,0,0,.33));display:none;gap:8px}#panel-tabs .tab{width:34px;height:34px;background-color:#dedede;border-radius:100%;position:relative;background-position:center center;background-repeat:no-repeat}#panel-tabs .tab.active{background-color:#fff}#panel-tabs .tab.active:before{position:absolute;z-index:10;content:" ";width:13px;height:30px;background:url(/panel-connector.svg);right:-8px;top:1px}#panel-tabs{padding-top:32px;display:flex;flex-direction:column;gap:8px}#properties{border-radius:36px;padding:12px;background-color:#fff;overflow:hidden}#color-picker{display:flex;flex-direction:row;gap:8px;color:#000}.square,#color-picker .indicator,.square-card{box-shadow:0 0 0 1px #0000001a inset,0 0 0 2px #fff6 inset,0 4px 8px #00000012}.square{width:80px;height:80px;border-radius:20px;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.square-label{position:absolute;bottom:12px;font-size:12px;width:100%;text-align:center}.square-value{transform:translateY(-6px)}#frame-select{width:80px;height:80px;-webkit-user-select:none;user-select:none}.square-card{display:flex;justify-content:center;align-items:center;width:80px;height:80px;border-radius:20px;background-color:#e5e5e5;font-family:Matreshka,sans-serif;position:relative;font-size:24px}#hex-input{width:60px;padding:2px;border:none;border-radius:5px;background:#fff}#eyedropper{padding:2px;border:none;background:none;cursor:pointer}#image-file{display:none}#color-preview{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%);background-size:20px 20px;background-position:0 0,10px 10px}#hue-lightness{background:radial-gradient(white 0%,transparent 65%),conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}#saturation-alpha{background:url(/saturation-alpha.png)}#color-picker .indicator{background-color:#ffffff03;-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);border-radius:100%;position:absolute;border:1px solid white;width:30px;height:30px;transform:translate(1px,1px);left:0;top:0;pointer-events:none}#saturation-alpha+.indicator{transform:translate(7px,47px)}.relative{position:relative}#exact-color .hex{position:absolute;left:0;top:20px;font-size:14px;font-weight:600;font-family:Matreshka,Inter,sans-serif;text-align:center;width:100%;transition:transform .2s}#exact-color .hex:active{transform:scale(.9)}#exact-color .buttons{position:absolute;bottom:0;width:100%;left:0;padding:8px;display:flex;gap:4px}#exact-color .buttons .button{width:30px;height:30px;border:0;padding:0;border-radius:10px;background-position:center center;background-repeat:no-repeat;background-color:#0000;appearance:none;cursor:pointer;transition:transform .2s}#exact-color .buttons .button:active,#exact-color .buttons .button.active{transform:scale(.85)}#exact-color .buttons .button:disabled,#exact-color .buttons .button[aria-disabled=true]{cursor:not-allowed;opacity:.4}#exact-color.dark .buttons .button{-webkit-backdrop-filter:invert();backdrop-filter:invert();filter:invert()}#exact-color.dark .hex{filter:invert()}.button.copy{background-image:url(/copy.svg)}.button.copy.ok{background-image:url(/copy_ok.svg)}.button.dropper{background-image:url(/dropper.svg)}.tab.confeta{background-image:url(/tab-confeta.svg)}.tab.bg{background-image:url(/tab-bg.svg)}.tab.border{background-image:url(/tab-border.svg)}.tab.text{background-image:url(/tab-text.svg)}.tab.options{background-image:url(/tab-options.svg)}#outer{display:flex;flex-direction:row;width:100%;height:100vh}#panel-placeholder{width:0px;height:100vh;flex-shrink:0}#app{--app-scroll-compensation-y: 0px;--app-left: 0px;--app-top: 0px;--app-width: 100vw;--app-height: 100vh;--app-radius: 0px;--app-shadow-y: 0px;--app-shadow-blur: 0px;--app-shadow-alpha: 0;position:fixed;left:var(--app-left);top:var(--app-top);right:auto;bottom:auto;width:var(--app-width);height:var(--app-height);overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;flex-basis:100%;transform:translate3d(0,var(--app-scroll-compensation-y),0);border-radius:var(--app-radius);box-shadow:0 var(--app-shadow-y) var(--app-shadow-blur) rgba(0,0,0,var(--app-shadow-alpha))}#app.device-mobile{--app-radius: 8px;--app-shadow-y: 18px;--app-shadow-blur: 60px;--app-shadow-alpha: .1}#select-color{position:fixed;left:50%;top:50%;transition:transform .2s ease-out,opacity .2s ease-out;transform:translate(-50%,-50%);z-index:10001;padding:16px;border-radius:36px;background-color:#fff;display:flex;flex-direction:column;color:#000;gap:24px}.heading{font-size:24px;text-align:center;margin-top:12px;font-family:Matreshka}#select-color button:active{transform:scale(.95)}.square.large{width:168px;height:168px}#color-picker .vertical{display:flex;flex-direction:column;gap:8px}#select-color-bg{position:fixed;width:100vw;height:100vh;left:0;top:0;background-color:#000;opacity:.3;transition:opacity .3s;z-index:10001}body.hide-color-picker #select-color-bg{opacity:0;pointer-events:none}body.hide-color-picker #select-color{opacity:0;transform:translate(-50%,-25%) scale(.2);pointer-events:none}body.confeta-preview-mode #patches-menu,body.confeta-preview-mode .confeta-editor-overlay,body.confeta-preview-mode #select-color,body.confeta-preview-mode #select-color-bg,body.confeta-preview-mode .selection-cage{display:none!important;pointer-events:none!important}.clickable{transition:scale .2s}.clickable:active{scale:.9}.first:after{content:"";position:absolute;inset:-48px 0 0}.last:after{content:"";position:absolute;inset:0 0 -48px}#patches-menu,.patch-item.active{box-shadow:0 0 0 1px #0000001a inset,0 0 0 2px #fff6 inset}#patches-menu{padding:8px;border-radius:28px;background-color:#f4f4f4;-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);position:fixed;right:12px;top:12px;z-index:1000;font-family:Matreshka,sans-serif;height:90%;width:192px;transform:translate(256px);transition:transform .2s}#patches-menu.visible{transform:translate(0)}#patches-menu h3{margin:0 0 12px;padding:8px 8px 0 12px;display:flex;align-items:center}#add-patch{background-color:#fff;border:none;border-radius:50%;font-size:20px;width:28px;height:28px;transition:transform .2s;background-image:url(/plus.svg);background-repeat:no-repeat;background-position:center center;background-size:60% 60%;filter:invert()}#add-patch:active{transform:scale(.9)}.patch-item{display:flex;align-items:center;padding:8px;border-radius:12px;background-color:transparent}.patch-item.active{background-color:#fff;color:#000}.patch-item.active .remove-button{opacity:1;pointer-events:all}.patch-item label{flex:1;margin-left:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}.patch-item .page-name-input{flex:1;width:0;min-width:0;margin-left:8px;padding:0;border:none;outline:none;background:transparent;color:inherit;font:inherit}.remove-button{background-color:transparent;border:none;font-size:18px;padding:0 4px;margin-left:20px;color:gray;opacity:0;pointer-events:none}#patches-menu .spacer{display:flex;flex-grow:1}#patches-menu input[type=checkbox]:before{content:"";display:inline-block;width:16px;height:16px;background-color:#fff;border:2px solid #e5e5e5;background-size:contain;position:relative;border-radius:8px;top:-4px;left:-4px}#patches-menu .patch-item.active input[type=checkbox]:before{background-color:#1984ff;border-color:#fff}#patches-menu .patch-item.active input[type=checkbox]:checked:before{background-image:url(/check.svg);background-color:#fff;border:2px solid white}#patches-menu input[type=checkbox]:checked:before{background-image:url(/check.svg);background-color:#e5f1ff;border:2px solid #e5f1ff}