.row{flex-wrap:wrap}.style-row>.row{flex-wrap:nowrap}.style-row .result{min-width:0}
.btn-link{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch);text-decoration:none;margin-top:10px}
.alphabet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2);margin:10px 0}.alphabet-card{text-align:center;padding:var(--s2);border:1px solid var(--edge);border-radius:9px;background:white}.alphabet-card .result{font-size:26px}.alphabet-card button{display:block;width:100%}
.symbol-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:6px}.symbol-item{display:flex;align-items:center;align-content:flex-start;min-width:0;border:1px solid var(--line);border-radius:9px;background:white;padding:0 6px}.symbol-item button{white-space:pre-wrap}.symbol-item [data-symbol]{font-size:24px}
.ko-emoticon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2);margin-top:10px}.ko-emoticon{min-width:0;border:1px solid var(--line);border-radius:9px;padding:var(--s2);background:white}.ko-face{display:block;width:100%;font-size:23px;text-decoration:none;white-space:pre-wrap;overflow-wrap:anywhere}.ko-face span{display:block}.ko-emoticon [data-favorite]{min-width:var(--touch)}.ko-emoticon .row{gap:var(--s1)}.ko-emoticon .note{overflow-wrap:anywhere}#ko-emoticon-search{margin-top:var(--s1)}#ko-emoticons label{margin-top:var(--s3)}
.sheet-preview{display:block;width:180px;height:auto;border:1px solid #d1d5db;box-shadow:0 3px 9px #0000000d}.sheet-large{width:100%;max-width:402px;margin:14px auto}.print-info{min-width:120px}
.font-sample{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-size:32px;font-synthesis:none}.font-sample[data-size="16"]{font-size:16px}.font-sample[data-size="48"]{font-size:48px}.font-sample[data-size="72"]{font-size:72px}
.font-sample[data-direction="vertical"]{writing-mode:vertical-rl;height:360px;max-width:100%;overflow:auto;white-space:pre-wrap}.font-sample[data-background="transparent"]{background:repeating-conic-gradient(#eee 0% 25%,white 0% 50%) 0/16px 16px}
.font-controls{display:flex;gap:10px;flex-wrap:wrap}.font-controls label{flex:1;min-width:110px}.font-status{white-space:normal}.font-row .row{gap:6px}.font-row .badge{white-space:normal}
.download-preview{max-width:100%;height:auto;border:1px solid var(--line);margin-top:var(--s3)}
.download-preview{display:block}
#image-create,#image-save{margin-top:10px}
#image-save{margin-inline-end:var(--s2)}
#image-progress{display:block;width:100%;height:10px;margin:var(--s2) 0 2px}#image-retry{margin-top:6px}
.font-license p{overflow-wrap:anywhere}.font-license a{overflow-wrap:anywhere}
input[type="checkbox"],input[type="radio"]{width:auto;min-width:0;padding:0;flex:0 0 auto;margin-top:2px}
body.screen-active{overflow:hidden}#surface[data-color="black"],#preview[data-color="black"]{background:#000}#surface[data-color="white"],#preview[data-color="white"]{background:#fff}#surface[data-color="gray"],#preview[data-color="gray"]{background:#808080}
@media(max-width:350px){.style-row>.row{flex-wrap:wrap}.style-row .result{flex-basis:100%}.alphabet-grid{gap:var(--s1)}.alphabet-card{padding:5px}.alphabet-card .text-btn{font-size:var(--t1)}}
@page{size:A4 portrait;margin:10mm}
@media print{footer,.skip-link,button,.btn-link,dialog,details{display:none!important}
.color-hex{display:inline!important;border:0!important;background:none!important;padding:0!important;min-height:0!important}
.star-card{display:flex!important}.star-card .copy-label{display:none}.star-names{display:block!important}.star-names>summary{display:none!important}
.star-names::details-content{content-visibility:visible}
.swatch[data-swatch]{border:15px solid var(--sw)!important;print-color-adjust:exact}.sheet-large{width:190mm;max-width:none;margin:0}.wrap{max-width:none;padding:0}.screen-active #surface{display:none}}

.symbol-item .collect-feedback{flex-basis:100%;width:100%;min-width:0;padding:var(--s2);border-top:1px solid var(--line);min-height:168px;white-space:normal}
.collect-feedback .collect-result{font-size:16px;line-height:24px;min-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.collect-feedback .collect-status-slot{min-height:60px}
.collect-feedback .collect-status-slot .note{font-size:var(--t2);line-height:20px;margin:0;overflow-wrap:anywhere}
.collect-feedback .undo-slot{display:inline-flex;min-height:var(--touch);max-width:100%}
.collect-feedback .undo-slot>[hidden]{display:inline-flex!important;visibility:hidden}

body:is([data-tool="mincho"],[data-tool="kofont"]) .script-wait-slow{animation-name:mincho-wait}
@keyframes mincho-wait{0%{visibility:visible;max-height:6em;padding:var(--s2) 0}100%{visibility:hidden;max-height:0;padding:0}}
body:is([data-tool="mincho"],[data-tool="kofont"]) .font-row .font-status{flex-basis:100%;min-height:1.5em;margin-block:.4rem}
body:is([data-tool="mincho"],[data-tool="kofont"]) .font-progress{max-width:100%}
body:is([data-tool="mincho"],[data-tool="kofont"]) .font-limit-reason{flex-basis:100%;margin-block:.4rem}
body:is([data-tool="mincho"],[data-tool="kofont"]) #png-reason{min-height:1.5em;overflow-wrap:anywhere}
.print-card-first{display:grid;grid-template-columns:106px minmax(0,1fr);gap:var(--s4);align-items:center}
.print-first-page{margin:0}
.print-first-page img{display:block;width:106px;height:150px;object-fit:contain;background:#fff;border:1px solid var(--line)}
.print-first-page figcaption{font-size:12px;line-height:1.4;margin-top:var(--s2);color:var(--mut)}
.print-card-copy{min-width:0}
.print-card-copy h2{margin-top:0}
.print-card-copy .btn{white-space:normal}
@media(min-width:800px){.print-card-first{grid-template-columns:150px 1fr}.print-first-page img{width:150px;height:212px}}

#image-panel[data-png] .download-preview{background:repeating-conic-gradient(#e8e8e8 0 25%,#fff 0 50%) 0 0/16px 16px}

.numeros-sheet{display:block;width:100%;max-width:300px;height:auto;aspect-ratio:190/270;background:#fff;border:1px solid var(--line);border-radius:4px;margin:10px 0}
.numeros-sheet[hidden]{display:none}
.numeros-print{display:none}
@media print{
  html.numeros-ready body>*:not(#numeros-print){display:none!important}
  html.numeros-ready .numeros-print{display:block}
  html.numeros-ready body{background:#fff;margin:0}
  .numeros-print svg{display:block;width:190mm;height:270mm;max-width:none;border:0;border-radius:0;margin:0}
}