@font-face{font-family:LocalUI;src:local('Segoe UI')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f5f7f6;color:#20332f;font-family:LocalUI,Inter,'Microsoft YaHei',sans-serif;font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.43}a{color:inherit;text-decoration:none}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#fff;border-right:1px solid #e4e9e6;display:flex;flex-direction:column;padding:31px 22px;z-index:30}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;letter-spacing:1px}.brand small{display:block;font-size:7px;letter-spacing:1.45px;color:#8a9691;margin-top:2px}.brand-mark{display:flex;gap:3px;align-items:center;color:#276d55}.brand-mark span{display:block;width:5px;height:23px;background:currentColor;border-radius:2px}.brand-mark span:nth-child(2){height:34px}.product-badge{display:flex;align-items:center;gap:9px;margin-top:44px;padding:13px 0;border-top:1px solid #edf0ee;border-bottom:1px solid #edf0ee}.product-badge strong{font-size:11px;font-weight:650}.product-badge small{display:block;font-size:10px;color:#8b9691}.chip-art{background:#213e35;color:#e6f4dc;border:3px double #b3c9bb;font-family:monospace;font-size:13px;padding:8px 4px;line-height:1}.chip-art span{font-weight:bold}.revision{margin-left:auto;font:10px monospace;color:#8a9791}.sidebar nav{display:grid;gap:8px;margin-top:31px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;color:#7b8983;font-size:12px;border-radius:7px}.sidebar nav a:hover{background:#f5f8f6}.sidebar nav a.active{background:#edf5ed;color:#2c664c;font-weight:650}.sidebar-bottom{margin-top:auto}.help-link{background:none;border:0;display:flex;gap:10px;align-items:center;color:#75847c;font-size:12px;padding:10px 5px}.version{border-top:1px solid #edf0ee;color:#9aa59e;font-size:9px;padding:20px 4px 0;margin-top:19px}.shell{margin-left:230px}.topbar{height:76px;background:rgba(255,255,255,.95);border-bottom:1px solid #e5eae7;display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.breadcrumb{font-size:12px;color:#7d8b83}.breadcrumb>span{margin:0 15px;color:#c4ccc7}.breadcrumb strong{font-weight:500;color:#3c5047}.top-actions{display:flex;align-items:center;gap:23px}.connection-pill{display:flex;align-items:center;gap:7px;font-size:11px;color:#839087}.connection-pill i,.tiny-dot{width:6px;height:6px;border-radius:50%;background:#adb6b0;display:inline-block}.connection-pill.on i,.tiny-dot.on{background:#409260;box-shadow:0 0 0 3px #e7f3e9}.connection-pill.demo i{background:#b18b43}.language-switch{display:flex;border:1px solid #e3e9e4;border-radius:5px;padding:3px;gap:2px}.language-switch button{border:0;background:transparent;color:#8b958f;padding:4px 10px;font-size:11px;border-radius:3px}.language-switch .selected{background:#edf3ef;color:#30563e;font-weight:650}main{max-width:1560px;margin:auto;padding:34px 40px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:20px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.6px;color:#73957c;display:flex;gap:7px;align-items:center}.eyebrow>span:first-child:empty{width:5px;height:5px;background:#6e956c;border-radius:50%}h1{font-size:clamp(23px,2.4vw,34px);line-height:1.35;letter-spacing:-.7px;margin:9px 0 8px;font-weight:650}.page-heading p{color:#8b9690;font-size:12px;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:6px;padding:11px 16px;font-size:12px;font-weight:550;white-space:nowrap;transition:background .15s,transform .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button svg{width:16px;height:16px}.button.secondary{background:#fff;border-color:#dfe6e0;color:#53685c}.button.secondary:hover:not(:disabled){background:#f1f7f1}.button.compact{padding:9px 12px;font-size:11px}.button.dark{color:#fff;background:#294d3c}.button.dark:hover:not(:disabled){background:#38694e}.button.primary{background:#c6eeb9;color:#24492f}.notice{border:1px solid #e5d4a1;background:#fff9e7;color:#8a692b;border-radius:7px;padding:12px 16px;font-size:12px;margin-bottom:19px}.notice.warning{border-color:#ead9bf;background:#fff8ed}.hidden{display:none!important}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:23px;align-items:start}.test-column{min-width:0}.test-panel{background:#17332e;color:#e5efe7;border-radius:12px;padding:24px 30px 0;position:relative;overflow:hidden;box-shadow:0 8px 20px #2448380b}.test-panel:before{content:'';position:absolute;right:-80px;top:-150px;width:390px;height:390px;background:radial-gradient(circle,#355c433b,transparent 65%);pointer-events:none}.panel-top{display:flex;justify-content:space-between;align-items:center}.panel-top .eyebrow{color:#97b5a0;font-size:10px}.run-state{font:9px monospace;letter-spacing:1.5px;border:1px solid #4d68574d;border-radius:4px;color:#a4baa9;padding:5px 9px}.status-display{position:relative;text-align:center;padding:25px 20px 14px;min-height:263px}.status-orbit{position:relative;width:76px;height:76px;display:grid;place-items:center;margin:0 auto 18px;border:1px solid #52786160;border-radius:50%;background:#23443955;box-shadow:0 0 0 9px #294c3930}.status-orbit:before{content:'';position:absolute;inset:9px;border:1px solid #64826642;border-radius:50%}.status-orbit svg{width:30px;height:30px;stroke:#c5e8ac;stroke-width:1.5}.orbit-dot{position:absolute;top:4px;right:11px;width:6px;height:6px;background:#bfdfa3;border-radius:50%;box-shadow:0 0 10px #c3f0a133}.status-display h2{font-size:25px;font-weight:550;letter-spacing:-.4px;margin:0 0 8px}.status-display p{font-size:11px;color:#9eb7a6;max-width:460px;min-height:34px;margin:0 auto;line-height:1.7}.running-time{margin-top:10px;font:13px 'Cascadia Code',Consolas,monospace;letter-spacing:2px;color:#8da892}.demo-status{font:9px monospace;background:#755b34;color:#ffe0a0;border-radius:3px;display:inline-block;padding:1px 6px;margin-bottom:6px}.test-actions{display:flex;justify-content:center;gap:10px;margin-bottom:29px}.button.start{min-width:188px;padding:13px 24px}.start svg{fill:currentColor;stroke:none;width:14px}.button.stop{border-color:#5b71635c;color:#a6b9ac;background:#254137;padding:12px 18px}.stop-square{width:8px;height:8px;background:currentColor;border-radius:1px}.step-list{list-style:none;margin:0 -30px;padding:19px 25px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #4d6b523e;background:#122b262e;gap:6px}.step-list li{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#799785}.step-dot{width:20px;height:20px;border-radius:50%;border:1px solid #6c8a734a;display:grid;place-items:center;font:9px monospace;flex-shrink:0}.step-list li.active{color:#d2eeb9}.step-list li.active .step-dot{border-color:#a7ca8b;background:#40613b66;box-shadow:0 0 0 3px #486e3833}.step-list li.done{color:#afcaa9}.step-list li.done .step-dot{background:#47674b;color:#e4f5d8;border-color:transparent}.step-list li.failed{color:#efb5a5}.step-list li.failed .step-dot{background:#834e41;border-color:#a56a5a}.step-list li.skipped{opacity:.4}.status-display.running .status-orbit{animation:pulse 1.7s infinite}.status-display.pass .status-orbit{background:#385e32;border-color:#8aaf68}.status-display.fail .status-orbit{background:#684534;border-color:#a77462}.status-display.fail .status-orbit svg{stroke:#f0b7a2}.status-display.fail h2{color:#f3c5b4}@keyframes pulse{50%{box-shadow:0 0 0 14px #5b915526}}.stats-section{margin:24px 0}.section-kicker{font-size:9px;color:#88988d;letter-spacing:1.2px;margin-bottom:10px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{position:relative;background:#fff;padding:16px 17px;border:1px solid #e5eae5;border-radius:8px;min-height:107px}.stat-card>span{font-size:10px;color:#89958c}.stat-card>strong{display:block;font-size:28px;letter-spacing:-1px;font-weight:600;line-height:1.3;margin-top:8px}.stat-card>small{position:absolute;right:13px;bottom:15px;font:7px monospace;letter-spacing:1px;color:#b7c1b8}.green{color:#4f7f43}.card{background:#fff;border:1px solid #e3e9e3;border-radius:9px;padding:21px}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:8px}h3{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:650;margin:0}h3 svg{width:16px;height:16px;color:#7e9384}.soft-badge{font:9px monospace;color:#75906d;background:#f1f6ed;padding:4px 7px;border-radius:4px}.audio-track{display:flex;align-items:center;gap:12px}.audio-symbol{width:39px;height:39px;display:grid;place-items:center;border:1px solid #e7eee0;border-radius:7px;background:#f4f8ef;color:#70905c}.audio-description{min-width:0;flex:1}.audio-description strong{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap}.audio-description small{display:block;font-size:9px;color:#97a08f;margin-top:3px}.volume-row{display:flex;align-items:center;gap:14px;margin:19px 0}.volume-row label{margin:0;font-size:10px;color:#81907f;white-space:nowrap}.volume-row input{width:100%;min-width:30px;height:3px;accent-color:#698c54;padding:0}.volume-row output{font:9px monospace;color:#859480;width:32px}.audio-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #edf1e9;padding-top:13px}.audio-footer>div{display:flex;gap:11px}.sound-path{font-size:9px;color:#8e9a8a}.text-button{border:0;padding:0;background:transparent;color:#5f8152;font-size:10px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.text-button:hover{text-decoration:underline}.text-button.muted{color:#97a08e}.text-button:disabled{text-decoration:none}.audio-card>.field-hint{margin-bottom:0}.configuration{display:grid;gap:18px;scroll-margin-top:90px}.connection-card .card-title{margin-bottom:20px}label{display:block;font-size:10px;color:#6c7d6e;margin:12px 0 7px}input[type=text],input[type=number],select{width:100%;border:1px solid #dfe6dd;border-radius:5px;background:#fff;color:#40523f;height:37px;padding:8px 10px;min-width:0;font-size:11px}input:focus,select:focus{outline:2px solid #b8d7a8;outline-offset:1px}.connect-row{display:flex;gap:8px;align-items:center}.connect-row select{flex:1;width:90px}.connect-row .button{padding:10px;font-size:10px}.connect-row .button svg{width:13px}.field-hint{font-size:9px;color:#99a28f;line-height:1.7;margin:8px 0 0}.connection-check{display:flex;justify-content:space-between;width:100%;margin-top:14px;border-top:1px solid #edf0e8;padding-top:13px}.connection-check svg{width:14px;height:14px}.settings-card{padding-bottom:16px}.settings-card .card-title{margin-bottom:16px}fieldset{border:0;padding:0;margin:0;min-width:0}.two-fields{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px}.two-fields label{margin-top:0}.overwrite-hint{color:#ad9263;margin-bottom:17px}.toggle-row{display:flex;align-items:center;position:relative;gap:12px;justify-content:space-between;margin:20px 0 0;padding-top:18px;border-top:1px solid #edf0e8;cursor:pointer}.toggle-row strong{font-size:11px;font-weight:550;color:#3d513d}.toggle-row small{font-size:9px;color:#96a08d;display:block;margin-top:5px;font-weight:400;line-height:1.7}.toggle-row input{position:absolute;right:0;width:32px;height:18px;opacity:0;z-index:1;cursor:pointer}.toggle-ui{display:block;width:32px;height:18px;border-radius:20px;background:#cdd5c7;flex-shrink:0;position:relative}.toggle-ui:after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:white;top:3px;left:3px;transition:left .2s}.toggle-row input:checked+.toggle-ui{background:#60884f}.toggle-row input:checked+.toggle-ui:after{left:17px}.toggle-row input:focus-visible+.toggle-ui{outline:2px solid #8da87e;outline-offset:3px}.advanced{margin-top:18px;padding-top:13px;border-top:1px solid #edf0e8}.advanced summary{font-size:10px;color:#8d9d81;cursor:pointer}.advanced input{height:32px}.history-card{margin-top:25px;padding:0;overflow:hidden;scroll-margin-top:90px}.section-heading{display:flex;justify-content:space-between;align-items:center;padding:21px 23px;gap:15px}.section-heading p{font-size:10px;color:#96a18f;margin:6px 0 0}.inline-actions{display:flex;gap:16px;align-items:center}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:10px;text-align:left;min-width:650px}th{color:#96a18e;font-weight:500;font-size:9px;background:#f8faf6;padding:10px 18px;border-block:1px solid #eaf0e6;white-space:nowrap}td{padding:13px 18px;border-bottom:1px solid #eef2e9;color:#6d7e65;font-size:10px}td:last-child{max-width:290px;font-size:9px}.result-badge{padding:3px 7px;border-radius:4px;font-size:9px;font-weight:650;display:inline-block;white-space:nowrap;background:#edf5e6;color:#5e7d45}.result-badge.fail{background:#fbede5;color:#a47854}.result-badge.stop{background:#eff1eb;color:#8d9781}.result-badge.demo{border:1px solid #dac69a}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:29px;color:#a6b09b}.empty-state svg{color:#b7c3a9;width:23px;height:23px;margin-bottom:5px}.empty-state strong{font-size:11px;font-weight:500;color:#8a9c7b}.empty-state>span{font-size:10px}.recognition-card{margin-top:18px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.recognition-card>div{flex:1;min-width:250px}.recognition-card h3{font-size:11px}.recognition-card p{font-size:10px;color:#95a18b;max-width:680px;margin:7px 0 0}.recognition-card output{font-size:11px;color:#567e49;width:100%;overflow-wrap:anywhere}.recognition-card output:empty{display:none}.log-card{margin-top:18px;padding:0;overflow:hidden;scroll-margin-top:90px}.log-output{padding:16px 21px;height:180px;overflow:auto;background:#f9fbf7;font:10px/1.8 'Cascadia Code',Consolas,monospace;color:#788b70}.log-line{display:flex;gap:13px;white-space:pre-wrap;overflow-wrap:anywhere}.log-time{color:#b0bba3;white-space:nowrap}.log-kind{font-weight:600;min-width:30px;color:#7c9c67}.log-kind.RX{color:#668c9f}.log-kind.ERR{color:#b48660}.log-line>span:last-child{min-width:0}footer{display:flex;justify-content:space-between;gap:14px;font-size:9px;color:#a3b098;padding-top:24px;padding-bottom:10px}footer>span:first-child{font-size:8px;letter-spacing:1px;white-space:nowrap}.footer-divider{padding:0 8px;color:#c7d0bc}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:100;max-width:min(650px,90vw);background:#2a4839;color:#edf5e8;padding:13px 22px;border-radius:7px;box-shadow:0 8px 30px #243e352d;font-size:12px}.toast.error{background:#704f3f}dialog{border:1px solid #e0e9db;border-radius:13px;max-width:690px;width:calc(100% - 32px);padding:30px;box-shadow:0 30px 100px #122e2b38;color:#374f31}dialog::backdrop{background:#16342c66;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;gap:15px;align-items:start}.dialog-heading h2{font-size:23px;margin:9px 0 0}.icon-button{border:0;background:#f3f7ee;color:#6e875d;font-size:23px;border-radius:5px;width:33px;height:33px}.guide-list{font-size:12px;line-height:1.9;padding-left:21px;color:#7b8b6c}.guide-list li{padding-left:5px;margin:15px 0}dialog>.button{margin-top:8px}body.demo-mode .test-panel{box-shadow:0 0 0 2px #c8ad67}.test-panel:has(.status-display.running) .run-state{color:#c5e8ac}@media(min-width:1600px){main{padding-top:43px}.workspace-grid{grid-template-columns:minmax(0,1fr) 360px;gap:28px}.test-panel{padding-top:28px}.status-display{padding-top:36px;min-height:290px}.status-display h2{font-size:29px}.stat-card{min-height:119px}.audio-card{padding:25px}.configuration{gap:23px}}@media(max-width:1190px){.sidebar{width:196px;padding:28px 16px}.brand{font-size:13px}.brand small{font-size:6px}.shell{margin-left:196px}main{padding:28px 25px}.topbar{padding:0 25px}.workspace-grid{grid-template-columns:minmax(0,1fr) 298px;gap:17px}.test-panel{padding-inline:20px}.step-list{margin-inline:-20px;padding-inline:13px}.step-list li{font-size:9px;gap:4px}.stat-grid{gap:8px}.stat-card{padding:13px 11px}.stat-card>small{display:none}.audio-footer{align-items:flex-start;flex-direction:column;gap:10px}.status-display{padding-inline:0}.status-display h2{font-size:22px}.status-display p{font-size:10px}.card{padding:18px}.history-card,.log-card{padding:0}}@media(max-width:980px){.sidebar{width:76px;padding:26px 14px;align-items:center}.brand>span:last-child,.product-badge,.sidebar nav span,.help-link span,.version{display:none}.brand-mark{margin-bottom:27px}.sidebar nav{margin-top:10px}.sidebar nav a{padding:12px}.shell{margin-left:76px}.sidebar-bottom{margin-inline:auto}.help-link{padding:10px}.workspace-grid{grid-template-columns:minmax(0,1fr) 285px}.page-heading p{max-width:440px}.topbar{height:66px}.top-actions{gap:14px}.status-display{min-height:268px}.audio-track{gap:8px}.audio-symbol{display:none}}@media(max-width:780px){.workspace-grid{grid-template-columns:1fr}.configuration{grid-template-columns:1fr 1fr;align-items:start}.test-column{display:contents}.test-panel{grid-row:1}.stats-section{grid-row:2;margin:0}.audio-card{grid-row:3}.configuration{grid-row:4}.status-display{min-height:255px}.audio-symbol{display:grid}.audio-footer{flex-direction:row;align-items:center}.status-display p{font-size:11px}.status-display h2{font-size:25px}.step-list li{font-size:11px}.history-card{margin-top:20px}footer{flex-wrap:wrap}.top-actions .connection-pill{font-size:10px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.page-heading .button{align-self:flex-end}.stat-card>span{font-size:11px}.stat-card>strong{font-size:30px}.stat-card{min-height:104px}}@media(max-width:540px){.sidebar{display:none}.shell{margin:0}.topbar{padding:0 16px;height:61px}.breadcrumb{font-size:10px}.breadcrumb>span{margin:0 6px}.breadcrumb strong{max-width:95px;display:inline-block;white-space:nowrap;overflow:hidden;vertical-align:bottom;text-overflow:ellipsis}.top-actions{gap:8px}.connection-pill{max-width:115px;white-space:nowrap}.language-switch button{padding:3px 6px}.language-switch{padding:2px}main{padding:23px 16px 15px}.page-heading{gap:8px;align-items:flex-start}.page-heading h1{font-size:23px;max-width:280px}.page-heading p{font-size:10px}.page-heading .button{padding:8px;font-size:10px;align-self:flex-start;margin-top:25px}.page-heading .button svg{display:none}.eyebrow{font-size:8px}.configuration{grid-template-columns:1fr}.test-panel{padding-top:20px}.status-display{padding-top:25px}.status-display h2{font-size:23px}.test-actions{gap:8px}.button.start{min-width:165px}.step-list{gap:2px;padding:17px 10px}.step-list li{font-size:9px;gap:4px;flex-direction:column}.step-dot{width:19px;height:19px}.stat-card{padding:12px 9px;min-height:88px}.stat-card>span{font-size:9px}.stat-card>strong{font-size:25px}.stat-grid{gap:7px}.audio-footer{align-items:flex-start;flex-direction:column}.section-heading{padding:18px 16px;gap:10px;align-items:flex-start}.section-heading p{font-size:9px}.inline-actions{gap:9px}.inline-actions .button{padding:7px;font-size:9px}.inline-actions .button svg{width:12px}.inline-actions .text-button{font-size:9px}.recognition-card>div{min-width:100%}.recognition-card{gap:12px}.log-output{padding:13px;font-size:9px}.log-line{gap:8px}footer{font-size:8px}.notice{font-size:10px}.audio-description strong{font-size:10px}.audio-track .button{font-size:10px}.two-fields{grid-template-columns:110px 1fr}dialog{padding:22px}.guide-list{font-size:11px}.toast{font-size:11px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

.recognition-note{border-top:1px solid #edf0e8;margin-top:20px;padding-top:17px}.recognition-note strong{display:block;font-size:11px;font-weight:550;color:#4c7040}.recognition-note small{display:block;font-size:9px;color:#96a08d;line-height:1.8;margin-top:5px}

dialog.guide-dialog{width:min(960px,calc(100% - 32px));max-width:960px;max-height:92vh;padding:0;overflow:auto;color:#30482f;border-radius:14px;scroll-padding-top:0}.guide-header{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;padding:23px 30px 19px;background:#fff;border-bottom:1px solid #e4ecdd;position:sticky;top:0;z-index:4}.guide-header h2{font-size:25px;line-height:1.3;font-weight:650;margin:8px 0}.guide-header p{font-size:12px;color:#8b9c7b;line-height:1.7;margin:0;max-width:590px}.guide-header-actions{display:flex;gap:14px;align-items:center;padding-top:5px}.guide-header .icon-button{flex-shrink:0}.guide-body{padding:23px 30px 30px}.guide-equipment{display:flex;gap:12px;align-items:center;background:#f2f7ec;border:1px solid #e3edda;border-radius:8px;padding:13px 16px;color:#64824e}.guide-equipment svg{width:22px;height:22px}.guide-equipment p{font-size:12px;line-height:1.7;margin:0}.guide-toc{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0 10px}.guide-toc button{background:#fff;border:1px solid #e3eadc;color:#7f936d;border-radius:20px;padding:6px 11px;font-size:10px}.guide-toc button:hover{border-color:#a4bc8c;background:#f5f9ef}.guide-section{padding-top:27px;margin-top:10px;border-top:1px solid #e7eddf;scroll-margin-top:125px}.guide-section-title{display:flex;align-items:flex-start;gap:14px;margin-bottom:19px}.guide-number{display:grid;place-items:center;background:#eef5e6;color:#78915f;border:1px solid #dfe8d5;border-radius:7px;min-width:37px;height:37px;font:13px Consolas,monospace}.guide-section-title h3{font-size:16px;font-weight:650;margin:0 0 7px;line-height:1.5}.guide-section-title p{font-size:12px;color:#8e9d7d;line-height:1.8;margin:0}.guide-figure{margin:0;border:1px solid #e5ecde;border-radius:9px;padding:18px;background:#fbfcf8}.guide-figure img{display:block;width:100%;height:auto}.guide-figure figcaption{font-size:10px;line-height:1.7;color:#91a27f;margin-top:13px}.guide-pin-map{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:13px}.guide-pin-map>span{display:block;border-radius:6px;background:#f7f9f2;border:1px solid #e9efdf;padding:10px 13px}.guide-pin-map b{font:600 12px Consolas,monospace;color:#587442}.guide-pin-map small{display:block;color:#94a280;font-size:10px;margin-top:4px}.guide-caution{background:#fff8e9;border:1px solid #f0e2bf;color:#a18b56;font-size:11px;line-height:1.8;border-radius:6px;padding:11px 14px;margin:15px 0 0}.guide-note{font-size:11px;line-height:1.8;color:#8d9e7b;margin:12px 0 0}.guide-connect-visual{display:flex;gap:20px;align-items:center;padding:10px 15px}.guide-browser{flex:1;min-width:0;border:1px solid #dde7d2;border-radius:9px;overflow:hidden;box-shadow:0 4px 14px #5467420a}.guide-window-bar{display:flex;align-items:center;gap:5px;padding:9px 12px;background:#f2f6ed;border-bottom:1px solid #e2e9da}.guide-window-bar i{width:5px;height:5px;background:#cad6bb;border-radius:50%}.guide-window-bar>span{font:9px Consolas,monospace;color:#a1ad94;margin-left:8px}.guide-ui-body{padding:16px}.guide-ui-label{display:block;font-size:10px;color:#81946f;margin-bottom:7px}.guide-ui-row{display:flex;gap:8px}.guide-ui-select{border:1px solid #dbe5d0;border-radius:4px;padding:8px 12px;font:12px Consolas,monospace;flex:1;display:flex;justify-content:space-between}.guide-ui-select>span{color:#9aa98a}.guide-ui-button{display:flex;gap:5px;align-items:center;background:#2c4e38;color:#eaf4e0;border-radius:4px;padding:8px 11px;font-size:10px}.guide-ui-button svg{width:13px;height:13px}.guide-ui-body>small{display:block;font-size:9px;color:#a0ab90;margin-top:10px}.guide-connect-arrow{width:24px;color:#a6b791}.guide-port-picker{flex:1;min-width:0;border:1px solid #e2e9d9;border-radius:8px;padding:16px;background:#fafcf6}.guide-port-picker>span{font-size:11px;color:#69834f;display:block;margin-bottom:10px}.guide-port-picker>div{border:1px solid #bfd2a6;color:#6c854f;border-radius:4px;background:#f0f6e6;padding:9px 12px;font:11px Consolas,monospace}.guide-port-picker>small{font-size:9px;color:#9aa98a;display:block;margin-top:10px;line-height:1.6}.guide-figure-note{font-size:9px;color:#a7b498;text-align:center;margin:12px 0}.guide-checks{font-size:11px;line-height:1.9;color:#80946c;padding-left:21px;margin:15px 0 0}.guide-checks li{padding-left:3px;margin-top:5px}.guide-sound-figure{padding-top:9px;padding-bottom:12px}.guide-sound-figure svg{display:block;width:100%;height:auto;fill:none;stroke:none}.guide-sound-figure svg text{font-family:LocalUI,'Microsoft YaHei',sans-serif}.guide-sound-action{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:13px;padding:12px 15px;border-radius:7px;border:1px solid #e4ebdc}.guide-sound-action p{font-size:11px;line-height:1.8;color:#879b71;margin:0}.guide-training-flow{display:flex;gap:12px;align-items:center}.guide-training-flow>div{position:relative;flex:1;min-width:0;display:flex;align-items:center;flex-direction:column;border-radius:9px;border:1px solid #e4ebd9;padding:20px 13px 16px;background:#fafcf7;align-self:stretch}.guide-take{position:absolute;top:9px;left:11px;font:9px Consolas,monospace;color:#a4b58e}.guide-training-flow code{font:11px Consolas,monospace;color:#769258;display:block;margin:3px 0 18px;text-align:center;min-height:18px}.guide-training-flow>div>svg{width:29px;height:29px;color:#819f60;margin-bottom:13px}.guide-training-flow strong{font-size:12px;color:#577240;font-weight:550;text-align:center}.guide-training-flow small{font-size:10px;line-height:1.7;color:#9aaa87;text-align:center;display:block;margin-top:8px}.guide-flow-arrow{font-size:20px;color:#b4c3a1}.guide-training-flow .guide-recognition-take{background:#f0f6e8;border-color:#d5e3c4}.guide-result-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:23px;align-items:stretch}.guide-result-example{border:1px solid #314a29;background:#1b382c;color:#d7edc1;border-radius:9px;text-align:center;padding:15px 17px 18px}.guide-example-label{font-size:8px;letter-spacing:.5px;display:block;text-align:left;color:#819f6c}.guide-result-check{display:grid;place-items:center;margin:16px auto 13px;border:1px solid #72995b;background:#2f522e;color:#c9ebac;width:44px;height:44px;border-radius:50%;font-size:23px}.guide-result-example>strong{display:block;font-size:19px;font-weight:550}.guide-result-example>p{font-size:10px;line-height:1.8;color:#9fbb8c;margin:9px auto 18px;max-width:260px}.guide-result-example>div{border-top:1px solid #60804850;display:flex;justify-content:center;gap:12px;padding-top:12px;font-size:8px;color:#9fba8a}.guide-result-explanation h4{font-size:12px;font-weight:600;color:#64834c;margin:6px 0 7px}.guide-result-explanation p{font-size:11px;line-height:1.9;color:#8da178;margin:0 0 16px}.guide-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.guide-mode-grid>div{background:#f8faf4;border:1px solid #e6eddc;border-radius:7px;padding:13px}.guide-mode-grid strong{font-size:10px;font-weight:600;color:#698750}.guide-mode-grid p{font-size:10px;line-height:1.8;color:#97a783;margin:8px 0 0}.guide-faq{padding-top:25px;border-top:1px solid #e3ebda;margin-top:27px}.guide-faq>h3{font-size:15px;margin-bottom:13px}.guide-faq details{border:1px solid #e6eddf;border-radius:6px;padding:12px 14px;margin-top:8px}.guide-faq summary{cursor:pointer;font-size:11px;color:#718b59;line-height:1.6}.guide-faq p{font-size:11px;line-height:1.9;color:#98a886;margin:10px 0 0}.guide-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;position:sticky;bottom:0;background:#fff;border-top:1px solid #e3eadb;padding:15px 30px;z-index:4}.guide-footer .button{font-size:11px}.guide-footer .text-button{font-size:10px}.guide-dialog:focus{outline:none}@media(max-width:650px){dialog.guide-dialog{width:calc(100% - 18px);max-height:94vh;scroll-padding-top:0}.guide-header{padding:18px 17px;gap:10px}.guide-header h2{font-size:21px}.guide-header p{font-size:10px}.guide-header-actions{gap:6px}.guide-header .language-switch button{padding:3px 5px}.guide-header .icon-button{width:28px;height:28px}.guide-body{padding:17px}.guide-equipment p{font-size:10px}.guide-equipment{padding:11px}.guide-toc{gap:6px}.guide-toc button{font-size:9px;padding:5px 9px}.guide-section{padding-top:21px;scroll-margin-top:160px}.guide-number{min-width:30px;height:30px;font-size:11px}.guide-section-title{gap:10px}.guide-section-title h3{font-size:14px}.guide-section-title p{font-size:11px}.guide-figure{padding:9px}.guide-figure figcaption{font-size:9px}.guide-pin-map{grid-template-columns:repeat(2,1fr);gap:7px}.guide-pin-map b{font-size:11px}.guide-caution{font-size:10px;padding:10px}.guide-connect-visual{padding:0;gap:10px;flex-direction:column}.guide-browser,.guide-port-picker{width:100%}.guide-connect-arrow{transform:rotate(90deg)}.guide-sound-action{align-items:flex-start;flex-direction:column;gap:12px}.guide-training-flow{gap:5px}.guide-training-flow>div{padding:24px 7px 13px}.guide-training-flow code{font-size:9px;min-height:24px;margin-bottom:10px}.guide-training-flow strong{font-size:10px}.guide-training-flow small{font-size:9px}.guide-flow-arrow{font-size:14px}.guide-result-grid{grid-template-columns:1fr;gap:16px}.guide-result-example>div{font-size:10px}.guide-mode-grid{grid-template-columns:1fr;gap:9px}.guide-mode-grid strong{font-size:11px}.guide-mode-grid p{margin-top:5px}.guide-footer{padding:13px 17px}.guide-footer .button{font-size:10px}.guide-footer .text-button{font-size:9px}.guide-footer{flex-wrap:nowrap}}

.guide-header>div:first-child{min-width:0;flex:1}.guide-header-actions{flex-shrink:0}.guide-header-actions .language-switch button{white-space:nowrap;min-width:32px}

.auto-repeat-tools{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid #e0e8dc}.auto-repeat-field{width:145px}.auto-repeat-field label{display:block;color:#65795e;font-size:11px;margin-bottom:7px}.auto-repeat-field input{width:100%;padding:9px 11px;border:1px solid #dce4dd;border-radius:5px;background:#fcfdfb;color:#314c3a}.auto-repeat-tools .button{min-height:40px;font-size:11px}.auto-repeat-tools .button[aria-pressed="true"]{background:#e2f2d7;color:#365f2d;border-color:#99bb82}.auto-repeat-tools output{font-size:11px;line-height:1.7;color:#66815a;align-self:center;max-width:420px;overflow-wrap:anywhere}.auto-repeat-hint{margin-bottom:0;line-height:1.8}@media(max-width:650px){.auto-repeat-tools{gap:12px}.auto-repeat-field{width:135px}.auto-repeat-tools output{flex-basis:100%;max-width:100%}}

.purpose-microphone .microphone-playback-option{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:11px 13px;margin:0;border:1px solid #dce6d5;border-radius:6px;background:#f7faf3;cursor:pointer}.purpose-microphone .microphone-playback-option input{width:16px;height:16px;margin:0;padding:0;flex-shrink:0;accent-color:#4b7a3d}.microphone-playback-option span{display:block}.microphone-playback-option strong{font-size:11px;font-weight:600;color:#46613f}.microphone-playback-option small{display:block;font-size:10px;color:#87927f;line-height:1.6;margin-top:3px}.purpose-microphone .microphone-playback-option:has(input:checked){border-color:#9cbd89;background:#edf6e6}.purpose-microphone[data-state="playing"] .microphone-result{border-color:#a5c78d;background:#edf7e7}

.purpose-card{margin-bottom:23px;padding:18px 21px;border-color:#cfddce;scroll-margin-top:95px}.purpose-card legend{font-size:12px;font-weight:650;color:#466047;margin-bottom:12px}.purpose-options{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.purpose-options label{display:flex;align-items:center;gap:9px;cursor:pointer;border:1px solid #dfe7dc;border-radius:6px;padding:11px 14px;margin:0;font-size:12px;color:#5c705b;background:#fbfcf9}.purpose-options label:has(input:checked){border-color:#8db578;background:#edf6e7;color:#305e30}.purpose-options input{width:16px;height:16px;accent-color:#4b7a3d;margin:0;padding:0;flex-shrink:0}.purpose-options small{font-size:10px;color:#7c9072}.purpose-microphone{border-top:1px solid #e0e8dc;margin-top:16px;padding-top:14px}.purpose-microphone .two-fields{display:grid;grid-template-columns:repeat(2,minmax(100px,220px));gap:18px}.purpose-microphone label{display:block;font-size:11px;color:#63785e;margin:0 0 7px}.purpose-microphone input{width:100%;padding:9px 11px;border:1px solid #dce4dd;border-radius:5px;background:#fcfdfb;color:#314c3a}.purpose-microphone .microphone-intro{margin-bottom:13px}.microphone-mode .audio-card,.microphone-mode .settings-card,.microphone-mode .stats-section,.microphone-mode .history-card,.microphone-mode .recognition-card{display:none}.purpose-microphone[data-state="listening"] .microphone-result{border-color:#a5c78d;background:#edf7e7}.purpose-microphone[data-state="pass"] .microphone-state{background:#497b3d;color:#fff}.purpose-microphone[data-state="fail"] .microphone-result{border-color:#e7c9bb;background:#fcf3ed;color:#985943}
@media(max-width:650px){.purpose-card{padding:16px}.purpose-options{gap:9px}.purpose-options label{flex-wrap:wrap;font-size:11px;padding:10px 12px}.purpose-options small{font-size:9px}.purpose-microphone .two-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

.microphone-card{margin-top:25px;scroll-margin-top:95px;border-color:#cadccc}.microphone-card .card-title{margin-bottom:10px}.microphone-intro{font-size:12px;color:#64786a;max-width:830px;margin:0 0 18px;line-height:1.8}.microphone-controls{display:flex;gap:24px;align-items:flex-end;flex-wrap:wrap}.microphone-controls .two-fields{flex:1;grid-template-columns:repeat(2,minmax(130px,1fr));max-width:480px;gap:18px}.microphone-controls label{display:block;font-size:11px;color:#64776a;margin:0 0 7px}.microphone-controls input{width:100%;padding:10px 11px;border:1px solid #dce4dd;border-radius:5px;background:#fcfdfb;color:#314c3a}.microphone-controls .inline-actions{padding-bottom:1px}.microphone-result{display:flex;gap:12px;align-items:center;margin-top:18px;padding:13px 15px;background:#f3f7f2;border:1px solid #e1e9df;border-radius:6px;font-size:12px;min-height:50px}.microphone-state{font-size:10px;font-weight:650;white-space:nowrap;color:#55704e;padding:3px 7px;border-radius:4px;background:#e4eddf}.microphone-result output{overflow-wrap:anywhere}.microphone-card[data-state="listening"] .microphone-result{border-color:#a5c78d;background:#edf7e7}.microphone-card[data-state="pass"] .microphone-state{background:#497b3d;color:#fff}.microphone-card[data-state="fail"] .microphone-result{border-color:#e7c9bb;background:#fcf3ed;color:#985943}.microphone-card[data-state="fail"] .microphone-state{background:#ecd7cb;color:#8b4e39}.microphone-card>.field-hint{line-height:1.8;margin-bottom:0}.guide-microphone{padding:17px 19px;margin-top:22px;border:1px solid #dbe7d5;background:#f5f9f1;border-radius:7px}.guide-microphone h4{display:flex;align-items:center;gap:9px;margin:0;font-size:13px;color:#36583b}.guide-microphone p{font-size:12px;line-height:1.8;color:#637761;margin-bottom:0}.guide-microphone .field-hint{font-size:11px}
@media(max-width:650px){.microphone-controls{gap:15px}.microphone-controls .two-fields{flex-basis:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.microphone-controls .inline-actions{flex-wrap:wrap}.microphone-controls .button{font-size:11px;padding:10px 12px}.microphone-result{align-items:flex-start;flex-direction:column;gap:8px}.microphone-card .card-title{align-items:flex-start;flex-wrap:wrap}.microphone-intro{font-size:11px}.guide-microphone{padding:14px}.guide-microphone h4{font-size:12px}}