.page-module__hrXtbq__main{padding:32px 0}.page-module__hrXtbq__errorBanner{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 20px;font-size:.875rem;display:flex}.page-module__hrXtbq__errorBanner i{flex-shrink:0;font-size:1.1rem}.page-module__hrXtbq__errorState{text-align:center;color:var(--text-muted);padding:60px 20px}.page-module__hrXtbq__errorState i{color:#f59e0b;margin-bottom:16px;font-size:3rem;display:block}.page-module__hrXtbq__controlPanel{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:20px;margin-bottom:20px;padding:16px 20px;display:flex}.page-module__hrXtbq__deviceSelect{flex:1;min-width:200px}.page-module__hrXtbq__deviceSelect label{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem;display:block}.page-module__hrXtbq__deviceSelect select{border:1px solid var(--border);background:var(--background);color:var(--text-primary);border-radius:6px;padding:10px 12px;font-family:inherit;font-size:.875rem}.page-module__hrXtbq__deviceSelect select:focus{border-color:var(--primary);outline:none}.page-module__hrXtbq__statusBadge{background:var(--background);color:var(--text-secondary);white-space:nowrap;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;display:flex}.page-module__hrXtbq__statusDot{background:#94a3b8;border-radius:50%;width:10px;height:10px;transition:background .3s}.page-module__hrXtbq__statusDot.page-module__hrXtbq__active{background:#22c55e;animation:1.5s infinite page-module__hrXtbq__pulse}@keyframes page-module__hrXtbq__pulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 6px #22c55e00}}.page-module__hrXtbq__volumeMeter{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:16px 20px}.page-module__hrXtbq__volumeHeader{color:var(--text-secondary);align-items:center;gap:12px;margin-bottom:10px;font-size:.875rem;display:flex}.page-module__hrXtbq__volumeValue{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.page-module__hrXtbq__volumeLevel{border-radius:4px;padding:2px 8px;font-size:.8rem;font-weight:500}.page-module__hrXtbq__volumeBar{background:var(--background);border-radius:6px;height:12px;overflow:hidden}.page-module__hrXtbq__volumeFill{background:linear-gradient(90deg,#22c55e,#eab308,#ef4444);border-radius:6px;min-width:0;height:100%;transition:width .1s ease-out}.page-module__hrXtbq__visualizers{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.page-module__hrXtbq__visualizerCard{background:var(--surface);border:1px solid var(--border);border-radius:12px;position:relative;overflow:hidden}.page-module__hrXtbq__visualizerCard h3{color:var(--text-secondary);border-bottom:1px solid var(--border);padding:12px 16px;font-size:.875rem;font-weight:600}.page-module__hrXtbq__canvas{width:100%;height:160px;display:block}.page-module__hrXtbq__canvasOverlay{background:var(--surface);opacity:.85;height:160px;color:var(--text-muted);justify-content:center;align-items:center;font-size:.85rem;display:flex;position:absolute;bottom:0;left:0;right:0}.page-module__hrXtbq__actionBar{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}.page-module__hrXtbq__btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.page-module__hrXtbq__btnPrimary{background:var(--primary);color:#fff}.page-module__hrXtbq__btnPrimary:hover{background:var(--primary-dark)}.page-module__hrXtbq__btnSecondary{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.page-module__hrXtbq__btnSecondary:hover{background:var(--background);border-color:var(--primary)}.page-module__hrXtbq__btnDanger{color:#dc2626;background:#fee2e2}.page-module__hrXtbq__btnDanger:hover{background:#fecaca}.page-module__hrXtbq__btnWarning{color:#d97706;background:#fef3c7}.page-module__hrXtbq__btnWarning:hover{background:#fde68a}.page-module__hrXtbq__infoPanel{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:20px}.page-module__hrXtbq__infoPanel h3{color:var(--text-secondary);margin-bottom:16px;font-size:.875rem;font-weight:600}.page-module__hrXtbq__infoGrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.page-module__hrXtbq__infoItem{background:var(--background);border-radius:8px;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.page-module__hrXtbq__infoLabel{color:var(--text-muted);font-size:.75rem}.page-module__hrXtbq__infoValue{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:600}.page-module__hrXtbq__infoTag{border-radius:4px;width:fit-content;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-block}.page-module__hrXtbq__infoTag.page-module__hrXtbq__on{color:#16a34a;background:#dcfce7}.page-module__hrXtbq__infoTag.page-module__hrXtbq__off{color:#9ca3af;background:#f3f4f6}.page-module__hrXtbq__recordingsPanel{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:20px}.page-module__hrXtbq__recordingsPanel h3{color:var(--text-secondary);margin-bottom:12px;font-size:.875rem;font-weight:600}.page-module__hrXtbq__recordingsList{flex-direction:column;gap:8px;display:flex}.page-module__hrXtbq__recordingItem{background:var(--background);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:border-color .2s;display:flex}.page-module__hrXtbq__recordingItem:hover{border-color:var(--primary)}.page-module__hrXtbq__recordingInfo{flex-direction:column;gap:4px;display:flex}.page-module__hrXtbq__recordingTime{color:var(--text-primary);font-size:.875rem;font-weight:600}.page-module__hrXtbq__recordingMeta{color:var(--text-muted);font-size:.75rem}.page-module__hrXtbq__recordingActions{gap:6px;display:flex}.page-module__hrXtbq__recordingBtn{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;font-size:.8rem;transition:all .2s;display:flex}.page-module__hrXtbq__recordingBtn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.page-module__hrXtbq__recordingBtn.page-module__hrXtbq__delete:hover{background:#dc2626;border-color:#dc2626}.page-module__hrXtbq__infoSection{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-top:24px;padding:20px}.page-module__hrXtbq__infoSection h3{color:var(--text-secondary);margin-bottom:12px;font-size:.875rem;font-weight:600}.page-module__hrXtbq__infoSection p{color:var(--text-secondary);margin:8px 0 0;font-size:.875rem;line-height:1.8}.page-module__hrXtbq__steps{background:var(--background);color:var(--text-secondary);white-space:pre-wrap;border-radius:8px;margin:0;padding:12px 16px;font-family:inherit;font-size:.85rem;line-height:1.8}.page-module__hrXtbq__faqList{flex-direction:column;gap:16px;display:flex}.page-module__hrXtbq__faqItem h4{color:var(--text-primary);margin:0 0 8px;font-size:.9375rem}.page-module__hrXtbq__faqItem p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.7}.page-module__hrXtbq__relatedToolsCompact{margin-top:32px;padding-bottom:0}@media (max-width:768px){.page-module__hrXtbq__visualizers{grid-template-columns:1fr}.page-module__hrXtbq__controlPanel{flex-direction:column;align-items:flex-start}.page-module__hrXtbq__infoGrid{grid-template-columns:1fr 1fr}.page-module__hrXtbq__recordingItem{flex-direction:column;align-items:flex-start;gap:10px}.page-module__hrXtbq__recordingActions{justify-content:flex-end;width:100%}}