.tool-page{max-width:820px;margin:auto}
.aw-note{background:#fff7e0;border:1px solid #f2dca0;color:#5c4600;border-radius:12px;padding:10px 14px;font-weight:700;margin:12px 0}
#aw-text{width:100%;min-height:200px;border:2px solid #d5e0ea;border-radius:14px;padding:14px;font:inherit;font-size:16px;resize:vertical}
#aw-text:focus{outline:3px solid #14C8B455;border-color:var(--teal)}
.aw-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px}
.aw-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.aw-stats div{background:#f2f7f9;border-radius:12px;padding:10px;text-align:center}.aw-stats b{display:block;font-size:22px;color:var(--navy)}.aw-stats span{font-size:12.5px;color:var(--mut)}
@media(max-width:480px){.aw-stats{grid-template-columns:repeat(2,1fr)}}
#aw-marked{white-space:pre-wrap;word-break:break-word;background:#fafcfd;border:1px solid #e3eaf0;border-radius:12px;padding:12px;max-height:420px;overflow:auto;line-height:1.75}
mark{border-radius:4px;padding:0 2px;color:inherit}.aw-over,.aw-puff,.aw-form,.aw-struct{text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.aw-over{background:#fff3c8;text-decoration-style:solid;text-decoration-color:#9a6b00}.aw-puff{background:#ffe3d9;text-decoration-style:dotted;text-decoration-color:#b0391a}.aw-form{background:#e2efff;text-decoration-style:wavy;text-decoration-color:#1d5fb8}.aw-struct{background:#d8f6f0;text-decoration-style:dashed;text-decoration-color:#0b7d70}
.icard.soon{background:#f2f4f6;border-style:dashed;color:var(--mut);cursor:default}.icard.soon b{color:var(--mut)}
.aw-legend{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:13.5px;margin:8px 0}.aw-legend span{padding:1px 8px;border-radius:6px}
.aw-group h3{font-size:17px;margin:14px 0 6px;color:var(--navy)}.aw-group ul{margin:0;padding-left:20px}.aw-group li{margin:4px 0;word-break:break-word}.aw-term{padding:0 4px;border-radius:4px}
.home-tools{margin-top:18px}.home-tools h2{font-size:18px;margin:0 0 8px;color:var(--navy)}.home-tools .row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.icard{display:flex;gap:12px;align-items:center;padding:14px 16px;border:2px solid #d5e0ea;border-radius:16px;text-decoration:none;color:var(--ink);background:#f8fcfb}.icard:hover,.icard:focus-visible{border-color:var(--teal)}
.icard svg{flex:none;color:var(--teal-dark)}.icard b{display:block;color:var(--navy)}.icard span{font-size:14px;color:var(--mut)}
.tq{width:100%;padding:12px 14px;border:2px solid #d5e0ea;border-radius:12px;font:inherit;font-size:16px;margin:4px 0}.tq:focus{outline:3px solid #14C8B455;border-color:var(--teal)}
.tgroup h2,.trynext h2{font-size:20px;margin:18px 0 8px;color:var(--navy)}.trynext .row2,.tgroup .row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.et-tabs{display:flex;gap:6px;border-bottom:2px solid #e3eaf0;margin:-4px 0 10px}.et-tabs button{border:0;background:none;font:inherit;font-weight:800;font-size:16px;padding:10px 16px;color:var(--mut);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px}
.et-tabs button[aria-selected=true]{color:var(--navy);border-bottom-color:var(--teal)}.et-tabs button:focus-visible{outline:3px solid #14C8B455}
.et-h{font-size:20px;margin:4px 0 10px;color:var(--navy)}
.et-privacy{display:flex;gap:8px;align-items:center;background:#f2f4f6;color:#5a6a7a;border-radius:10px;padding:8px 12px;font-size:13.5px;margin:0 0 8px}.et-privacy svg{flex:none}
.et-bar{display:flex;gap:12px;align-items:center;margin-top:10px}.et-bar .btn{min-height:50px}
.et-result{margin-top:18px}.et-result[hidden]{display:none}.et-result .dl-bar{margin:8px 0}.et-result .dl-bar>i{transition:width .4s}.et-sub{font-size:19px}
@media(max-width:700px){body.et-typing .et-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;margin:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -4px 16px #0B1F3A1f}body.et-typing .et-bar .btn{flex:1}body.et-typing main{padding-bottom:80px}}
#result.et-result{display:block}#result.et-result[hidden]{display:none}
.et-result .big{margin:0 0 8px}.et-result .et-scorebar{position:relative;margin:0 0 10px}
.et-scorebar .tick{position:absolute;top:0;bottom:0;width:2px;background:#0B1F3A59}.et-scorebar .t30{left:30%}.et-scorebar .t80{left:80%}
.et-result #marked{max-height:none;overflow:visible;word-break:break-word}