:root{color:#17211c;background:#f7f6f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.tool{max-width:880px;margin:0 auto;padding:32px 20px 48px}h1{margin:0 0 24px;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.1}h2{margin:0;font-size:1rem}.field,.controls,.output-section{margin-top:18px}[hidden]{display:none!important}label{display:block;margin-bottom:8px;font-weight:700}textarea,select,.plain-output,.inline-output,.mapping-chart{width:100%;border:1px solid #b7c1b9;border-radius:8px;background:#fff;color:inherit}textarea{min-height:140px;padding:12px;resize:vertical;font-size:1.1rem;line-height:1.5}select{max-width:280px;padding:8px 10px}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}fieldset{border:1px solid #b7c1b9;border-radius:8px;margin:0;padding:14px;background:#fff}legend{padding:0 4px;font-weight:800}.checkbox-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.checkbox-row input{width:18px;height:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}button{border:1px solid #286052;border-radius:6px;background:#286052;color:#fff;padding:7px 12px;cursor:pointer}.tabs{display:flex;gap:8px;margin-bottom:18px;border-bottom:1px solid #b7c1b9}.tab-button{border:1px solid transparent;border-bottom:0;border-radius:8px 8px 0 0;background:transparent;color:inherit;padding:9px 14px}.tab-button.active{border-color:#b7c1b9;background:#fff;color:#17211c}.plain-output{display:block;min-height:64px;margin-top:8px;padding:14px;white-space:pre-wrap;line-height:1.5}.inline-output{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;min-height:96px;margin-top:8px;padding:18px 14px}.annotation-token{min-width:58px;padding:8px 10px;border:1px solid #d9ded9;border-radius:8px;text-align:center;background:#fbfcfb}.annotation-original{font-size:1.45rem;line-height:1.35}.annotation-pronunciation{margin-top:3px;font-size:.82rem;line-height:1.25;color:#286052}.unresolved .annotation-pronunciation,.message{color:#9a3d21}.message{min-height:1.4em;margin-top:12px;font-weight:700}.mapping-chart{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px;margin-top:8px;padding:14px}.mapping-group h3{margin:0 0 10px;font-size:.95rem}.mapping-rows{display:grid;grid-template-columns:1fr;gap:8px}.mapping-row{display:grid;grid-template-columns:minmax(56px,.8fr) minmax(100px,1fr);align-items:center;gap:8px;margin:0;font-weight:500}.mapping-pinyin{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.85rem}.mapping-row input{min-width:0;width:100%;border:1px solid #b7c1b9;border-radius:6px;padding:6px 8px;color:inherit}@media (max-width: 640px){.controls,.mapping-chart{grid-template-columns:1fr}}