:root,button,input,select{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:min(3.2vw,1.6vh,16px)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text-color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);--active-text-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);--disabled-text-color:gray;--background-color:var(--lightningcss-light,#e0e0e0)var(--lightningcss-dark,#202020);--message-background-color:var(--lightningcss-light,#c0ffc0)var(--lightningcss-dark,#406040);--canvas-color:darkgray;--border-color:var(--lightningcss-light,#606060)var(--lightningcss-dark,#a0a0a0);--button-color:var(--lightningcss-light,#b0b0b0)var(--lightningcss-dark,#505050);--active-button-color:var(--lightningcss-light,#989898)var(--lightningcss-dark,#686868);--radio-color:var(--lightningcss-light,#d0ac70)var(--lightningcss-dark,#906010);--input-color:var(--lightningcss-light,#f0f0f0)var(--lightningcss-dark,#101010);--highlight-color:var(--lightningcss-light,#c07800)var(--lightningcss-dark,#ffa000);--error-color:var(--lightningcss-light,#ffa0a0)var(--lightningcss-dark,#c04040);--informations-color:var(--lightningcss-light,#ffffa0)var(--lightningcss-dark,#606000);--transition-duration:0s;--sight-delay:0s}:root:has(#app.ok){--transition-duration:.2s;--sight-delay:1s}:root:has(#app.light){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;overscroll-behavior:none;touch-action:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}:not(input[type=text]){-webkit-user-select:none;user-select:none}html,body{height:100%;margin:0}#app{background-color:var(--background-color);width:100%;height:100%;transition:background-color var(--transition-duration);position:relative;overflow:hidden}#sight{background-color:var(--background-color);border:solid .0625rem var(--border-color);z-index:9999;width:12.3125rem;height:12.3125rem;transition:top var(--transition-duration) ease-out, right var(--transition-duration) ease-out;border-top-left-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%;position:absolute;top:-10.5094rem;right:-10.5094rem;overflow:hidden}#sight>div{background-color:var(--canvas-color);border:solid .0625rem var(--border-color);border-radius:50%;position:absolute;inset:1rem;overflow:hidden}#sight>div>canvas{width:100%;height:100%;position:absolute;inset:0}#sight.show{top:-.0625rem;right:-.0625rem}#frame{grid-template-rows:max-content max-content max-content max-content minmax(0,1fr);grid-template-columns:100%;gap:1rem;width:100%;height:100%;padding:1rem;display:grid;overflow:hidden}:is(#frame button,#frame label:has(>input[type=file]),#frame label:has(>input[type=radio])){flex-grow:1}#frame>#head{flex-flow:wrap;flex-shrink:0;align-items:end;gap:1rem;display:flex}#frame>#head>#top{flex-grow:0;justify-content:space-between;gap:1rem;width:100%;display:flex}#frame>#head>#top>div:has(>h1){flex-direction:row-reverse;align-items:center;gap:.5rem;max-width:7.25rem;display:flex}#frame>#head>#top>div:has(>h1)>h1{color:var(--text-color);transition:color var(--transition-duration) ease-in-out;margin:0;font-size:1.5rem}#frame>#head>#top>div:has(>h1)>button{padding:.5rem!important}#frame>#head>#top #size{flex-grow:1;justify-content:center;align-self:stretch;align-items:stretch;gap:1rem;display:flex}#frame>#head>#top #size>button{flex:3.125rem;grid-template-rows:1rem 1.5rem;grid-template-columns:2rem 1rem 2rem;place-content:center;place-items:center;max-width:7.25rem;height:3.125rem;padding:0;display:grid}#frame>#head>#top #size>button>div{text-align:center;white-space:nowrap}#frame>#head>#top #size>button>div:first-child,#frame>#head>#top #size>button>div:nth-child(2),#frame>#head>#top #size>button>div:nth-child(3),#frame>#head>#top #size>button>div:nth-child(5){font-size:1rem}#frame>#head>#top #size>label{flex:3.125rem;grid-template-rows:1rem 1.5rem;grid-template-columns:1fr;place-content:center;align-items:center;max-width:7.25rem;height:3.125rem;padding:0 .3125rem;display:grid;position:relative}#frame>#head>#top #size>label>div{z-index:1;pointer-events:none}#frame>#head>#top #size>label>select{appearance:none;direction:rtl;padding:1rem .25rem 0 0;line-height:1;position:absolute;inset:0}#frame>#head>#top>#config,#frame>#head>#top>#screen,#frame>#head>#top>#modifier{flex-grow:0;padding:.5rem!important}#frame>#head>button.menu-button{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0;margin-bottom:-.5rem;padding-bottom:1.0625rem}#frame>#head>button.menu-button:disabled{z-index:1;background-color:var(--background-color);margin-bottom:-.5625rem;padding-bottom:1.125rem}#frame>div.menu{border:solid .0625rem var(--border-color);border-radius:.5rem;gap:1rem;margin:-.5rem;padding:.4375rem;display:flex}#frame>div.menu:not(.show){display:none}button,select,input[type=text]{color:var(--text-color);background-color:var(--button-color);border:solid .0625rem var(--border-color);white-space:nowrap;transition:color var(--transition-duration) ease-in-out, background-color var(--transition-duration) ease-in-out, border-color var(--transition-duration) ease-in-out;border-radius:.25rem;place-items:center;display:inline-grid;font-size:1.5rem!important}label:has(>input[type=file]){color:var(--text-color);background-color:var(--button-color);border:solid .0625rem var(--border-color);white-space:nowrap;transition:color var(--transition-duration) ease-in-out, background-color var(--transition-duration) ease-in-out, border-color var(--transition-duration) ease-in-out;border-radius:.25rem;place-items:center;display:inline-grid;font-size:1.5rem!important}label:has(>input[type=file])>input[type=file],label:has(>input[type=file])>input[type=radio],label:has(>input[type=file])>input[type=checkbox]{display:none}label:has(>input[type=radio]){color:var(--text-color);background-color:var(--button-color);border:solid .0625rem var(--border-color);white-space:nowrap;transition:color var(--transition-duration) ease-in-out, background-color var(--transition-duration) ease-in-out, border-color var(--transition-duration) ease-in-out;border-radius:.25rem;place-items:center;display:inline-grid;font-size:1.5rem!important}label:has(>input[type=radio])>input[type=file],label:has(>input[type=radio])>input[type=radio],label:has(>input[type=radio])>input[type=checkbox]{display:none}label:has(>input[type=checkbox]){color:var(--text-color);background-color:var(--button-color);border:solid .0625rem var(--border-color);white-space:nowrap;transition:color var(--transition-duration) ease-in-out, background-color var(--transition-duration) ease-in-out, border-color var(--transition-duration) ease-in-out;border-radius:.25rem;place-items:center;display:inline-grid;font-size:1.5rem!important}label:has(>input[type=checkbox])>input[type=file],label:has(>input[type=checkbox])>input[type=radio],label:has(>input[type=checkbox])>input[type=checkbox]{display:none}:is(button,select,input[type=text])>input[type=file],:is(button,select,input[type=text])>input[type=radio],:is(button,select,input[type=text])>input[type=checkbox]{display:none}label:has(>input[type=radio]){background-color:var(--radio-color)}:is(label:has(>input[type=radio]:checked),label:has(>input[type=checkbox]:checked)){color:var(--active-text-color)!important;background-color:var(--highlight-color)!important}:is(label:has(>input[type=radio]:disabled),label:has(>input[type=checkbox]:disabled)){display:none}:is(button,select,label:has(>input[type=file]),label:has(>input[type=radio])){cursor:pointer}option{color:var(--text-color);background-color:var(--background-color)}svg{pointer-events:none;width:2rem;height:2rem}label>input[type=text]{border:solid .0625rem var(--border-color);border-radius:.25rem}:is(button,label:has(>input[type=file]),label:has(>input[type=radio])){padding:.5rem 0}button:active:not(:disabled){color:var(--active-text-color)!important;background-color:var(--active-button-color)!important}label:has(>input[type=file]:active:not(:disabled)){color:var(--active-text-color)!important;background-color:var(--active-button-color)!important}label:has(>input[type=radio]:active:not(:disabled)){color:var(--active-text-color)!important;background-color:var(--active-button-color)!important}label:has(>input[type=checkbox]:active:not(:disabled)){color:var(--active-text-color)!important;background-color:var(--active-button-color)!important}button:disabled{color:var(--disabled-text-color);cursor:default;background-color:#0000}.error{background-color:var(--error-color)!important}.informations{background-color:var(--informations-color)!important}#modes{flex-shrink:0;justify-content:stretch;align-items:stretch;gap:1rem;display:flex}#modes label:has(>input[type=radio]){flex:2rem}#palette{background-color:var(--canvas-color);place-self:center;width:fit-content;max-width:100%;height:fit-content;max-height:100%;position:relative}#palette>canvas{max-width:100%;max-height:100%;display:block}#palette>.box{transition:color var(--transition-duration) ease-in-out, background-color var(--transition-duration) ease-in-out}#palette>.box>div{place-items:center;font-size:1.25rem;display:grid}div:has(>div>div>div>div>#canvas){grid-template-rows:1fr 1.5rem;grid-template-columns:minmax(0,1fr);place-self:stretch stretch;gap:.5rem;width:100%;height:100%;display:grid}div:has(>div>div>div>div>#canvas)>#bar{flex-wrap:wrap;gap:.5rem;width:100%;height:100%;display:flex;overflow:hidden}div:has(>div>div>div>div>#canvas)>#bar>#message{cursor:pointer;display:none}div:has(>div>div>div>div>#canvas)>#bar>#message.done{background-color:var(--message-background-color)}div:has(>div>div>div>div>#canvas)>#bar>#message.show,div:has(>div>div>div>div>#canvas)>#bar>#coordinate{z-index:9999;white-space:nowrap;border:solid .0625rem var(--border-color);border-radius:.25rem;flex-grow:1;align-items:center;height:1.5rem;padding:0 .25rem;line-height:1;display:flex}div:has(>div>div>div>div>#canvas)>#bar>#options{gap:.5rem;display:none}div:has(>div>div>div>div>#canvas)>#bar>#options>label{height:1.5rem;padding:0 .25rem;line-height:1;font-size:1rem!important}div:has(>div>div>div>div>#canvas)>#bar>#options:has(>label>input[type=checkbox]:not(:disabled)){display:flex}div:has(>div>div>div>div>#canvas)>#bar>#message.show~#coordinate{display:none!important}div:has(>div>div>div>#canvas){border-radius:.5rem;overflow:hidden}div:has(>div>div>#canvas){background-color:var(--canvas-color);grid-column:1/3;width:100%;height:100%;overflow:auto}div:has(>div>#canvas){width:100%;min-width:fit-content;height:100%;min-height:fit-content;padding:2rem;position:relative;overflow:hidden}div:has(>#canvas){place-items:safe center;width:100%;min-width:fit-content;height:100%;min-height:fit-content;display:grid}#canvas{display:block}.box{border:.25rem solid #000;position:absolute}.box>div{background-image:repeating-linear-gradient(0deg,#fff,#fff .25rem,#0000 .25rem .5rem,#fff .5rem),repeating-linear-gradient(90deg,#fff,#fff .25rem,#0000 .25rem .5rem,#fff .5rem),repeating-linear-gradient(#fff,#fff .25rem,#0000 .25rem .5rem,#fff .5rem),repeating-linear-gradient(270deg,#fff,#fff .25rem,#0000 .25rem .5rem,#fff .5rem);background-position:0 0,0 0,100% 0,0 100%;background-repeat:no-repeat;background-size:.25rem calc(100% + .5rem),calc(100% + .5rem) .25rem,.25rem calc(100% + .5rem),calc(100% + .5rem) .25rem;width:calc(100% + .5rem);height:calc(100% + .5rem);margin:-.25rem;animation:1s linear infinite borderAnimation}@keyframes borderAnimation{0%{background-position:0 0,-.5rem 0,100% -.5rem,0 100%}to{background-position:0 -.5rem,0 0,100% 0,-.5rem 100%}}dialog{background:0 0;border:none;padding:0;overflow:visible}dialog>div,dialog>iframe{background-color:var(--background-color);border:solid .0625rem var(--border-color);width:100%;height:100%;transition:background-color var(--transition-duration) ease-in-out, border-color var(--transition-duration) ease-in-out;border-radius:.25rem;margin:0;overflow:hidden}dialog>iframe{display:block}#help-dialog{width:100%;height:100%}#help-dialog>button{width:3.125rem;height:3.125rem;position:absolute;top:.5rem;right:.5rem}#size-dialog{height:100%}#size-dialog>div{grid-template-rows:1fr 1rem;grid-template-columns:max-content max-content max-content max-content max-content;align-items:stretch;gap:0 2rem;width:auto;padding:1rem;display:grid}#size-dialog>div>div{flex-direction:column;justify-content:center;align-items:end;gap:1rem;display:flex}#size-dialog>div>div>label{white-space:nowrap;vertical-align:middle;cursor:pointer}#size-dialog>div>div>label>input[type=text]{text-align:right;background:var(--input-color);padding-right:.5rem}#size-dialog>div>div>label>input[type=text],#size-dialog>div>div>button{width:4.125rem;height:3.125rem;padding:0}#size-dialog>div>div>.ratio{font-size:1.5rem}#size-dialog>div>div#size-reset{justify-content:space-between}#size-dialog>div>div#size-reset>button{align-self:self-start;width:3.125rem;height:3.125rem}#size-dialog>div>input[type=range]{writing-mode:vertical-lr;appearance:none;background:var(--button-color);border:.0625rem solid var(--border-color);cursor:pointer;direction:rtl;border-radius:.5rem;width:1rem;margin-left:-1rem}#size-dialog>div>input[type=range]::-webkit-slider-runnable-track{margin:-.5rem}#size-dialog>div>input[type=range]::-webkit-slider-thumb{appearance:none;border:.0625rem solid var(--border-color);background:var(--highlight-color);border-radius:1rem;width:2rem;height:2rem}#size-dialog>div>input[type=range]::-moz-range-track{margin:-.5rem}#size-dialog>div>input[type=range]::-moz-range-thumb{border:.0625rem solid var(--border-color);background:var(--highlight-color);border-radius:1rem;width:2rem;height:2rem}#modifier-dialog>div{flex-direction:column;gap:3rem;height:auto;padding:1rem;display:flex}#modifier-dialog>div>div{grid-template-columns:max-content max-content max-content 6.125rem;justify-content:stretch;align-items:center;display:grid}#modifier-dialog>div>div>label{color:var(--text-color);transition:color var(--transition-duration) ease-in-out;cursor:pointer;align-items:center;display:grid}#modifier-dialog>div>div>label.left{justify-items:start;padding-left:.5rem}#modifier-dialog>div>div>label.right{justify-items:end;padding-right:.5rem}#modifier-dialog>div>div>input[type=checkbox]{appearance:none;vertical-align:middle;border:solid .125rem var(--disabled-text-color);cursor:pointer;width:4rem;height:2rem;transition:border-color var(--transition-duration) ease-in-out;border-radius:1rem;display:inline-block;position:relative}#modifier-dialog>div>div input[type=checkbox]:checked{border-color:var(--highlight-color)}#modifier-dialog>div>div input[type=checkbox]:after{content:"";background-color:var(--disabled-text-color);width:1.5rem;height:1.5rem;transition:left var(--transition-duration) ease-in-out, background-color var(--transition-duration) ease-in-out;border-radius:.75rem;position:absolute;top:50%;left:.125rem;transform:translateY(-50%)}#modifier-dialog>div>div input[type=checkbox]:checked:after{background-color:var(--highlight-color);left:2.125rem}#modifier-dialog>div>div>button{align-self:stretch;height:3.125rem;margin-left:3rem;font-size:1rem!important}#modifier-dialog>div>select{width:auto;height:3.125rem}#modifier-dialog>div>button{align-self:stretch;height:3.125rem;font-size:1rem!important}#config-dialog>div{flex-direction:column;gap:1rem;height:auto;padding:1rem;display:flex}#config-dialog>div>button{align-self:end;width:3.125rem;height:3.125rem}#config-dialog>div>div{flex-direction:column;gap:1rem;display:flex}#config-dialog>div>div>div:first-child{grid-template-rows:max-content max-content max-content;grid-template-columns:max-content max-content max-content;justify-content:stretch;align-items:stretch;gap:1rem 0;display:grid}#config-dialog>div>div>div:first-child>label{color:var(--text-color);transition:color var(--transition-duration) ease-in-out;cursor:pointer;align-items:center;display:grid}#config-dialog>div>div>div:first-child>label.left{justify-items:start;padding-left:.5rem}#config-dialog>div>div>div:first-child>label.right{justify-items:end;padding-right:.5rem}#config-dialog>div>div>div:first-child>input[type=checkbox]{appearance:none;vertical-align:middle;border:solid .125rem var(--disabled-text-color);cursor:pointer;width:4rem;height:2rem;transition:border-color var(--transition-duration) ease-in-out;border-radius:1rem;display:inline-block;position:relative}#config-dialog>div>div>div:first-child input[type=checkbox]:checked{border-color:var(--highlight-color)}#config-dialog>div>div>div:first-child input[type=checkbox]:after{content:"";background-color:var(--disabled-text-color);width:1.5rem;height:1.5rem;transition:left var(--transition-duration) ease-in-out, background-color var(--transition-duration) ease-in-out;border-radius:.75rem;position:absolute;top:50%;left:.125rem;transform:translateY(-50%)}#config-dialog>div>div>div:first-child input[type=checkbox]:checked:after{background-color:var(--highlight-color);left:2.125rem}#config-dialog>div>div>div:last-child{flex-direction:column;justify-content:end;gap:1rem;display:flex}#config-dialog>div>div>div:last-child>button{align-self:stretch;width:auto;height:3.125rem;padding:0 1rem;font-size:1rem!important}#help-dialog::backdrop,#size-dialog::backdrop,#config-dialog::backdrop{background-color:#000000bf}@media (orientation:landscape){:root,button,input,select{font-size:min(1.6vw,3.2vh,16px)}#sight{top:unset;right:unset;border-bottom-left-radius:unset;transition:bottom var(--transition-duration) ease-out, left var(--transition-duration) ease-out;border-top-right-radius:50%;bottom:-10.5094rem;left:-10.5094rem}#sight.show{top:unset;right:unset;bottom:-.0625rem;left:-.0625rem}#frame{grid-template-rows:100%;grid-template-columns:max-content max-content max-content max-content minmax(0,1fr)}#frame>#head>button.menu-button{border-right:none;border-top-right-radius:0;border-bottom-left-radius:.25rem;margin-right:-.5rem;padding-right:1.0625rem;margin-bottom:unset!important;padding-bottom:unset!important;border-bottom:solid .0625rem var(--border-color)!important}#frame>#head>button.menu-button:disabled{background-color:var(--background-color);margin-right:-.5625rem;padding-right:1.125rem}#head,#head>div,#size,.menu,#modes{flex-direction:column!important}#head,#head>div,#modes{align-items:end!important}#top{margin-bottom:-12.375rem;width:auto!important}#top #config,#top #screen,#top #modifier{margin-right:4.125rem}:is(button,label:has(>input[type=file]),label:has(>input[type=radio])){padding:0 .5rem}#config-dialog>div>div{flex-direction:row}.portrait-only{display:none}}@media (orientation:portrait){.landscape-only{display:none}}@media (display-mode:fullscreen){#app:not(.fullscreen) #screen{visibility:hidden}}