:root{color-scheme:light;font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#f4f6f8;color:#1f2933;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{align-items:center;background:#fff;border:1px solid #c9d3df;border-radius:6px;color:#25313f;cursor:pointer;display:inline-flex;gap:7px;height:36px;justify-content:center;padding:0 12px;transition:background .16s ease,border-color .16s ease,color .16s ease;white-space:nowrap}button:hover{background:#eef4f7;border-color:#9fb2c6}button:disabled{cursor:not-allowed;opacity:.58}button.primary{background:#0f766e;border-color:#0f766e;color:#fff}button.primary:hover{background:#115e59;border-color:#115e59}button.danger{background:#b42318;border-color:#b42318;color:#fff}.file-button{align-items:center;background:#fff;border:1px solid #c9d3df;border-radius:6px;color:#25313f;cursor:pointer;display:inline-flex;gap:7px;height:36px;justify-content:center;padding:0 12px;white-space:nowrap}.file-button input{display:none}label{color:#526173;display:grid;gap:6px;min-width:0}input,select,textarea{background:#fff;border:1px solid #c9d3df;border-radius:6px;color:#1f2933;min-width:0;outline:none;padding:0 10px;width:100%}input:focus,select:focus,textarea:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e24}input,select{height:32px}input[type=range]{accent-color:#0f766e;border:0;box-shadow:none;padding:0}textarea{line-height:1.45;min-height:72px;padding:8px 10px;resize:vertical}.shell{display:grid;gap:12px;margin:0 auto;max-width:1280px;min-height:100vh;padding:14px}.topbar{align-items:center;display:flex;gap:16px;justify-content:space-between}.topbar h1{font-size:22px;letter-spacing:0;line-height:1.15;margin:4px 0 0}.eyebrow,.status,.section-title,.panel-title{align-items:center;display:flex;gap:8px}.eyebrow{color:#65758b;font-weight:700;letter-spacing:0;text-transform:uppercase}.status{background:#fff;border:1px solid #c9d3df;border-radius:6px;color:#526173;min-height:34px;padding:0 10px}.status-connected{border-color:#16a34a;color:#166534}.status-connecting{border-color:#c68000;color:#8a5600}.status-error{border-color:#d92d20;color:#b42318}.profile-bar{align-items:center;background:#fff;border:1px solid #d9e1ea;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px}.quick-guide{align-items:center;background:#fff;border:1px solid #d9e1ea;border-radius:8px;display:flex;flex-wrap:wrap;gap:7px;padding:9px 12px}.quick-guide>strong{margin-right:3px}.quick-guide button{background:#f7fafc;height:32px;padding:0 9px}.quick-guide button span{align-items:center;background:#dfe7ef;border-radius:50%;display:inline-flex;font-size:12px;font-weight:800;height:20px;justify-content:center;width:20px}.quick-guide .guide-needed{border-color:#d92d20;color:#b42318}.quick-guide .guide-done{border-color:#3fa58d;color:#0f766e}.profile-title{align-items:center;color:#25313f;display:flex;font-weight:800;gap:7px}.profile-bar select{max-width:220px}.autosave-state{color:#0f766e;font-size:12px;margin-left:auto}.control-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.panel,.feed,.rules{background:#fff;border:1px solid #d9e1ea;border-radius:8px;box-shadow:0 12px 28px #1f29330f}.interaction-thanks-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.interaction-thanks-item{border:1px solid #d9e1ea;border-radius:7px;display:grid;gap:8px;padding:10px}.subsection-title{border-top:1px solid #d9e1ea;padding-top:12px}.add-rule-actions{align-self:end}.panel{align-content:start;display:grid;gap:10px;padding:12px}.panel-title,.section-title{color:#25313f;font-weight:800}.inline-fields,.model-grid{display:grid;gap:8px}.inline-fields,.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-field{display:grid;gap:6px;min-width:0}.connection-tabs{display:grid;gap:5px;grid-template-columns:repeat(4,minmax(0,1fr))}.connection-mode{display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.connection-mode button.active{background:#0f766e;border-color:#0f766e;color:#fff}.unified-connection{display:grid;gap:9px}.voice-preview-button{align-self:end}.unified-summary{background:#f0fdfa;border:1px solid #99e5d5;border-radius:6px;color:#115e59;line-height:1.4;padding:9px 10px}.connection-tabs button{font-size:12px;overflow:hidden;padding:0 6px;text-overflow:ellipsis}.connection-tabs button.active{background:#0f766e;border-color:#0f766e;color:#fff}.connection-form{display:grid;gap:8px}.connection-summary{background:#f0fdfa;border:1px solid #99e5d5;border-radius:6px;color:#115e59;overflow-wrap:anywhere;padding:8px 10px}.button-row{display:flex;flex-wrap:wrap;gap:6px}.capture-row{align-items:center}.toggle-row{display:flex;flex-wrap:wrap;gap:8px}.toggle{align-items:center;background:#f7fafc;border:1px solid #d9e1ea;border-radius:6px;cursor:pointer;display:inline-flex;gap:8px;height:34px;padding:0 10px}.toggle input{display:none}.toggle span{background:#a7b4c2;border-radius:999px;height:16px;position:relative;width:30px}.toggle span:after{background:#fff;border-radius:50%;content:"";height:12px;left:2px;position:absolute;top:2px;transition:transform .16s ease;width:12px}.toggle input:checked+span{background:#0f766e}.toggle input:checked+span:after{transform:translate(14px)}.meter{background:#d9e1ea;border-radius:999px;flex:1;height:12px;min-width:130px;overflow:hidden}.meter span{background:#10b981;display:block;height:100%;transition:width .1s linear}.workspace{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));min-height:360px}.accuracy-note{background:#f0fdfa;border:1px solid #99e5d5;border-radius:6px;color:#115e59;font-size:12px;line-height:1.4;padding:8px 10px}.accuracy-note.warning{background:#fff8e6;border-color:#e8c979;color:#7a4d00}.feed,.rules{min-height:0;padding:12px}.event-list{display:grid;gap:8px;margin-top:12px;max-height:42vh;overflow:auto;padding-right:4px}.live-event,.transcript,.rule{align-items:center;background:#f8fafc;border:1px solid #e4ebf2;border-radius:7px;display:grid;gap:8px;min-width:0;padding:8px}.live-event{grid-template-columns:72px minmax(76px,.28fr) minmax(0,1fr) auto}.event-action{height:30px;padding:0 8px}.live-event.gift{border-color:#f2c94c}.live-event.chat{border-color:#b9d7ff}.live-event time,.transcript time{color:#78889a;font-size:12px}.live-event span{color:#526173;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-event strong,.transcript strong,.transcript p{min-width:0;overflow-wrap:anywhere}.transcript{align-items:start}.recognition-result p{color:#25313f;font-size:17px;font-weight:650;line-height:1.45}.transcript-stage{display:grid;gap:3px;width:100%}.transcript-stage+.transcript-stage{border-top:1px solid #e4ebf2;padding-top:7px}.transcript-stage>span{color:#78889a;font-size:12px;font-weight:700}.transcript p{color:#526173;margin:0}.chinese-stage p{color:#25313f;font-weight:600}.transcript strong{color:#0f766e;font-size:17px;line-height:1.4}.transcript.pending strong{color:#8a5600}.transcript.error strong{color:#b42318}.rules{align-content:start;display:grid;gap:14px;grid-column:1 / -1}.rule-list,.gift-rule-builder,.gift-rule-list{display:grid;gap:8px}.gift-rule-builder{background:#f8fafc;border:1px solid #d9e1ea;border-radius:7px;padding:9px}.gift-picker-actions{align-items:end;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.gift-catalog{display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));max-height:260px;overflow:auto;padding:2px}.gift-option{display:grid;gap:2px;height:92px;justify-items:center;min-width:0;padding:6px;white-space:normal}.gift-option.selected{background:#e7f7f3;border-color:#0f766e}.gift-option img{height:42px;object-fit:contain;width:42px}.gift-option span{font-size:12px;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gift-option small{color:#78889a;font-size:11px}.add-rule-button{align-self:end}.gift-rule-item{background:#f8fafc;border:1px solid #d9e1ea;border-radius:7px;display:grid;gap:8px;padding:9px}.gift-rule-head{align-items:center;display:flex;gap:8px;justify-content:space-between}.gift-rule-image{height:34px;object-fit:contain;width:34px}.gift-rule-head .toggle{flex:1}.rule{grid-template-columns:34px minmax(0,1fr)}.rule-icon{align-items:center;background:#e7edf4;border-radius:6px;color:#65758b;display:grid;height:34px;justify-content:center;width:34px}.rule-icon.active{background:#d9f7ed;color:#0f766e}.rule strong,.rule span{display:block}.rule span{color:#65758b;margin-top:2px}.empty{align-items:center;background:#f8fafc;border:1px dashed #c9d3df;border-radius:8px;color:#78889a;display:grid;min-height:120px;place-items:center}.template-help{color:#78889a;font-size:12px;line-height:1.35}.voice-profile-list{display:grid;gap:10px;margin-top:12px}.voice-profile-item{align-items:center;background:#f8fafc;border:1px solid #d9e1ea;border-radius:10px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding:10px}.voice-profile-item.selected{background:#eef7ff;border-color:#7bb8ff}.voice-profile-info{display:grid;gap:4px;min-width:0}.voice-profile-info strong,.voice-profile-info span,.voice-profile-info small{overflow-wrap:anywhere}.voice-profile-info span{color:#33526f;font-size:12px}.voice-profile-info small{color:#78889a;font-size:11px}.voice-profile-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.voice-profile-actions button{min-height:32px;padding:6px 9px}@media(max-width:1320px){.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:minmax(320px,1fr) minmax(320px,1fr)}.rules{grid-column:1 / -1}}@media(max-width:760px){.shell{padding:12px}.topbar{align-items:start;flex-direction:column}.control-grid,.workspace,.inline-fields,.model-grid{grid-template-columns:1fr}.quick-guide{align-items:stretch;display:grid;grid-template-columns:1fr}.gift-picker-actions,.interaction-thanks-grid{grid-template-columns:1fr}.voice-profile-item{align-items:stretch;grid-template-columns:1fr}.voice-profile-actions{justify-content:flex-start}.live-event{grid-template-columns:72px minmax(0,1fr)}.live-event strong{grid-column:1 / -1}}.diagnostic-panel{background:#fff;border:1px solid #d9e1ea;border-radius:8px;display:grid;gap:10px;padding:12px}.diagnostic-grid{display:grid;gap:8px;grid-template-columns:repeat(6,minmax(0,1fr))}.diagnostic-grid>div{background:#f8fafc;border:1px solid #e4ebf2;border-radius:7px;display:grid;gap:4px;min-height:58px;padding:8px}.diagnostic-grid span{color:#65758b;font-size:12px}.diagnostic-grid strong{color:#25313f;font-size:13px;overflow-wrap:anywhere}@media(max-width:1320px){.diagnostic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.diagnostic-grid{grid-template-columns:1fr}}