.naming-controls{grid-template-columns:minmax(120px,.8fr) minmax(150px,1fr) minmax(170px,1.2fr) minmax(160px,1fr) auto}.naming-controls .field{min-width:0}.naming-controls select,.naming-controls input{font-size:16px;min-height:48px}.extraction-badge{display:inline-block;padding:3px 9px;border:1px solid #bbc7b7;color:#48664e;border-radius:3px;font-size:13px;margin-bottom:12px;background:#f3f5ed}.tone-note{font-size:14px;color:#52634f;line-height:1.8;overflow-wrap:anywhere;margin:5px 0 12px}.extraction-note{padding:12px;background:#eef1e7;font-size:15px;line-height:1.9}.name-item button,.dialog-close{min-height:44px}.name-dialog p,.name-dialog blockquote{overflow-wrap:anywhere}.name-dialog .catalog-note{margin-top:16px}.name-dialog .dialog-top{position:sticky;top:-22px;background:var(--paper);z-index:2;padding-block:10px}
@media(max-width:1100px){.naming-controls{grid-template-columns:1fr 1fr}.naming-controls>#generate{grid-column:1/-1;width:100%}}
@media(max-width:420px){.naming-controls{grid-template-columns:minmax(0,1fr)}.naming-heading h1{font-size:30px}.name-dialog{width:calc(100% - 20px);padding:18px}.name-dialog .dialog-top{top:-18px}.name-dialog blockquote{font-size:19px}}