.pinyin-text,.pinyinline{font-family:Arial,'Microsoft YaHei',sans-serif;font-style:normal;font-weight:400;letter-spacing:0!important;font-variant-ligatures:none}.pinyin-text{display:inline;white-space:pre-wrap;word-spacing:.12em;line-height:1.9}.py-vowel{position:relative;display:inline-block;line-height:1;white-space:nowrap}.py-base{display:inline-block;line-height:1}.tone-mark{position:absolute;left:50%;bottom:.73em;transform:translateX(-50%);width:.52em;height:.38em;overflow:visible;pointer-events:none}.tone-mark path{fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.py-diaeresis .tone-mark{bottom:.97em}.py-uppercase .tone-mark{bottom:.96em}.char-pinyin{line-height:1.95!important;min-height:1.95em!important;padding-top:.12em}.pinyinline{line-height:2.3;letter-spacing:0}.free-canvas .layout-block.selected{outline-color:#799c73}.free-canvas .layout-block.primary-selected{outline-color:#315e49}.alignment-guide{position:absolute;pointer-events:none;z-index:50;background:#df6f9b;box-shadow:0 0 0 .2px #fff}.alignment-guide.vertical{width:1px;top:0;height:100%}.alignment-guide.horizontal{height:1px;left:0;width:100%}.group-outline{position:absolute;border:1px dashed #568bae;outline:4px solid transparent;pointer-events:none;z-index:10}.marquee{position:absolute;border:1px solid #568bae;background:#568bae20;pointer-events:none;z-index:55}.free-canvas:focus{outline:none}.free-canvas:focus-visible{outline:1px solid #9ab595}.editing-bar{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:10px;color:#77866d;max-width:850px;margin:0 auto 13px}.editing-bar label{display:flex;gap:5px;align-items:center;margin:0;font-size:11px}.editing-bar input{width:14px;margin:0;accent-color:#315e49}.editing-bar button{font-size:10px;padding:5px 7px}.editing-bar>span:first-child{flex:1;min-width:165px}.alt-tip{font-size:10px}.multi-settings{background:#eff4ed;padding:12px;border-radius:8px;margin-bottom:20px}.multi-settings h3{margin:0}.multi-settings .help{margin:8px 0}.align-buttons{display:flex;flex-wrap:wrap;gap:5px}.align-buttons button{font-size:11px;padding:6px}.save-selection-template{width:100%;font-size:11px;margin-top:10px}.template-panel>button{width:100%;font-size:12px}.template-card{border:1px solid #dce3d5;border-radius:7px;padding:11px;margin:10px 0;background:#fafcf7}.template-card strong{display:block;font-size:12px;overflow-wrap:anywhere}.template-card small{display:block;font-size:10px;color:#8c9782;margin:7px 0}.template-card>div{display:flex;gap:5px}.template-card button{font-size:11px;padding:5px 9px;flex:1}.studio-dialog{width:min(620px,94vw);max-height:85vh;overflow:auto;border:1px solid #d3ddcd;border-radius:12px;padding:26px;color:#344a3a;background:#fffefa;box-shadow:0 15px 70px #1a2a3240}.studio-dialog::backdrop{background:#263e365a}.studio-dialog h2{font-size:20px;padding-right:25px;line-height:1.6}.studio-dialog .dialog-close{position:absolute;right:12px;top:12px;padding:3px 9px;font-size:20px;border:0;background:transparent}.studio-dialog textarea{min-height:75px}.studio-dialog button[type=submit]{width:100%;position:sticky;bottom:0}.template-text-fields{border-top:1px solid #dce3d6;padding-top:20px}.template-text-fields label{background:#f5f7f0;padding:12px;border-radius:6px}.layout-body .word-prompt:empty{display:none}@media print{.editing-bar,.alignment-guide,.group-outline,.marquee,.studio-dialog{display:none!important}.free-canvas .layout-block.selected,.free-canvas .layout-block.primary-selected{outline:none}}
.py-diaeresis.py-uppercase .tone-mark{bottom:1.2em}