.sttd-dialog{box-sizing:border-box;width:min(92vw,680px);max-height:90dvh;margin:auto;padding:0;border:1px solid #d8e2df;border-radius:16px;background:#fff;color:#19342f;box-shadow:0 24px 70px #091d1855;font:14px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif}.sttd-dialog *{box-sizing:border-box}.sttd-dialog::backdrop{background:#061b17b3}.sttd-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #d8e2df;background:#fff}.sttd-header h2{margin:0;font-size:19px;line-height:1.3}.sttd-close{width:36px;height:36px;flex:none;border:0;border-radius:8px;background:#edf3f1;color:#1c6e5a;font:26px/1 system-ui;cursor:pointer}.sttd-body{max-height:calc(90dvh - 62px);padding:14px 16px 18px;overflow-y:auto}.sttd-images{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;margin-bottom:12px}.sttd-images:empty{display:none}.sttd-images img{display:block;flex:1 1 120px;min-width:0;max-width:180px;max-height:150px;width:auto;height:auto;object-fit:contain;background:#f6f9f8;border:1px solid #d8e2df;border-radius:8px}.sttd-status{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #d8e2df;border-radius:10px;background:#f6f9f8;font-weight:650}.sttd-wave{display:flex;align-items:center;gap:3px;height:22px;flex:none}.sttd-wave i{width:3px;height:6px;border-radius:4px;background:#9ab8ac}.sttd-status.is-recording{border-color:#e1b0a0;background:#fff7f4}.sttd-status.is-recording .sttd-wave i{background:#cf6956;animation:sttd-wave .85s ease-in-out infinite alternate}.sttd-status.is-recording .sttd-wave i:nth-child(2n){animation-delay:.2s}.sttd-status.is-recording .sttd-wave i:nth-child(3){animation-delay:.42s}@keyframes sttd-wave{to{height:20px}}@media(prefers-reduced-motion:reduce){.sttd-status.is-recording .sttd-wave i{animation:none}}.sttd-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0}.sttd-record{min-height:36px;padding:7px 12px;border:1px solid #1c6e5a;border-radius:8px;background:#1c6e5a;color:#fff;font:inherit;font-weight:750;cursor:pointer}.sttd-actions audio{max-width:100%;height:36px}.sttd-help{margin:0 0 10px;color:#657571;font-size:13px;line-height:1.4}.sttd-label{display:block;margin-bottom:5px;font-weight:750}.sttd-text{display:block;width:100%;resize:vertical;padding:10px;border:1px solid #a8bbb5;border-radius:9px;background:#fff;color:#19342f;font:14px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif}.sttd-setting{display:flex;align-items:center;gap:8px;margin-top:12px;color:#405d54;font-size:13px;cursor:pointer}.sttd-setting input{width:17px;height:17px;accent-color:#1c6e5a}.sttd-dialog button:focus-visible,.sttd-dialog input:focus-visible,.sttd-dialog textarea:focus-visible{outline:3px solid #e1ae35;outline-offset:2px}@media(max-width:600px){.sttd-dialog{width:calc(100vw - 16px);max-height:94dvh}.sttd-body{max-height:calc(94dvh - 59px);padding:11px}.sttd-images img{flex:0 0 auto;max-width:min(34vw,140px);height:110px}.sttd-header h2{font-size:17px}}.sttd-result-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:8px 0 5px}.sttd-result-heading .sttd-label{margin:0}.sttd-score{font:500 13px/1.4 system-ui,sans-serif;color:#17634f;background:#edf6f2;border:1px solid #c4ded3;border-radius:8px;padding:6px 8px;cursor:pointer}.sttd-score:disabled{color:#68778b;background:#f4f7fc;cursor:default}.sttd-comparison-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}.sttd-comparison-table td,.sttd-comparison-table th{text-align:left;padding:7px 5px;border-bottom:1px solid #e5ebf4;overflow-wrap:anywhere}.sttd-comparison-table .match-correct td:first-child{color:#17634f}.sttd-comparison-table .match-extra td:first-child,.sttd-comparison-table .match-missing td:first-child,.sttd-comparison-table .match-wrong td:first-child{color:#a44423}.sttd-comparison .sttd-body{padding:12px}.sttd-auto-stop{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.5;margin-top:8px;font-weight:400}.sttd-auto-stop input{width:17px;height:17px;flex:none}.sttd-auto-stop-help{font-size:12px;line-height:1.45;color:#68778b;margin:4px 0 0 25px}.sttd-next{font:600 14px/1.4 system-ui;min-height:38px;border:1px solid #0d6efd;border-radius:9px;background:#0d6efd;color:#fff;padding:7px 10px;cursor:pointer}.sttd-next:disabled{opacity:.55;cursor:default}.sttd-result-heading .sttd-score{margin-left:auto}.sttd-result-heading .sttd-next{flex:none}.sttd-dialog .sttd-images{display:flex;align-items:center;justify-content:flex-start;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 0 6px;scrollbar-width:thin;overscroll-behavior-x:contain}.sttd-dialog .sttd-images:empty{display:none}.sttd-dialog .sttd-images img{flex:0 0 auto;width:180px;min-width:180px;max-width:180px;height:150px;min-height:150px;max-height:150px;object-fit:contain;margin:0}.sttd-dialog .sttd-images img:first-child{margin-inline-start:auto}.sttd-dialog .sttd-images img:last-child{margin-inline-end:auto}@media(max-width:600px){.sttd-dialog .sttd-images img{width:140px;min-width:140px;max-width:140px;height:110px;min-height:110px;max-height:110px}}.sttd-dialog .sttd-speech{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:.85rem;margin:.5rem 0}.sttd-dialog .sttd-speech-state{flex:1 1 12rem}.sttd-dialog .sttd-copy-diagnostics,.sttd-dialog .sttd-speech-retry{font:inherit;font-size:.8rem;padding:.35rem .6rem;border:1px solid #cbd5e1;border-radius:.5rem;background:#fff;color:#334155;cursor:pointer}.sttd-dialog .sttd-speech-retry:disabled{opacity:.5;cursor:default}.sttd-dialog .sttd-diagnostics{font-size:.8rem;color:#64748b;margin:.5rem 0}.sttd-dialog .sttd-diagnostics summary{cursor:pointer}.sttd-dialog .sttd-diagnostics pre{max-height:12rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.75rem;background:#f1f5f9;padding:.6rem;border-radius:.4rem}.sttd-dialog .sttd-copy-diagnostics{margin-top:.5rem}.sttd-capture-mode{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.75rem 0;font-size:.9rem}.sttd-capture-mode select{flex:1;min-width:0;max-width:100%;font:inherit;padding:.45rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#243447}.sttd-dialog [hidden]{display:none!important}.sttd-dialog .sttd-images.is-mini img{width:48px;min-width:48px;max-width:48px;height:48px;min-height:48px;max-height:48px}.sttd-image-toggle{display:block;margin:0 0 6px auto;font:inherit;font-size:.8rem;padding:4px 8px;border:1px solid #cbd5e1;background:#f8fafc;border-radius:6px;color:#334155}.sttd-target-line{display:flex;align-items:center;gap:8px;margin:8px 0}.sttd-target-line .sttd-target{margin:0;min-width:0;overflow-wrap:anywhere}.sttd-target-speaker{flex:0 0 auto;font-size:1rem;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;padding:5px 8px;cursor:pointer}.sttd-target-speaker:disabled{opacity:.45;cursor:default}.sttd-debug-toggle{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#526277;margin-top:12px}.sttd-image-frame{position:relative;margin-bottom:10px;padding-right:40px;border-radius:8px;background:var(--bs-tertiary-bg,#f5f7f9)}.sttd-dialog .sttd-image-frame .sttd-images{margin-bottom:0;background:var(--bs-tertiary-bg,#f5f7f9);border-radius:8px;padding:3px 0}.sttd-image-frame .sttd-image-toggle{position:absolute;right:2px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;margin:0;padding:0;font:22px/1 system-ui;border:0;border-radius:7px;background:0 0;color:#526277;cursor:pointer;touch-action:manipulation}.sttd-image-frame .sttd-image-toggle:hover{background:#e5eaf0;color:#243447}.sttd-image-frame .sttd-image-toggle:focus-visible{outline:2px solid #2563eb;outline-offset:1px}.sttd-dialog .sttd-capture-mode{flex-wrap:nowrap;gap:6px;padding:6px 8px;background:#f5f7f9;border-radius:8px}.sttd-capture-label{flex:0 0 auto;font-size:.8rem;color:#526277}.sttd-dialog .sttd-capture-mode select{flex:1 1 0;width:0;font-size:.85rem;padding:6px 4px}.sttd-dialog .sttd-hide-capture,.sttd-dialog .sttd-toggle-capture{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;min-width:34px;padding:0;margin:0;border:1px solid #d8e2df;border-radius:8px;background:#f8fafc;color:#526277;font:19px/1 system-ui;cursor:pointer;touch-action:manipulation}.sttd-dialog .sttd-toggle-capture[aria-pressed=true]{background:#e7effa;border-color:#b9cdeb;color:#275da3}.sttd-dialog .sttd-hide-capture{border:0;background:0 0}.sttd-dialog .sttd-hide-capture:focus-visible,.sttd-dialog .sttd-toggle-capture:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@media(max-width:360px){.sttd-capture-label{font-size:.75rem}.sttd-dialog .sttd-capture-mode{padding:5px;gap:4px}}.sttd-dialog .sttd-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.sttd-dialog .sttd-actions .sttd-record{font-size:.85rem;padding:8px 10px;white-space:nowrap;margin:0;min-width:0}.sttd-dialog .sttd-analyse{font:inherit;font-size:.85rem;white-space:nowrap;padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#334155;margin:0}.sttd-dialog .sttd-actions .sttd-replay{flex:0 0 100%;min-width:0}.sttd-dialog .sttd-replay:empty{display:none}.sttd-intonation{margin:10px 0;border:1px solid #d8e2df;border-radius:9px;padding:8px;font-size:.85rem}.sttd-intonation summary{cursor:pointer;font-weight:600}.sttd-intonation p{margin:7px 0;font-size:.8rem;color:#526277}.sttd-intonation-tools{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.sttd-intonation button,.sttd-reference-file{font:inherit;font-size:.8rem;padding:6px 8px;border:1px solid #cbd5e1;border-radius:6px;background:#f8fafc;color:#334155;cursor:pointer}.sttd-reference-file input{display:block;max-width:180px;font-size:.75rem}.sttd-intonation svg{display:block;width:100%;height:auto;background:#f8fafc;border-radius:8px}.sttd-intonation audio{width:100%;height:36px}.sttd-intonation [data-intonation-segments]{display:flex;gap:5px;flex-wrap:wrap}.sttd-target-speaker.border-0{border:0}.sttd-status.bg-light-subtle{background:var(--bs-tertiary-bg,#f5f7f9);border-radius:8px;padding:7px 9px}.sttd-audio-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.sttd-audio-column{min-width:0;padding:8px;border:1px solid #d8e2df;border-radius:8px;background:#f8fafc}.sttd-audio-column h3{font-size:.85rem;margin:0 0 7px;line-height:1.4;font-weight:600}.sttd-audio-source{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.sttd-audio-source label{display:block;position:relative;font-size:.78rem;border:1px solid #cbd5e1;border-radius:6px;padding:6px 8px;cursor:pointer;background:#fff}.sttd-audio-source input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.sttd-audio-source label:focus-within{outline:2px solid #2563eb}.sttd-audio-column [data-source-name]{font-size:.72rem;overflow-wrap:anywhere;margin:7px 0;line-height:1.4}.sttd-audio-column audio{display:block;width:100%;min-width:0;height:36px}.sttd-intonation-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:9px}.sttd-intonation-footer [data-compare]{background:#e7effa;border-color:#b9cdeb;color:#275da3}@media(max-width:480px){.sttd-audio-column{padding:6px}.sttd-audio-source button,.sttd-audio-source label{font-size:.72rem;padding:5px 6px}.sttd-audio-pair{gap:6px}}.sttd-audio-column[data-audio-role=reference] h3,.sttd-intonation .sttd-reference-color{color:#16816c;font-weight:600}.sttd-audio-column[data-audio-role=learner] h3,.sttd-intonation .sttd-learner-color{color:#dc7421;font-weight:600}.sttd-word-audio-actions{min-width:90px}.sttd-word-audio-actions button{display:inline-block;font:inherit;font-size:.75rem;border:1px solid #cbd5e1;border-radius:6px;background:#f8fafc;color:#334155;padding:5px 6px;margin:2px;white-space:nowrap}.sttd-word-audio-actions button:disabled{opacity:.4}.sttd-word-audio-note{font-size:.8rem;color:#526277}.sttd-comparison .sttd-body{overflow-x:auto}.sttd-dialog .sttd-auto-record{display:flex;align-items:center;gap:8px;margin:10px 0;font:400 13px/1.5 system-ui}.sttd-auto-record>label:first-child{flex:1;min-width:0;margin:0}.sttd-dialog .sttd-delay-label{display:flex;align-items:center;gap:4px;flex:none;font-size:12px;margin:0}.sttd-dialog .sttd-auto-record .sttd-auto-delay{width:48px;height:32px;min-height:32px;padding:4px;border:1px solid #cfdaea;border-radius:7px;font:400 14px system-ui;background:#fff;color:#374c69}.sttd-dialog .sttd-image-frame[hidden],.sttd-dialog .sttd-intonation[hidden]{display:none!important}.sttd-finish-speech{font:600 .85rem/1.3 system-ui,sans-serif;white-space:nowrap;padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;cursor:pointer}.sttd-restore-default{display:block;margin:14px 0 0 auto;padding:3px 0;border:0;background:0 0;color:#b42318;font:500 .78rem/1.4 system-ui,sans-serif;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.sttd-restore-default:hover{color:#8e1c13}.sttd-manual-panel{margin:12px 0;padding:12px;border:1px solid #d9e3ef;border-radius:12px;background:#f8fbff}.sttd-manual-panel legend{padding:0 5px;font-size:.9rem;font-weight:700;color:#284b72}.sttd-manual-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sttd-manual-choice{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:52px;padding:8px 10px;border:1px solid #cbd9ea;border-radius:9px;background:#fff;color:#244469;text-align:left;cursor:pointer}.sttd-manual-choice:hover{border-color:#76a7e2;background:#eff6ff}.sttd-manual-choice small{color:#62758d}.sttd-manual-cancel{margin-top:8px;padding:6px 10px;border:1px solid #d6e0ec;border-radius:8px;background:#fff;color:#526277}@media(max-width:480px){.sttd-manual-choices{grid-template-columns:1fr}.sttd-finish-speech{padding:8px}.sttd-dialog .sttd-actions{gap:5px}}.sttd-dialog .sttd-auto-record input:disabled,.sttd-dialog .sttd-auto-stop input:disabled{opacity:.7}.sttd-auto-record .is-locked,.sttd-auto-stop.is-locked{color:#718096}