*{box-sizing:border-box}html{overscroll-behavior:none;height:100%;min-height:20rem;margin:0}body{background-color:#f5f5f5;grid-template-rows:2rem minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:.5rem;height:100%;margin:0;padding:.5rem;display:grid;overflow:clip auto}body>header{grid-column:span 3;align-items:center;gap:.5rem;display:flex}body>header h1{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}body>header div{flex-grow:1;justify-content:end;align-items:center;display:flex}body>div:not(#dummy){grid-template-rows:1rem 1fr 2rem;grid-template-columns:2rem 1fr;gap:.5rem;display:grid}@media (orientation:portrait){body{grid-template-rows:2rem minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}body>header{grid-column:span 1}}@media (width<384px){h1>span{font-size:large}}img{width:2rem;height:2rem}button{color:#fff;white-space:nowrap;-webkit-user-select:none;user-select:none;background-color:#204070;border-radius:.5rem;height:2rem;padding:0;overflow:hidden}button:not(:disabled){cursor:pointer}.menu{background-image:url(/menu.webp);background-size:contain}#wordlist{min-width:8rem}div:has(>div>div>textarea,>#preview){border:1px solid #000;border-radius:.5rem;grid-column:span 2;overflow:hidden}:is(div:has(>div>div>textarea:focus),div:has(>div>div>textarea.focus)){outline:1px solid #000}div:has(>div>textarea){width:100%;height:100%;scroll-padding:.5rem 0 2rem;overflow:hidden auto}div:has(>textarea){background-color:#fff;align-items:stretch;width:100%;height:fit-content;min-height:100%;display:flex}div:has(>#preview){grid-row:span 2}.visualizer,textarea{white-space:break-spaces wrap;word-break:break-all;line-break:anywhere;font-family:monospace;font-size:1rem;line-height:1.5;overflow:visible clip}textarea{resize:none;background-color:#0000;border:none;border-radius:calc(.5rem - 1px);outline:none;width:100%;min-height:100%;margin-left:-100%;padding:.25rem .5rem 1.75rem 1rem}.visualizer{color:#0000;pointer-events:none;background-image:linear-gradient(0deg,#0080ff20,#0080ff20 1px,#0000 1px);background-position:0 1.25rem;background-size:100% 1.5rem;width:calc(100% - 1.5rem);min-height:calc(100% - 1.5rem);margin:.25rem .5rem .25rem 1rem;padding-bottom:1.5rem}.visualizer span.space{position:relative}.visualizer span.space>span.half-space{background-color:#0080ff40;border-radius:50%;width:4px;height:4px;margin:auto;display:inline-block;position:absolute;inset:0}.visualizer span.space>span.full-space{background-color:#0080ff20;width:.75rem;height:.75rem;margin:auto;display:inline-block;position:absolute;inset:0}.visualizer span.line{width:0;position:relative}.visualizer span.line>span{color:#0080ff40;white-space:nowrap;pointer-events:auto;-webkit-user-select:none;user-select:none;cursor:text;justify-content:end;align-items:center;width:1rem;height:1.5rem;margin:auto;font-size:.75rem;line-height:1;display:inline-flex;position:absolute;top:0;bottom:0;right:0}.visualizer span.tab,.visualizer span.return,.visualizer span.end{color:#0080ff80;white-space:nowrap;width:0;display:inline-block}.visualizer span.tab{color:#0080ff;vertical-align:middle;font-size:50%}.visualizer span.end{color:#0080ff40}:is(:has(>textarea:focus)>.visualizer>span.highlight,:has(>#popup[open]) :has(>textarea.focus)>.visualizer>span.highlight){background:linear-gradient(#ff800040 0 0) 50%/auto 1.5rem no-repeat;padding:.25rem 0}:is(:has(>textarea:focus)>.visualizer>span.selection,:has(>#popup[open]) :has(>textarea.focus)>.visualizer>span.selection){background:linear-gradient(#0080ff40 0 0) 50%/auto 1.5rem no-repeat;padding:.25rem 0}:is(:has(>textarea:focus)>.visualizer>span.selection,:has(>#popup[open]) :has(>textarea.focus)>.visualizer>span.selection) span.return>span{background:linear-gradient(#0080ff40 0 0) 50%/auto 1.5rem no-repeat;padding:.25rem 0}:has(>#popup[open]) :has(>textarea.focus)>.visualizer>span.caret{width:0;position:relative}:has(>#popup[open]) :has(>textarea.focus)>.visualizer>span.caret>span{background:linear-gradient(#0080ff80 0 0) 50%/auto 1.5rem no-repeat;margin:0 -1px;padding:.25rem 1px}#preview{color:#fff;border-radius:calc(.5rem - 1px);height:100%;padding:.25rem .5rem;scroll-padding:.5rem;overflow:hidden auto}dialog#dialog[open]{overscroll-behavior:contain;background-color:#0000;border:none;outline:none;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:1rem;overflow:clip auto}dialog#dialog[open]>div{background-color:#f5f5f5;border-radius:.5rem;grid-template-rows:1rem minmax(0,1fr) 2rem;grid-template-columns:2rem minmax(0,1fr);gap:.5rem;width:100%;height:100%;min-height:18rem;padding:.5rem;display:grid;overflow:clip auto}dialog#dialog[open]>div>label,dialog#dialog[open]>div>textarea{grid-column:span 2}dialog::backdrop{background-color:#000000bf}:is(div:has(>textarea.fatal),div:has(>textarea.error)){background-color:#ffd0d0}.cmd{display:inline-block}.cmd_lamp{text-shadow:0 0 .05em,0 0 .15em,0 0 .2em,0 0 .4em,0 0 .6em,0 0 .1em,0 0 1em}.cmd_big{font-size:x-large;font-weight:700}.cmd_bold{font-weight:700}.cmd_red{color:red}.cmd_orange{color:orange}.cmd_yellow{color:#ff0}.cmd_lime{color:#0f0}.cmd_green{color:green}.cmd_blue{color:#00f}.cmd_navy{color:navy}.cmd_purple{color:purple}.cmd_pink{color:pink}.cmd_aqua,.cmd_black{color:#0ff}.cmd_gray{color:gray}.cmd_white{color:#fff}.cmd_sesame{text-emphasis-style:sesame}.cmd_dot{text-emphasis-style:dot}.cmd_line{text-decoration-line:underline}.cmd_del{text-decoration-line:line-through}.cmd_wavy{-webkit-text-decoration-line:wavy;text-decoration-line:wavy}.cmd_dashed{-webkit-text-decoration-line:dashed;text-decoration-line:dashed}.cmd_skew{transform:skew(-20deg)}.cmd_mirror{transform:scaleX(-1)}.cmd_vmirror{transform:scaleY(-1)}.cmd_small{font-size:small}.cmd_xsmall{font-size:x-small}.cmd_large{font-size:large}.cmd_xlarge{font-size:x-large}.cmd_a{color:#0ff;text-decoration-line:underline}label,#label{grid-column:span 2;align-items:center;gap:.25rem;height:1.5rem;display:flex;overflow:hidden}:is(label,#label)>span{white-space:nowrap;flex-shrink:0}:is(label,#label)>span:first-child{font-weight:700}:is(label,#label)>div{border:1px solid gray;flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;font-size:xx-small;display:inline-flex}:is(label,#label)>button{flex-grow:1;height:1rem}#K{color:#fff;background-color:red}#S{color:#000;background-color:orange}#T{color:#000;background-color:#ff0}#N{color:#000;background-color:#0f0}#H{color:#fff;background-color:green}#M{color:#fff;background-color:#00f}#Y{color:#fff;background-color:navy}#R{color:#fff;background-color:purple}#W{color:#000;background-color:pink}.bgc_000{color:#fff!important;background-color:#000!important}.bgc_224{color:#fff!important;background-color:#224!important}.bgc_350{color:#fff!important;background-color:#350!important}.bgc_444{color:#fff!important;background-color:#444!important}.bgc_553{color:#fff!important;background-color:#553!important}.bgc_622{color:#fff!important;background-color:#622!important}.bgc_666{color:#fff!important;background-color:#666!important}.bgc_a55{color:#000!important;background-color:#a55!important}.bgc_a98{color:#2d2b30!important;background-color:#a98!important}.bgc_9FB7CF{color:#192f60!important;background-color:#9fb7cf!important}.bgc_cee4ae{color:#004d25!important;background-color:#cee4ae!important}.bgc_eee7e0{color:#281a14!important;background-color:#eee7e0!important}.bgc_fff{color:#000!important;background-color:#fff!important}dialog#popup[open]{background-color:#e0e0e0;border:2px outset;outline:none;max-width:100%;max-height:100%;margin:auto;padding:0;position:fixed;inset:0 1.5rem 0 auto;box-shadow:0 0 1rem #00000080}dialog#popup[open]>div{grid-template-columns:3rem 3rem 3rem 3rem;grid-template-rows:2rem 2rem 2px 2rem 2px fit-content;gap:.5rem;padding:.5rem;display:grid}dialog#popup[open]>div button{color:#000;background-color:#0000;border-width:1px;border-radius:0}dialog#popup[open]>div button:disabled{color:#a9a9a9}dialog#popup[open]>div #search,dialog#popup[open]>div #replace{grid-column:span 4;gap:.5rem;display:flex}:is(dialog#popup[open]>div #search,dialog#popup[open]>div #replace)>input[type=search]{border:1px inset;border-radius:0;flex-grow:1;min-width:0}dialog#popup[open]>div #search button{flex-shrink:0;width:2rem}dialog#popup[open]>div #replace button{flex-shrink:0;width:4.5rem}dialog#popup[open]>div .horizontal-separator{border:1px inset;grid-column:span 4}dialog#popup[open]>div #menu{grid-column:span 4;grid-template-rows:2rem 2rem 2rem 2rem;grid-template-columns:1fr 2px 1fr 2px 1fr;grid-auto-flow:column;gap:.5rem;display:grid}dialog#popup[open]>div #menu .vertical-separator{border:1px inset;grid-row:span 4}@media (orientation:landscape){dialog#popup[open].boinese{inset:0 auto 0 33.3333%}dialog#popup[open].japanese{inset:0 33.3333% 0 auto}}@media (orientation:portrait){dialog#popup[open].boinese{inset:32.5% 0 auto}dialog#popup[open].japanese{inset:auto 0 30%}}dialog#popup::backdrop{background-color:#0000}