/* More ways to understand a sentence, within the existing listening corner. */
.lab-tabs-expanded{grid-template-columns:repeat(4,minmax(0,1fr))}
.lab-verification{display:flex;gap:9px;align-items:flex-start;margin:-5px 0 20px;padding:11px 14px;border:1px solid #e8e0cb;border-radius:8px;background:#fbf8ef;color:#8f7c59}
.lab-verification p{font-size:10px;line-height:1.9;margin:0}
.lab-verification-dot{height:6px;width:6px;flex-shrink:0;margin-top:6px;background:#b9a679;border-radius:50%}
.lab-verification.verified{border-color:#dce6d2;background:#f3f7ed;color:#788d65}
.lab-verification.verified .lab-verification-dot{background:#92a77b}
.lab-language-result{display:flex;align-items:baseline;gap:15px;padding:22px 0 8px}
.lab-language-result strong{font:27px var(--serif);font-weight:500;color:#54744c}
.lab-language-result>span{font-size:11px;color:#95a184}
.lab-detect-result>.secondary{margin-top:12px;font-size:10px}
.lab-token-list{display:flex;gap:10px;flex-wrap:wrap;margin:21px 0 15px}
.lab-token{display:flex;align-items:center;gap:9px;border:1px solid #dce6d2;background:#fdfef9;border-radius:8px;padding:10px 13px;max-width:100%;overflow-wrap:anywhere}
.lab-token strong{font-weight:500;color:#4c6e43;font-size:16px}
.lab-token small{font-size:9px;color:#9eaa8e;border-left:1px solid #e5ebde;padding-left:8px;overflow-wrap:anywhere}
.lab-segment-result .lab-result-label b{font-weight:500}
.lab-image-direction{display:grid;place-items:center;color:#97a181;margin-top:5px;font-size:21px}
.lab-image-picker{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px dashed #cfdcc0;border-radius:10px;min-height:142px;background:#fafcf4;text-align:center;cursor:pointer;padding:20px 18px;margin:0 0 18px}
.lab-image-picker:hover{background:#f5f8ec;border-color:#adbf97}
.lab-image-picker>span{display:grid;place-items:center;height:31px;width:31px;border-radius:50%;background:#eaf0df;color:#80996b}
.lab-image-picker>span>.icon{height:17px;width:17px}
.lab-image-picker>strong{font-size:12px;font-weight:500;color:#658153}
.lab-image-picker>small{font-size:9px;line-height:1.8;color:#95a187}
.lab-image-picker>input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.lab-image-picker:focus-within{outline:2px solid #a8bb91;outline-offset:3px}
.lab-image-picker.disabled{opacity:.55;cursor:default}
.lab-image-picker.disabled input{cursor:default}
.lab-image-preview{border:1px solid #e3e7db;border-radius:10px;padding:13px;background:#fcfdf9;margin:0 0 20px;overflow:hidden}
.lab-image-preview>img{display:block;width:100%;max-height:300px;object-fit:contain;background:#f3f3ec;border-radius:6px}
.lab-image-preview>div{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:8px}
.lab-image-preview>div>span{font-size:9px;color:#8c9a7b;overflow-wrap:anywhere;min-width:0}
.lab-image-preview>div>button{font-size:9px;white-space:nowrap;padding:7px 0;flex-shrink:0;min-height:30px}
.lab-image-preview>.lab-caption{margin:2px 0 0;font-size:9px}
.lab-image-region{margin-top:15px;padding-top:14px;border-top:1px solid #dfe8d4}
.lab-image-region>p{font-size:13px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 7px;color:#57714d}
.lab-image-region>p:first-child{color:#91a080;font-size:11px}
.lab-image-region>p:last-child{margin-bottom:0}
.lab-image-result .lab-caption{font-size:9px}
@media(min-width:1600px){.lab-tabs-expanded{grid-template-columns:repeat(7,minmax(0,1fr))}.lab-tabs-expanded .lab-tab{flex-direction:column;align-items:start}.lab-tabs-expanded .lab-tab small{font-size:8px}}
@media(max-width:720px){.lab-tabs-expanded{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.lab-tabs-expanded .lab-tab{padding:12px 9px}.lab-tabs-expanded .lab-tab strong{font-size:10px}.lab-tabs-expanded .lab-tab small{display:none}.lab-verification{margin-top:0;padding:10px 12px}.lab-verification p{font-size:9px}.lab-token-list{gap:8px}.lab-token{padding:9px 11px;gap:8px}.lab-token strong{font-size:15px}.lab-token small{font-size:8px}.lab-image-picker{min-height:136px}.lab-image-preview{padding:10px}.lab-image-preview>img{max-height:260px}.lab-language-result strong{font-size:24px}}
@media(max-width:420px){.lab-tabs-expanded{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-tabs-expanded .lab-tab{min-height:72px}.lab-image-preview>div{align-items:flex-start}.lab-image-direction{font-size:18px}.lab-language-row{gap:7px}.lab-image-region>p{font-size:12px}}