:root{font-family:'Segoe UI','Microsoft YaHei',sans-serif;color:#202d3e;background:#f3f5f8;font-size:15px}*{box-sizing:border-box}body{margin:0}main{max-width:1240px;margin:0 auto;padding:38px 30px}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:2px;color:#536b86;font-weight:700}h1{font-size:32px;margin:9px 0 10px;letter-spacing:-1px}h1 span{font-size:12px;color:#758599;letter-spacing:0;margin-left:18px;font-weight:400}p{line-height:1.75;color:#65738a;margin:8px 0}header p{margin:0}.local{color:#36746b;font-size:12px;background:#e4f2ec;padding:9px 13px;border-radius:30px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}.editor-card,aside,.keyboards,details{background:white;border:1px solid #dfe5ed;border-radius:14px;padding:24px;box-shadow:0 3px 12px #14273f03}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}h2{font-size:15px;margin:0 0 16px}.section-title h2{margin:0}.badge{color:#245c9c;background:#e9f1fc;padding:5px 13px;border-radius:6px;font-size:12px}.output{min-height:148px;max-height:300px;overflow:auto;padding:20px 4px;font-family:'Yu Gothic','Microsoft YaHei',sans-serif;font-size:29px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.output:empty:before{content:attr(data-empty);color:#c3ccd8;font-size:25px}.editing,.blue{color:#296cbb}.pending{color:#9d6a1c;border-bottom:2px dashed #c79542}.suffix{color:#b34845;background:#fff0ec;border-radius:3px}.amber{color:#9d6a1c}.legend{display:flex;gap:20px;font-size:11px;margin-bottom:23px}label[for=capture]{display:block;font-size:12px;color:#56677a;margin-bottom:8px}textarea{display:block;width:100%;resize:none;padding:13px;border-radius:8px;border:1px solid #cdd8e4;background:#f8fafc;color:#263a53;font:inherit;line-height:1.5}textarea:focus{outline:2px solid #639bdd;outline-offset:2px}#notice{font-size:12px;min-height:22px}.toolbar{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0 21px}button{background:white;border:1px solid #d5dee8;border-radius:6px;padding:8px 13px;color:#3b506b;font:inherit;font-size:12px;cursor:pointer}button:hover{background:#edf4fd;border-color:#9bb9df}.candidate-panel{border-top:1px solid #e8edf3;padding-top:18px}.toggle{display:flex;gap:6px;align-items:center;font-size:13px;flex-wrap:wrap}.toggle span{font-size:11px;color:#9a6c3c;background:#fff4e4;padding:3px 7px;border-radius:4px}.candidate-panel p{font-size:11px}.candidate{display:inline-block;margin:5px 6px 0 0;padding:7px 13px;background:#f0f3f7;border-radius:5px}.candidate.selected{background:#2869b5;color:white}#focus{font-size:11px;color:#75869b}dl{margin:20px 0 24px}dt{font-size:11px;color:#7a899d;margin-top:17px}dd{font-size:15px;margin:5px 0;overflow-wrap:anywhere}.hint{border-top:1px solid #e8edf3;padding-top:15px;margin-top:19px}.hint strong{font-size:12px}.hint p{font-size:12px}.keyboards{display:grid;grid-template-columns:1.15fr .8fr 1.1fr;gap:36px;margin-top:20px}.left-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.num-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.key{height:52px;border:1px solid #dce3ec;border-bottom:3px solid #dce3ec;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fafbfd;font-size:12px;transition:background .05s}.key strong{font-size:15px;font-weight:500}.key small{font-size:10px;color:#6c7e96}.key.held{background:#d7e9ff;border-color:#6996cf}.key.spacer{visibility:hidden}.shortcuts p{font-size:12px}kbd{font:11px 'Segoe UI',sans-serif;background:#f0f3f7;padding:3px 6px;border:1px solid #dae1e9;border-radius:4px}details{margin-top:20px;padding:17px 24px}summary{cursor:pointer;font-size:13px}summary span{float:right;color:#8c99ab;font-size:11px}pre{font-size:11px;max-height:340px;overflow:auto;white-space:pre-wrap;line-height:1.6;color:#50647d}footer{text-align:center;font-size:11px;color:#8d9aab;margin-top:25px}@media(max-width:850px){main{padding:20px 14px}.workspace{grid-template-columns:1fr}aside{display:none}.keyboards{grid-template-columns:1fr 1fr}.shortcuts{grid-column:1/-1}h1 span{display:block;margin:5px 0}.local{white-space:nowrap}.legend{gap:10px}}
#log-warning{display:none;font-size:12px;min-height:0;color:#a0432e;background:#fff1eb;border-left:3px solid #d66a4e;padding:7px 9px;border-radius:3px}#log-warning:not(:empty){display:block}
.site-links{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px;font-size:13px}.site-links a{color:#245c9c;text-decoration:none}.site-links a:hover{text-decoration:underline}.web-help{margin:0 0 20px;font-size:13px}
.language-picker{display:flex;align-items:center;gap:8px;margin-left:auto}.language-picker label{font-size:12px;color:#56677a}.language-picker select{appearance:auto;min-width:126px;padding:7px 27px 7px 10px;border:1px solid #cdd8e4;border-radius:6px;background:#fff;color:#3b506b;font:inherit;font-size:12px}.language-picker select:focus{outline:2px solid #639bdd;outline-offset:2px}@media(max-width:850px){.site-links{align-items:flex-start;flex-wrap:wrap}.language-picker{order:3;width:100%;margin-left:0}.language-picker select{flex:1;max-width:240px}}