body{background:#121214;color:#e1e1e6;font-family:system-ui,sans-serif;margin:0;padding:0;height:100vh;width:100vw;overflow:hidden;box-sizing:border-box}.main-table{display:table!important;width:100%!important;height:100vh!important;table-layout:fixed!important;padding:20px;box-sizing:border-box;border-spacing:20px}.main-row{display:table-row!important}.control-cell{display:table-cell!important;width:55%!important;vertical-align:top!important;height:100%}.carousel-cell{display:table-cell!important;width:45%!important;vertical-align:top!important;height:100%}.b-card{background:#202024;border:1px solid #323238;border-radius:12px;padding:20px;box-sizing:border-box;margin-bottom:20px;width:100%!important}.log-card{height:calc(100vh - 275px)!important;display:flex!important;flex-direction:column!important}.stt-box{margin-top:15px;padding:15px;text-align:center;border:1px solid #323238;border-radius:6px;background:#121214;color:#a8a8b3;font-size:14px;min-height:24px}pre{background:#121214;color:#04d361;padding:15px;border-radius:6px;border:1px solid #323238;margin:10px 0 0 0;overflow-y:auto;font-size:13px;max-height:100%!important;flex-grow:1;white-space:pre-wrap!important;word-break:break-all!important}.drum-card{height:calc(100vh - 40px)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;margin:0!important}.bar-carousel-wrapper{position:relative;width:320px;height:320px;margin:20px auto;background:radial-gradient(circle,#29292e 40%,#121214 70%);border-radius:50%;border:4px solid #323238;box-shadow:0 0 20px rgba(0,0,0,.5)}.center-pump{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#8257e5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;z-index:10;box-shadow:0 0 15px rgba(130,87,229,.4)}.glass-node{position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-25px;background:#29292e;border:2px solid #41414c;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease}.glass-node.active{border-color:#04d361;background:#1c3c24;box-shadow:0 0 12px #04d361}.glass-node .volume-badge{font-size:10px;color:#a8a8b3;font-weight:700;margin-top:-2px}.btn-group-row{display:flex;gap:10px;margin-top:15px}.b-btn{padding:12px 20px;border-radius:6px;font-weight:600;cursor:pointer;border:none;font-size:14px;transition:all .2s;text-align:center}.btn-danger-ptt{background:#8257e5;color:#fff;width:100%;font-size:16px;padding:15px;box-shadow:0 4px 10px rgba(130,87,229,0.2)}.btn-danger-ptt:hover{background:#9466ff}.btn-danger-ptt.recording{background:#e0465b!important;animation:pulse 1.2s infinite;box-shadow:0 0 15px #e0465b}.btn-outline{background:transparent;border:1px solid #41414c;color:#e1e1e6}.btn-outline:hover{background:#29292e}.btn-danger-sm{background:#e0465b;color:#fff;padding:12px 20px;border-radius:6px;cursor:pointer;font-size:14px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(0.98);opacity:0.9}100%{transform:scale(1)}}.toggle-container{display:flex;align-items:center;margin-top:20px;background:#121214;padding:12px;border-radius:8px;border:1px solid #323238}.toggle-label{font-size:12px;color:#a8a8b3;margin-left:12px}.switch{position:relative;display:inline-block;width:46px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#41414c;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.switch input:checked + .slider{background-color:#04d361}.switch input:checked + .slider:before{transform:translateX(22px)}
