html{color-scheme:light dark;font-family:sans-serif}html,body{min-height:100%;margin:0}body{flex-direction:column;padding:1rem;display:flex;position:relative}.home-link{margin-bottom:1rem;display:inline-block}.app-shell{flex:1;gap:1.25rem;width:min(72rem,100%);margin:0 auto;display:grid}.intro h1,.intro p{margin:0}.intro p{opacity:.85;margin-top:.5rem}.controls{gap:1rem;display:grid}.field{gap:.5rem;font-weight:600;display:grid}.field textarea,.field input,.field select{box-sizing:border-box;border:1px solid color-mix(in srgb,currentColor 26%,transparent);width:100%;font:inherit;color:inherit;background:0 0;border-radius:.75rem;padding:.75rem}.field textarea{resize:vertical;min-height:12rem}.field textarea:focus-visible,.field input:focus-visible,.field select:focus-visible,.home-link:focus-visible{outline-offset:2px;outline:2px solid}.character-count{opacity:.9;margin:0;font-size:.95rem;font-weight:600}.character-warning{color:#e58900;margin:-.75rem 0 0;font-size:.9rem;font-weight:600}.character-warning.is-hidden{display:none}.preview-panel{width:100%;padding-bottom:.25rem;overflow:auto}.preview{--boxes-per-line:15;--cell-size:2rem;gap:.25rem;min-width:max-content;display:grid}.preview.is-loading{visibility:hidden}.row{grid-template-columns:repeat(var(--boxes-per-line),var(--cell-size));display:grid}.cell{width:var(--cell-size);height:var(--cell-size);border:1px solid color-mix(in srgb,currentColor 60%,transparent);box-sizing:border-box;font-size:calc(var(--cell-size)*.58);place-items:center;line-height:1;display:grid}.preview.preview--klee-one .cell,.preview.preview--yomogi .cell,.preview.preview--yuji-boku .cell,.preview.preview--hachi-maru-pop .cell{padding-bottom:.2em}.preview.preview--klee-one .cell{font-family:Klee One,sans-serif}.preview.preview--yomogi .cell{font-family:Yomogi,sans-serif}.preview.preview--yuji-boku .cell{font-family:Yuji Boku,serif}.preview.preview--hachi-maru-pop .cell{font-family:Hachi Maru Pop,sans-serif}
/*# sourceMappingURL=japanese-composition-boxes.126cac11.css.map */